X

Añadir editor TinyMCE al campo de entrada del título de la página/post

Snippets by IsItWP

¿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.

Comentarios   Deja una respuesta

  1. Just change:
    tinyMCE.execCommand(“mceAddControl”, false, “title”);
    for:
    tinyMCE.execCommand(“mceAddEditor”, false, “title”);

  2. not working at my wp site

  3. Nice addition/snipt, but… why?

  4. 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.

  5. 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 🙂

    1. 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.

      1. how to remove unused items from tinymce? a good idea for a future snippet =) 

Añadir un comentario Cancelar respuesta

Nos alegra que haya decidido dejar un comentario. Tenga en cuenta que todos los comentarios se moderan de acuerdo con nuestra política de privacidad , y que todos los enlaces son nofollow. NO utilice palabras clave en el campo del nombre. Tengamos una conversación personal y significativa.

WordPress Launch Checklist

La lista definitiva para lanzar WordPress

Hemos recopilado todos los elementos esenciales de la lista de comprobación para el lanzamiento de su próximo sitio web de WordPress en un práctico ebook.
Sí, envíeme el ¡gratuito!