Issue #1408💬 RespondidoAbierto el 6 de septiembre de 2018por Siddharth-ss42279Reacciones 1

¿Por qué el elemento de texto se convierte en caja??

Respuesta rápidapor artf1

@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.

! captura de pantalla 2018-09-06 a las 18:47 16:00

Respuestas (3)

artf11 de septiembre de 2018

@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
artf7 de septiembre de 2018

¿Qué almacenas en tu base de datos? ¿El HTML y CSS?

Siddharth-ss422797 de septiembre de 2018

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:

  1. El elemento TEXTO no debe convertirse en CAJA
  2. o, el elemento BOX debería cargar ckeditor

Paso para replicar el problema en la demostración del boletín Grapesjs:

  1. Goto: https://grapesjs.com/demo-newsletter-editor.html
  2. Arrastrar el elemento de texto en el lienzo.
  3. Ahora selecciona algún texto en ese texto y aplica estilo, negrita y color a ese texto desde ckeditor.
  4. 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
  5. Ahora copia el código desde el código de visualización modal.
  6. 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.

Plugins de pago que cumplen con este problema

Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.

Ver todos los plugins

Cargando recomendaciones de plugins de pago...

Opción gratuita

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 →
Opción premium

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.

Todos los tutoriales →

Explorar categorías de plugins

Ve directamente a las páginas de categorías de plugins en el marketplace.