¿Por qué el elemento de texto se convierte en caja??
@Siddharth-ss42279 Si necesitas EDITAR la plantilla creada desde GrapesJS, NO DEBERÍAS USAR SU HTML.... deberías importar su JSON... así que lo estás haciendo MAL Es como hacer esto '''js el.addEventListener('click', ...); someOtheEl.innerHTML = el.innerHTML; ``` Y luego quejarse de que tu 'El' ya no tiene ClickListen...
Lee la respuesta completa abajo ↓Pregunta
Hola @artf,
Estoy usando el plugin del boletín de grapesjs junto con el plugin ckeditor. Arrastré el elemento TEXTO en Canvas e hice algunas ediciones con ckeditor. Lo he conectado a la base de datos. Cada vez que guardo contenido en la base de datos, después de reubicar el editor, establezco el valor de contenido desde el campo de base de datos y después ese elemento TEXT se convierte en BOX. ¿No sé por qué el elemento TEXT cambia a BOX y también ckeditor al no cargar ese elemento BOX? Por favor, ayudadme con esto.
Respuestas (3)
@Siddharth-ss42279 Si necesitas EDITAR la plantilla creada desde GrapesJS, NO DEBERÍAS USAR SU HTML.... deberías importar su JSON... así que lo estás haciendo MAL
Es como hacer esto '''js el.addEventListener('click', ...); someOtheEl.innerHTML = el.innerHTML;
Y luego quejarse de que tu 'El' ya no tiene ClickListener... Solo estás copiando toda la información creada por el editor.
Lee aquí: https://grapesjs.com/docs/modules/Storage.html
¿Qué almacenas en tu base de datos? ¿El HTML y CSS?
Hola @artf De hecho, consigo HTML en línea usando el comando 'editor. Commands.get('gjs-get-inline-html').run(editor)' y guardarlo en la base de datos y para renderizar contenido estoy usando 'editor.setComponent(content_field)'
el problema es que cuando renderizo contenido desde la base de datos, el elemento TEXTO se convierte en elemento BOX (solo cuando edito algo de texto en ese elemento usando ckeditor) y en el elemento BOX ckeditor no se carga.
Cualquiera de las siguientes opciones puede resolver mi problema:
- El elemento TEXTO no debe convertirse en CAJA
- o, el elemento BOX debería cargar ckeditor
Paso para replicar el problema en la demostración del boletín Grapesjs:
- Goto: https://grapesjs.com/demo-newsletter-editor.html
- Arrastrar el elemento de texto en el lienzo.
- Ahora selecciona algún texto en ese texto y aplica estilo, negrita y color a ese texto desde ckeditor.
- Pasa el cursor sobre el elemento de texto y verás que sigue mostrando el TEXTO en la parte superior ! captura de pantalla 2018-09-07 a las 18:39 19:00
- Ahora copia el código desde el código de visualización modal.
- de nuevo, importa ese código copiado desde el botón de importación.
Observación: ahora el elemento TEXT se ha convertido en BOX ???? ! captura de pantalla 2018-09-07 a las 18:43 48:00
y CKEDITOR en no abrir en esa caja.
Cualquier ayuda será bienvenida y gracias.
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #1296
El Editor de Texto Enriquecido Personalizado no funciona
Hola @artf, acabo de crear un plugin personalizado del RTE usando diferentes librerías como CKEditor 5, TinyMCE 4 o Pell, pero todas con el...
Issue #1777
[Pregunta] ¿Cómo cambiar dinámicamente los DomComponents?
Hola, gracias por esta gran biblioteca, estoy trabajando con un sistema de boletines que obtiene contenido de la base de datos y genera los...
Issue #1459
[PREGUNTA] Cómo almacenar los atributos "data-" en la etiqueta html del componente
Hola, estoy desarrollando un plugin para gráficos usando chart.js. Para que la plantilla generada renderice el gráfico desde un modelo de d...
Issue #1239
Cómo hacer que el texto de los ajustes sea multilingüe
Hola @artf, Hemos integrado la configuración de cada elemento con el nombre de sus elementos usando el código de abajo como AJUSTES DE TÍTU...
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.
Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.