TinyMCE 8 Inline Text Editor

TinyMCE 8 Editor de texto en línea para GrapesJS

Sustituye el Editor de Texto Enriquecido integrado de GrapesJS por toda la potencia de TinyMCE 8 — que incluye edición en línea, barras de herramientas separadas para elementos de bloque e en línea, soporte de primera clase para GrapesJS Studio y tipos de TypeScript incluidos.

Qué hace este plugin

GrapesJS se envía con un RTE mínimo. Este plugin lo reemplaza completamente por TinyMCE 8 — uno de los editores WYSIWYG más capaces del mundo. Tus usuarios obtienen una experiencia de edición profesional y familiar directamente dentro del constructor visual.

Características principales

Dos modos de edición

• Elementos de bloque (<p>,<div>,<li>, etc.) — barra de herramientas completa con formato, hendidura, alineación, listas y enlaces.
• Elementos en línea(<span>,<a>,<button>,–<h1><h5>) — un compactoinline_toolbarcon Enter insertando<br>en lugar de romper el elemento.

Soporte de primera clase para GrapesJS Studio

• parentToolbar: truerenderiza la barra de herramientas en el documento padre — elimina conflictos de índice z con la superposición de selección y las insignias de componentes de Studio.
• La barra de herramientas se mantiene visible cuando el enfoque se mueve entre los menús desplegables iframe y TinyMCE.

Arquitectura sólida

• Reescritura completa de TypeScript con definiciones de tipo exportadas.d.ts.
• Desmontaje limpio: todos los oyentes de eventos, MutationObservers y el DOM de la barra de herramientas se publican endisable()ydestroy().
• Fugas de memoria corregidas y una vulnerabilidad XSS presente en la v0.1.x.
• Método públicodestroy()para desmontar explícitamente cuando sea necesario.

Configuración flexible

• Soporta Tiny Cloud CDN y TinyMCE autoalojado.
• tinymceopción — paso para cualquier parámetro nativotinymce.init()(license_key,content_style,font_family_formats,toolbar_mode, etc.).
• Barra de herramientas como una sola cadena ('bold italic | link') o un array de cadenas para disposición de varias filas.

Compatibilidad

Funciona tanto con GrapesJS de código abierto como con GrapesJS Studio SDK.

El nombre del plugin no cambia, pero es compatible con el TinyMCE 8.