¿Estás buscando una forma de añadir el editor TinyMCE al campo de entrada del título de tus entradas y páginas de WordPress? Aunque probablemente exista un plugin para ello, hemos creado un fragmento de código rápido que puedes utilizar para añadir el editor TinyMCE al campo de entrada del título de la entrada/página en WordPress.
Instrucciones:
Todo lo que tienes que hacer es añadir este código al archivo functions.php de tu tema o en un plugin específico del sitio:
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');
Nota: Si es la primera vez que añades fragmentos de código en WordPress, consulta nuestra guía sobre cómo añadir correctamente fragmentos de código en WordPress, para no romper accidentalmente tu sitio.
Si te ha gustado este fragmento de código, por favor, echa un vistazo a nuestros otros artículos en el sitio como: 46 marcas más grandes del mundo que usan WordPress activamente y cómo crear un formulario de registro de usuario personalizado en 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 =)