Cómo agregar un editor TinyMCE a WordPress

Si desea agregar un editor TinyMCE a WordPress, en realidad es bastante fácil. Todo lo que necesita hacer es instalar y activar el complemento TinyMCE Advanced . Una vez que haya hecho eso, encontrará un nuevo elemento de menú "TinyMCE" en el menú Configuración en su área de administración de WordPress. Al hacer clic en eso, lo llevará a la página de configuración del complemento, donde puede configurar cómo funciona el editor TinyMCE.

La versión 3.9 del editor visual de WordPress brinda buenos comentarios. Cuando el fregadero de la cocina está encendido, solo tiene 14 botones o 26 cuando no lo está. El editor de texto completo de TinyMCE se puede mostrar agregando el siguiente código a su archivo functions.php: Ahora puede seleccionar una tercera fila de botones del editor visual.

Use complementos personalizados con TinyMCE Copie el archivo de punto de entrada (junto con cualquier otro archivo) en la carpeta de complementos del código TinyMCE que se distribuyó con el complemento. Luego, el complemento se puede usar ingresándolo en la lista de complementos especificada por la opción de complementos.

Se puede usar Python o Django para ejecutarlo. El archivo setup.py es un archivo de shell. En settings.py, copie y pegue el código de tinymce en su proyecto: INSTALLED_APPS = tinymce. “A tinymce”, [a tinymce] es otra palabra para ello. Se les añade Tinymce.

Cree contenido y establezca contenido utilizando los métodos getContent y setContent de TinyMCE . Si ha inicializado el editor en myTextarea, deberá devolver la propiedad id=”myTextarea”. Devuelve el contenido en el editor que ha sido marcado como HTML al usuario.

Al hacer clic en los tres puntos (Opciones) en la esquina superior derecha de la pantalla, puede acceder al editor de texto de Gutenberg . Al hacer clic en la pestaña Texto en la barra de herramientas, puede acceder al editor de texto de WordPress Classic.

¿Wordpress usa Tinymce?

WordPress usa TinyMCE como su editor predeterminado . TinyMCE es un editor WYSIWYG (Lo que ves es lo que obtienes) que permite a los usuarios crear y formatear contenido fácilmente. Es ampliamente utilizado por desarrolladores web y blogueros.

Moxiecode Systems AB, una empresa sueca, proporciona a WordPress el editor HTML WYSIWYG de código abierto TinyMCE. También puede desbloquear una serie de botones haciendo clic en la barra de herramientas del editor avanzado (fila 2 del editor). En la versión 3.3.1 de WP, el comando de alternar correcto para IE y Firefox es Shift-Alt-Z; consulte también el complemento Filtros del editor de texto enriquecido de la API para obtener más información. También se puede encontrar un tutorial detallado en WP Tuts. Al usar WordPress, el editor TinyMCE WYSIWYG agrega automáticamente etiquetas de párrafo (etiquetas P) alrededor de los saltos de línea. Hay tres formas básicas de eliminar las etiquetas P. En /WP-includes/class-WP-editor.php, puede acceder a la configuración predeterminada.

¿Qué versión de Tinymce usa WordPress?

A partir de WordPress 5.0, el editor visual TinyMCE está en la versión 4.9.4.

WordPress Tinymce Crear

Una de las mejores cosas de WordPress es que facilita el formateo de sus publicaciones y páginas con su editor TinyMCE incorporado. Pero, ¿sabía que también puede usar TinyMCE para crear sus propios botones personalizados?
Crear botones personalizados para TinyMCE es una excelente manera de ampliar la funcionalidad de su sitio de WordPress. Por ejemplo, podría crear un botón que inserte un código abreviado personalizado o una etiqueta HTML. O podría crear un botón que inserte un enlace a un archivo o imagen.
Crear botones personalizados para TinyMCE es relativamente fácil. Primero, debe crear un complemento que agregará los botones personalizados al editor TinyMCE. Luego, debe agregar un código a su complemento que le indicará a TinyMCE qué hacer cuando se haga clic en el botón.
Si no es desarrollador, también puede encontrar complementos que agregarán botones personalizados a TinyMCE. Estos complementos generalmente vienen con una interfaz de usuario que facilita agregar y configurar los botones personalizados.

TinyMCE está diseñado para funcionar con una amplia gama de complementos y configuraciones personalizadas. TinyMCE no requiere ninguna estructura de archivos o herramientas especiales para ejecutarse, además de estos requisitos. En la mayoría de los casos, puede crear complementos personalizados con la ayuda de un marco o una herramienta. Yeoman Generator puede generar archivos y código repetitivo necesarios para un complemento personalizado, así como algunos comandos útiles. Los traductores de TinyMCE se pueden encontrar en muchos idiomas, incluidos inglés, francés, alemán, italiano y español. Si necesita agregar cadenas a un idioma admitido, utilice el siguiente procedimiento. Cree un archivo de traducción para cada idioma compatible con el complemento. Se puede agregar un botón de barra de herramientas simple y un elemento de menú usando este complemento de ejemplo.

Ajustes Tinymce Editor Wp

La configuración de tinymce del editor wp le permite cambiar la configuración predeterminada para el editor visual de WordPress. Esto puede ser útil si desea cambiar el tamaño de fuente, los colores u otros aspectos del editor.

Le mostraremos cómo doblar el editor WordPress TinyMCE dividiéndolo en varias partes. El editor proporciona de forma predeterminada dos filas de botones para crear, editar y dar formato al contenido de la publicación. Uno o más de los complementos existentes se pueden actualizar para brindarnos una variedad de funcionalidades avanzadas. La API de TinyMCE permite a los desarrolladores tener control total sobre el editor. Usando los filtros proporcionados a continuación, podemos permitir que se habiliten hasta cuatro filas de botones. Un solo elemento, que puede ser cualquier elemento, establece los parámetros de un elemento de menú. Si necesitamos una vista previa en tiempo real, necesitaremos crear una hoja de estilo personalizada.

En muchos casos, no necesitamos crear un botón personalizado porque TinyMCE tiene una gran cantidad de botones ocultos que podemos activar fácilmente. Se puede usar un filtro con el filtro mce_buttons_*n* para filtrar la matriz de botones. Si ninguno de estos botones es apropiado para nuestras necesidades, el editor puede recibir más funciones gracias a una serie de complementos oficiales. Ya sabemos cómo crear un complemento y agregar un botón en WordPress TinyMCE. Ahora vamos a crear el siguiente complemento. En /mce/prism/, hay un archivo llamado /mce/prism/. El método addButton agrega un elemento de menú para cada uno de los elementos de la matriz de elementos mediante el botón de menú Prism. Verá el botón del menú desplegable tan pronto como guarde, cargue y actualice.

El complemento TinyMCE Advanced WordPress agrega la funcionalidad de quince complementos TinyMCE al editor visual predeterminado. Varias funciones avanzadas, como la tabla y las opciones de la familia de fuentes, están disponibles en la página de opciones del complemento. Además del editor que se verá afectado por las nuevas configuraciones, los usuarios pueden seleccionar otras opciones.