Você está procurando uma maneira de adicionar o editor TinyMCE ao campo de título das suas postagens e páginas do WordPress? Embora provavelmente exista um plugin para isso, criamos um trecho de código rápido que você pode usar para adicionar o editor TinyMCE ao campo de título de postagens/páginas no WordPress.
Instruções:
Tudo o que você precisa fazer é adicionar este código ao arquivo functions.php do seu tema ou a 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 sua primeira vez adicionando snippets de código no WordPress, consulte nosso guia sobre como adicionar snippets de código corretamente no WordPress, para não quebrar acidentalmente seu site.
Se você gostou deste trecho de código, considere conferir nossos outros artigos no site, como: 46 maiores marcas do mundo usando WordPress ativamente e como criar um formulário de registro de usuário personalizado no WordPress.
Apenas altere:
tinyMCE.execCommand(“mceAddControl”, false, “title”);
para:
tinyMCE.execCommand(“mceAddEditor”, false, “title”);
não está funcionando no meu site wp
Boa adição/trecho, mas... por quê?
Obrigado por isso. Existe alguma maneira de isso ser exibido no editor HTML também ou em vez do visual? – ops, postei no artigo errado, desculpe.
Ótimo trecho! Eu me pergunto se há alguma maneira de exibir e usar apenas itens selecionados do tinyMCE? Certamente não precisamos ter os botões de upload para a área de título 🙂
Obrigado, fico feliz que você goste do trecho, acho que podemos remover itens, embora eu não tenha certeza de quão fácil seria fazer isso apenas para o TinyMCE usado para o título.
como remover itens não utilizados do tinymce? uma boa ideia para um futuro trecho =)