Você está procurando uma maneira de adicionar o editor TinyMCE ao campo de entrada de título de suas postagens e páginas do WordPress? Embora provavelmente exista um plug-in para isso, criamos um trecho de código rápido que você pode usar para adicionar o editor TinyMCE ao campo de entrada de título de post/página no WordPress.
Instruções:
Tudo o que você precisa fazer é adicionar esse código ao arquivo functions.php do seu tema ou em um plugin específico do site:
function tinymce_title_js(){ ?>
<script type="text/javascript">
jQuery(document).ready( tinymce_title );
function tinymce_title() {
jQuery("#title").addClass("mceEditor");
tinyMCE.execCommand("mceAddControl", false, "title");
}
</script>
<?php }
add_action( 'admin_head-post.php', 'tinymce_title_js');
add_action( 'admin_head-post-new.php', 'tinymce_title_js');
function tinymce_title_css(){ ?>
<style type='text/css'>
#titlewrap{border:solid 1px #e5e5e5 !important;}
tr.mceLast{display:none;}
#title_ifr{height:50px !important;}
</style>
<?php }
add_action( 'admin_head-post.php', 'tinymce_title_css');
add_action( 'admin_head-post-new.php', 'tinymce_title_css');
Observação: Se esta é a primeira vez que você adiciona trechos de código no WordPress, consulte nosso guia sobre como adicionar corretamente trechos de código no WordPress, para não danificar seu site acidentalmente.
Se você gostou desse snippet de código, considere dar uma olhada em nossos outros artigos no site, como: 46 maiores marcas do mundo usando ativamente o WordPress e como criar um formulário de registro de usuário personalizado no WordPress.
Just change:
tinyMCE.execCommand(“mceAddControl”, false, “title”);
for:
tinyMCE.execCommand(“mceAddEditor”, false, “title”);
not working at my wp site
Nice addition/snipt, but… why?
Thanks for this. Is there any way to have this display in the html editor as well or instead of the visual? – opps, posted on the wrong article, sorry.
Great snippet! I wonder is there any way to display and use only selected items of tinyMCE? Surely we don’t need to have the uploader buttons for the title area 🙂
Thanks, glad you like the snippet, I think we can remove items however I’m not sure how easy it would be to do that just for the TinyMCE used for the title.
how to remove unused items from tinymce? a good idea for a future snippet =)