¿Estás buscando una forma de agregar el editor TinyMCE al campo de título de tus publicaciones y páginas de WordPress? Si bien probablemente haya un plugin para esto, hemos creado un fragmento de código rápido que puedes usar para agregar el editor TinyMCE al campo de título de publicaciones/páginas en WordPress.
Instrucciones:
Todo lo que tienes que hacer es agregar este código al archivo functions.php de tu tema o a 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 agregas fragmentos de código en WordPress, consulta nuestra guía sobre cómo agregar fragmentos de código correctamente en WordPress, para que no rompas accidentalmente tu sitio.
Si te gustó este fragmento de código, considera revisar nuestros otros artículos en el sitio como: 46 marcas importantes del mundo que usan WordPress activamente y cómo crear un formulario de registro de usuario personalizado en WordPress.
Solo cambia:
tinyMCE.execCommand(“mceAddControl”, false, “title”);
por:
tinyMCE.execCommand(“mceAddEditor”, false, “title”);
no funciona en mi sitio de wp
Buena adición/fragmento, pero... ¿por qué?
Gracias por esto. ¿Hay alguna forma de que esto se muestre también en el editor HTML o en lugar del visual? - ups, publicado en el artículo equivocado, lo siento.
¡Gran fragmento! Me pregunto si hay alguna forma de mostrar y usar solo los elementos seleccionados de tinyMCE. Seguramente no necesitamos tener los botones de carga para el área del título 🙂
Gracias, me alegra que te guste el fragmento, creo que podemos eliminar elementos, sin embargo, no estoy seguro de qué tan fácil sería hacer eso solo para el TinyMCE utilizado para el título.
¿cómo eliminar elementos no utilizados de tinymce? una buena idea para un futuro fragmento =)