{"id":2267,"date":"2012-03-15T10:28:30","date_gmt":"2012-03-15T09:28:30","guid":{"rendered":"https:\/\/www.creativejuiz.fr\/blog\/?p=2267"},"modified":"2015-01-18T16:11:13","modified_gmt":"2015-01-18T15:11:13","slug":"supprimer-blocs-dans-selecteur-format-tinymce","status":"publish","type":"post","link":"https:\/\/www.creativejuiz.fr\/blog\/wordpress\/supprimer-blocs-dans-selecteur-format-tinymce","title":{"rendered":"WordPress &#8211; Supprimer des blocs dans le s\u00e9lecteur de format TinyMCE"},"content":{"rendered":"<p>En d\u00e9but de semaine je vous pr\u00e9sentais une m\u00e9thode pour ajouter un s\u00e9lecteur de styles personnalis\u00e9s \u00e0 votre \u00e9diteur visuel sur WordPress.<br \/>\nAujourd&rsquo;hui, une petit br\u00e8ve pour vous dire comment limiter le nombre de blocs dans le s\u00e9lecteur de blocs (le s\u00e9lecteur par d\u00e9faut du TinyMCE de WordPress).<!--more--><\/p>\n<p>Nous utilisons \u00e0 nouveau le hook <code>tiny_mce_before_init<\/code><\/p>\n<pre class=\"code\"><code class=\"php\">&lt;?php\r\nadd_filter('tiny_mce_before_init', 'juiz_custom_block_select');\r\nif ( !function_exists('juiz_custom_block_select')) {\r\n\tfunction juiz_custom_block_select($settings) {\r\n\t\t\/\/ on retire `adress`, `h1` et `h2`\r\n\t\t$settings['theme_advanced_blockformats'] = 'p,pre,h3,h4,h5,h6';\r\n\t\treturn $settings;\r\n\t}\r\n}\r\n?&gt;<\/code><\/pre>\n<p>Il suffit de lister les \u00e9l\u00e9ments que vous souhaitez conserver, les autres seront temporairement d\u00e9sactiv\u00e9s.<br \/>\nIl vous suffira de les rajouter dans la liste pour les r\u00e9activer.<\/p>\n<figure id=\"attachment_2307\" aria-labelledby=\"figcaption_attachment_2307\" class=\"wp-caption aligncenter\" style=\"width: 360px\"><img decoding=\"async\" src=\"https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2012\/03\/format-bloc-custom.png\" alt=\"\" title=\"\" width=\"350\" height=\"190\" class=\"size-full wp-image-2307\" srcset=\"https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2012\/03\/format-bloc-custom.png 350w, https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2012\/03\/format-bloc-custom-300x162.png 300w\" sizes=\"(max-width: 350px) 100vw, 350px\" \/><figcaption id=\"figcaption_attachment_2307\" class=\"wp-caption-text\">Retrait d&#039;\u00e9l\u00e9ments non utilis\u00e9s<\/figcaption><\/figure>\n<p>Il est possible de fusionner ce code avec celui que nous avons vu sur l&rsquo;article <a href=\"\/blog\/wordpress\/ajouter-styles-perso-editeur-tinymce\">Ajouter des styles perso dans l&rsquo;\u00e9diteur TinyMCE<\/a>. Cela donnerait :<\/p>\n<pre class=\"code\"><code class=\"php\">&lt;?php\r\n\/\/ ajout du filtre pour le s\u00e9lecteur de styles\r\nadd_filter( 'mce_buttons_2', 'juiz_mce_buttons_2' );\r\n&nbsp;\r\nif ( !function_exists('juiz_mce_buttons_2')) {\r\n\tfunction juiz_mce_buttons_2( $buttons ) {\r\n\t\tarray_unshift( $buttons, 'styleselect' );\r\n&nbsp;\r\n\t\treturn $buttons;\r\n\t}\r\n}\r\n&nbsp;\r\n\/\/ filtre pour la gestion des blocs et styles\r\nadd_filter('tiny_mce_before_init', 'juiz_custom_blocks_and_styles_select');\r\nif ( !function_exists('juiz_custom_blocks_and_styles_select')) {\r\n\tfunction juiz_custom_blocks_and_styles_select($settings) {\r\n\t\t\/\/ on retire `adress`, `h1` et `h2`\r\n\t\t$settings['theme_advanced_blockformats'] = 'p,pre,h3,h4,h5,h6';\r\n&nbsp;\r\n\t\t\/\/ on ajoute nos styles perso\r\n\t\t$style_formats = array (\r\n\t\t\tarray(\r\n\t\t\t\t'title' =&gt; __('Italique et gras'),\r\n\t\t\t\t'inline' =&gt; 'span',\r\n\t\t\t\t'styles' =&gt; array(\r\n\t\t\t\t\t'fontStyle' =&gt; 'italic',\r\n\t\t\t\t\t'fontWeight' =&gt; 'bold'\r\n\t\t\t\t)\r\n\t\t\t),\r\n\t\t\tarray(\r\n\t\t\t\t'title' =&gt; __('Bouton'),\r\n\t\t\t\t'selector' =&gt; 'a',\r\n\t\t\t\t'classes' =&gt; 'button'\r\n\t\t\t),\r\n\t\t\tarray(\r\n\t\t\t\t'title' =&gt; __('Exergue Box'),\r\n\t\t\t\t'block' =&gt; 'div',\r\n\t\t\t\t'classes' =&gt; 'highlight',\r\n\t\t\t\t'wrapper' =&gt; true\r\n\t\t\t)\r\n\t\t);\r\n&nbsp;\r\n\t\t$settings['style_formats'] = json_encode( $style_formats );\r\n&nbsp;\r\n\t\treturn $settings;\r\n\t}\r\n}\r\n?&gt;<\/code><\/pre>\n<p>En esp\u00e9rant que ces astuces vous faciliterons la vie, ou celle de vos clients.<\/p>\n<div class=\"tdm\">\n<h2>Astuces TinyMCE<\/h2>\n<ul>\n<li><a href=\"\/blog\/wordpress\/ajouter-styles-perso-editeur-tinymce\">Ajouter des styles perso \u00e0 l&rsquo;\u00e9diteur TinyMCE<\/a><\/li>\n<li><span class=\"current\">Supprimer des blocs dans le s\u00e9lecteur TinyMCE<\/span><\/li>\n<\/ul>\n<\/div>\n<div class=\"sources\">\n<h2>Sources et liens utiles<\/h2>\n<ul>\n<li><a href=\"\/blog\/wordpress\/ajouter-styles-perso-editeur-tinymce\">CreativeJuiz &#8211; Ajouter des styles perso dans l&rsquo;\u00e9diteur TinyMCE<\/a><\/li>\n<li><a href=\"http:\/\/wordpress.stackexchange.com\/questions\/3882\/can-i-add-a-custom-format-to-the-format-option-in-the-text-panel\">WordPress StackExchange &#8211; Question 3882<\/a><\/li>\n<\/ul>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>En d\u00e9but de semaine je vous pr\u00e9sentais une m\u00e9thode pour ajouter un s\u00e9lecteur de styles personnalis\u00e9s \u00e0 votre \u00e9diteur visuel sur WordPress. Aujourd&rsquo;hui, une petit br\u00e8ve pour vous dire comment limiter le nombre de blocs dans le s\u00e9lecteur de blocs (le s\u00e9lecteur par d\u00e9faut du TinyMCE de WordPress).<\/p>\n","protected":false},"author":4,"featured_media":2298,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_bluesky_dont_syndicate":"","_bluesky_syndication_accounts":"","_bluesky_syndication_text":"","footnotes":""},"categories":[13],"tags":[228,372,263,434,449,684],"coauthors":[597],"class_list":["post-2267","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress","tag-astuce","tag-custom","tag-editeur","tag-hook","tag-tinymce","tag-wordpress"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/posts\/2267","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/comments?post=2267"}],"version-history":[{"count":0,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/posts\/2267\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/media\/2298"}],"wp:attachment":[{"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/media?parent=2267"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/categories?post=2267"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/tags?post=2267"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/coauthors?post=2267"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}