Cómo usar el editor CKEditor/TinyMC en lugar de RichTextEditor dentro de GrapesJs
@ronaldaug enlace de codpen no funciona. ¿Puedes compartir tu código otra vez? Gracias
Lee la respuesta completa abajo ↓Pregunta
Necesito añadir estilos de texto y otras opciones de texto, así que cómo añadir el editor CKEditor/TinyMC en lugar de RichTextEditor dentro de GrapesJs.
Respuestas (3)
@ronaldaug enlace de codpen no funciona. ¿Puedes compartir tu código otra vez? Gracias
Creo que te estás perdiendo algo. Hice una demo de codepen aquí y funciona perfectamente.
Tienes que añadir los scripts CKEditor & CKEditor Plugin, y establecer las opciones de configuración.
Puedes marcar "Reemplazar el editor de texto enriquecido integrado" en el documento GrapesJS aquí Y existe un GrapesJS CKEditor plugin.
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #5159
No se pueden añadir marcadores de posición en opciones de campo desplegable de texto con CKEditor activado
Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? ChromeEnlace de demo reproducible https://c...
Issue #1639
[Pregunta]: ¿Sería posible cambiar la configuración en el gestor de estilos de forma que tenga href cuando se crea un enlace?
Estoy usando un boletín predefinido con RTE integrado (no quiero usar el editor CK como en la demo) Para convertir cualquier texto en enlac...
Issue #4503
Faltan estilos en línea usados por CKEditor al añadir componentes html en bruto
Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chromium v96 Enlace de demo reproducible...
Issue #3401
¿Puede el gestor de estilos generar siempre IDs en lugar de usar la clase de elemento ya definida?
Cuando estilizamos un elemento en el editor, si este elemento no tiene ni clase ni id, el gestor de estilos genera un nuevo id con el estil...
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 →Tutoriales relacionados
Guías detalladas sobre el mismo tema.
Tutorial
Ship to Production Faster: What’s New in GrapesJS Shadcn
Supercharge your page builder! GrapesJS Shadcn adds live drag previews, rich text / commands, dynamic data, and canvas presets to ship to prod faster.
Tutorial
Preset DevFuture 2.0 — New Update Released
Preset continues evolving as a clean, production-ready starting point for building visual editors powered by GrapesJS
Tutorial
How Much Can You Earn on GJS.Market in a Month?
Discover how DevFuture earns €2,000+ monthly on GJS.Market — and learn how you can start building and selling your own GrapesJS plugins.
Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.