Pregunta: Sustituir el Editor de Texto Enriquecido por SummerNote no parece funcionar
He hecho algunos cambios más y ahora la barra de herramientas de SummerNote aparece correctamente, pero solo funciona el formato con viñetas. El nuevo código está aquí. @artf Cualquier consejo sería muy agradecido.
Lee la respuesta completa abajo ↓Pregunta
Estoy intentando reemplazar el RTE por defecto en grapesjs por summernote. Recibí algo de ayuda del autor de summernote y conseguí que este codepen funcionara un poco, pero el autor de summernote concluyó que:
'Pero el elemento p de grapejs es un contenido en iframe. En otras palabras, existe una estructura donde existe una etiqueta p en un iframe y la interfaz debe existir fuera. Summernote es una estructura que oculta el elemento y pone la etiqueta de summernote. Parece difícil de usar porque el resto de los recursos de summernote no están cargados en el iframe.'
Prefiero SummerNote a TinyMCE o CKEditor porque es una "licencia MIT". ¿Alguien ha intentado reemplazar RTE por summernote con éxito? ¿Alguna sugerencia?
Respuestas (3)
He hecho algunos cambios más y ahora la barra de herramientas de SummerNote aparece correctamente, pero solo funciona el formato con viñetas. El nuevo código está aquí. @artf Cualquier consejo sería muy agradecido.
@wfcheng ¿Llegaste a algo con esto? El codepen incluye el guion/estilos de lienzo que añade los recursos dentro del iframe, así que estaba un poco confundido sobre a qué se refería el autor de summernote.
@timramseyjr acabé añadiendo más botones a la barra de herramientas de RTE para permitir aplicar estilos de fuente y color en textos seleccionados, aunque la documentación de grapesjs recomienda usar el gestor de estilos. He comprobado que es más fácil de usar tenerlos en la barra de herramientas.
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #1605
¿Podemos implementar las opciones de Pegar como editor de texto enriquecido en RTE?
Hola @artf he pasado por este Editor de arrastrar y soltar y qué trabajo tan increíble. También leí tu documentación e intenté ampliar el e...
Issue #6654
El editor de texto enriquecido no puede activarse
Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Chrome V91 Enlace de demo reproducible https://cod...
Issue #5334
La selección del tipo de componente personalizado no funciona en el lienzo
Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome, Opera, Edge, etc Enlace de demo r...
Issue #4191
Estamos intentando almacenar los datos del editor grapesJS en la aplicación Angular 10, obteniendo un error CORS, imagen adjunta abajo
Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Chrome 99.0.4844.5 Enlace de demo reproducible htt...
Plugins de pago que cumplen con este problema
Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.
Cargando recomendaciones de plugins de pago...
Consulta los plugins de código abierto de GrapesJS en GitHub O haz una búsqueda rápida en nuestro catálogo gratuito.
Explora plugins gratuitos →Los plugins premium incluyen soporte, actualizaciones regulares y funciones listas para producción — ahorrando días de trabajo de integración.
Explora plugins premium →Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.