Você deseja adicionar o editor TinyMCE à área de texto do resumo do post? Embora provavelmente exista um plugin para isso, criamos um pequeno trecho de código que você pode usar para habilitar o editor TinyMCE para o post the_excerpt do 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_excerpt_js(){ ?>
<script type="text/javascript">
jQuery(document).ready( tinymce_excerpt );
function tinymce_excerpt() {
jQuery("#excerpt").addClass("mceEditor");
tinyMCE.execCommand("mceAddControl", false, "excerpt");
}
</script>
<?php }
add_action( 'admin_head-post.php', 'tinymce_excerpt_js');
add_action( 'admin_head-post-new.php', 'tinymce_excerpt_js');
function tinymce_css(){ ?>
<style type='text/css'>
#postexcerpt .inside{margin:0;padding:0;background:#fff;}
#postexcerpt .inside p{padding:0px 0px 5px 10px;}
#postexcerpt #excerpteditorcontainer { border-style: solid; padding: 0; }
</style>
<?php }
add_action( 'admin_head-post.php', 'tinymce_css');
add_action( 'admin_head-post-new.php', 'tinymce_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: 7 melhores serviços de VPN para usuários de WordPress e como criar um formulário de inscrição de emprego no WordPress.
Isso não funciona no WP 5.5.1
Precisamos atualizar algo?
Obrigado!
sen ne d?yorsun bree orospuu cocugu
Estou tendo o mesmo problema desde a atualização. Existe uma versão atualizada desta função que possa corrigir as coisas novamente?
Mesmo problema aqui! Estava funcionando antes da atualização, mas agora sumiu! Obrigado!
Funcionava antes, mas depois de atualizar o tinyMCE sumiu ???
Agradeço o código e acabei de adicioná-lo ao meu site WP local que estou atualizando e parece ter funcionado muito bem até agora. Obrigado!
Perfeito! Que bom que wpsnipp pôde ajudar… Aproveite o código.
Salva vidas! Muito obrigado 🙂
ele COME as quebras de linha…
oi kevin,
adicionei este snippet ao meu arquivo functions.php, mas o editor não aparece. estou usando o framework pagelines. pode ser por causa disso?
valeu! útil sem instalar um plugin gigante. Apenas um pequeno problema: quando você tem um tipo de post personalizado sem editores, o tinyMCE init é executado de qualquer maneira, fazendo com que todo o js quebre. com uma verificação extra, funciona perfeitamente:
..\n\tif (typeof(tinyMCE) !== ‘undefined’) {\n\t\ttinyMCE.execCommand("mceAddControl", false, "excerpt");\n\t}\n..
valeu! ajudou muito!
Legal, fico feliz em ter ajudado, aproveite!
alguma atualização sobre isso? (sou o mroncetwice)
obrigado! era exatamente o que eu estava procurando 🙂
Legal, fico feliz em ter ajudado, Birgit,
O WP 3.3 bagunça essa função completamente.. quando você sai de uma página de escrita definida na aba HTML, ao retornar a qualquer uma das páginas de escrita onde essa função está ativa, clicar de volta na aba Visual abre uma textarea em branco (não está realmente em branco, mas parece pois o texto está colorido de branco). Vejo muitas sugestões para usar\n do_action('edit_page_form') \nem vez disso, mas não tenho certeza de como proceder com tal função.\n
há planos para atualizar essa função para uso com o WP 3.3?
Eu não testei este snippet no wp 3.3, pode ser uma série de coisas, vou dar uma olhada e postar uma versão atualizada para o 3.3 e avisarei se houver algum problema que possa ter causado isso para você.
[…] [Fonte: WPSNIPP] […]
Existe alguma maneira de exibir abas para alternar entre Visual e HTML?
Oi Jacek, algumas pessoas solicitaram essa adição, terei que investigar e ver.
Obrigado Kevin por este snippet.\nVocê sabe como adicionar os botões de mídia no topo?\nDesculpe pelo meu inglês ruim\nObrigado\nAnne
Sem problemas Anne, fico feliz que você goste do snippet. Em relação aos botões de mídia, terei que verificar isso, não tenho certeza se isso pode ser feito facilmente. Se sim, postarei um snippet.
Como eu adicionaria isso ao campo Descrição Adicional do WPEC?
Para adicionar isso a outro campo, você precisaria do ID do campo. Na linha 05, você pode ver #excerpt; se você mudar isso para o ID da outra textarea, deve funcionar muito bem. Por favor, note também que adicionei um pouco de CSS nas linhas 14-16 para estilizar um pouco as coisas. Você deve remover esse CSS e substituí-lo pelo seu próprio para garantir que tudo fique ok.
Brilhante! Então, para qualquer outra pessoa do WPEC/WPSC (wp E-commerce) que queira fazer isso funcionar para a seção “Descrição Adicional”, basta mudar o ID #excerpt na função acima para #additional_description e mudar a classe que está sendo adicionada de “mceEditor” para “theEditor” e tudo funcionará!
Obrigado Kevin pela ótima ajuda.
Kevin, alguma ideia de como adicionar as abas visual/HTML no topo do excerto?
Para ser honesto, não tenho certeza, isso não é algo em que eu já pensei em fazer até você fazer a pergunta, no entanto, é uma ideia interessante. Vou dar uma olhada nisso e ver se consigo criar um trecho que possa postar.
Isso é ótimo — exceto que minhas quebras de linha/parágrafos não são preservadas. Então, após uma atualização, o excerto aparece como uma linha longa novamente. Existe uma maneira fácil de preservar as quebras de parágrafo?
Oi Gary, vou testar isso e volto a falar com você.
Oi Gary,
Eu revisei as coisas novamente e deve estar funcionando, ele quebra as quebras de linha em parágrafos, então deve estar funcionando bem. Você tem algum outro código que está fazendo algo com o_excerpt?
Eu concordo com essa experiência. Mas ao visualizar o conteúdo, os parágrafos estão lá.
Estou mais interessado em aprender como incluir imagens. Se você tiver tempo, me envie uma linha em [email protected] com uma solução.