¿Quieres agregar el editor TinyMCE al área de texto del extracto de publicación? Si bien probablemente haya un plugin para esto, hemos creado un fragmento de código rápido que puedes usar para habilitar el editor TinyMCE para el extracto de publicación de 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_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');
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 echar un vistazo a nuestros otros artículos en el sitio como: Los 7 mejores servicios de VPN para usuarios de WordPress y Cómo crear un formulario de solicitud de empleo en WordPress.
Esto no funciona en WP 5.5.1
¿Hay algo que necesitemos actualizar?
¡Gracias!
sen ne d?yorsun bree orospuu cocugu
Estoy experimentando el mismo problema desde la actualización. ¿Hay una versión actualizada de esta función que pueda solucionar las cosas nuevamente?
¡Mismo problema aquí! Funcionaba antes de la actualización, ¡pero ahora ha desaparecido! ¡Gracias!
Funcionaba antes, pero después de actualizar tinyMCE, ¿ha desaparecido?
Agradezco el código y lo acabo de agregar a un sitio WP local que estoy actualizando y parece que funciona muy bien hasta ahora. ¡Gracias!
¡Perfecto! Me alegra que wpsnipp pudiera ayudar... Disfruta del código.
¡Salvavidas! Muchas gracias 🙂
se COME los saltos de línea…
Hola Kevin,
Añadí este fragmento a mi archivo functions.php pero el editor no se muestra. Estoy usando el framework pagelines. ¿Podría ser por eso?
¡gracias! útil sin instalar un plugin gigante. Solo un pequeño problema: cuando tienes un tipo de publicación personalizado sin editores, la inicialización de tinyMCE se ejecuta de todos modos, lo que hace que todo el js falle. con una verificación adicional funciona sin problemas:
..
if (typeof(tinyMCE) !== ‘undefined’) {
tinyMCE.execCommand("mceAddControl", false, "excerpt");
}
..
¡gracias! ¡me ayudó mucho!
Genial, me alegra haber podido ayudar, ¡disfruta!
¿alguna actualización sobre esto? (este es mroncetwice, por cierto)
¡gracias! exactamente lo que estaba buscando 🙂
Genial, me alegra haber podido ayudar Birgit,
WP 3.3 estropea esta función de forma espectacular.. cuando sales de una página de escritura configurada en la pestaña HTML, al regresar a cualquiera de las páginas de escritura donde esta función está activa, al volver a la pestaña Visual aparece un área de texto en blanco (no está realmente en blanco, pero parece así porque el texto tiene color blanco). Veo muchas sugerencias para usar
do_action(‘edit_page_form’)
en su lugar, pero no estoy seguro de cómo abordar tal función.
¿hay planes para actualizar esta función para usarla con WP 3.3?
No he probado este fragmento en wp 3.3, podrían ser varias cosas, lo revisaré y publicaré una versión actualizada para 3.3 y te informaré si hubo algún problema que te lo haya causado.
[…] [Fuente: WPSNIPP] […]
¿Hay alguna forma de mostrar pestañas para cambiar entre Visual y HTML?
Hola Jacek, algunas personas han solicitado esta adición, tendré que investigarlo y ver.
Gracias Kevin por este fragmento.
¿Sabes cómo añadir los botones de medios arriba?
Perdón por mi mal inglés
Gracias
Anne
No hay problema Anne, me alegra que te guste el fragmento. En cuanto a los botones de medios, tendré que revisarlo, no estoy seguro de si esto se puede hacer fácilmente. Si es así, publicaré un fragmento.
¿Cómo agregaría esto al campo Descripción adicional de WPEC?
Para agregar esto a otro campo, necesitarías el ID del campo. En la fila 05 puedes ver #excerpt si lo cambias al ID del otro textarea debería funcionar muy bien. Ten en cuenta también que agregué algo de CSS en las líneas 14-16 para estilizar un poco las cosas. Deberías eliminar ese CSS y reemplazarlo con el tuyo para asegurarte de que todo se vea bien.
¡Genial! Así que para cualquier otra persona de WPEC/WPSC (wp E-commerce) que quiera que esto funcione para la sección "Descripción adicional", simplemente cambie el ID #excerpt en la función anterior a #additional_description y cambie la clase que se está agregando de "mceEditor" a "theEditor" ¡y todo funcionará!
Gracias Kevin por la gran ayuda.
Kevin, ¿tienes alguna idea de cómo agregar las pestañas visual/HTML a la parte superior del extracto?
Para ser honesto, no estoy seguro, esto no es algo en lo que haya pensado hacer hasta que hiciste la pregunta, sin embargo, es una idea interesante. Lo revisaré y veré si puedo encontrar un fragmento que pueda publicar.
Esto es genial, excepto que mis saltos de línea/párrafos no se conservan. Así que después de una actualización, el extracto aparece como una sola línea larga nuevamente. ¿Hay alguna forma fácil de conservar los saltos de párrafo?
Hola Gary, lo probaré y te responderé.
Hola Gary,
Revisé las cosas de nuevo y debería estar funcionando, divide los saltos de línea en párrafos, así que debería estar funcionando bien. ¿Tienes algún otro código que esté haciendo algo con el_excerpt?
Comparto esa experiencia. Pero al ver el contenido, los párrafos están ahí.
Estoy más interesado en aprender a incluir imágenes. Si tienes tiempo, envíame una línea a [email protected] con una solución.