El editor inicial "fromElement" crea componentes dentro de la etiqueta con data-gjs-type="text"
@artf solo para aclarar: este error se basa en el comportamiento esperado que describiste en este comentario: https://github.com/artf/grapesjs/issues/576#issuecomment-348550694 Y cómo se comportan los divs con texto en la página de demostración. Por favor, decidme si me equivoco, ¡Gracias de nuevo!
Lee la respuesta completa abajo ↓Pregunta
Hola,
Actualmente estoy intentando iniciar el editor "fromElement", configurando el siguiente html dentro del contenedor:
<p data-gjs-type="text" contenteditable="true">
Lorem asd dolor sit amet consectetur, adipisicing elit. Similique repellat <b>voluptatum</b>
Voluptas ex, ese error sed culpa <i>impedit</i>, <strike>eum amet </strike> laboriosam <strike>.
Doloribus, maxime fuga eum aliquid non doloremque </strike>soluta quod.
</p>
Pero cuando se ejecuta, grapesjs crea componentes dentro de la <p>etiqueta '' incluso después de establecer el atributo 'data-gjs-type' como 'text'. Lo que intento es presentar el párrafo a editar como un solo componente.
Puedes ver el problema en acción aquí: https://codepen.io/alesub/pen/xxwNaPd
¡Gracias por esta herramienta tan buena!
Respuestas (3)
@artf solo para aclarar: este error se basa en el comportamiento esperado que describiste en este comentario: https://github.com/artf/grapesjs/issues/576#issuecomment-348550694 Y cómo se comportan los divs con texto en la página de demostración.
Por favor, decidme si me equivoco, ¡Gracias de nuevo!
Hola, ¿alguna novedad revisando este problema? Lo que me ha perdido es que esto no ocurre en la página de demostración, cualquier texto en negrita o cursiva no se convierte en un componente separado tras guardar o recargar.
Cualquier aportación será muy apreciada, ¡Gracias!
Cerrando este caso porque ahora este es el comportamiento por defecto.
También existe la posibilidad de personalizar el comportamiento mediante la opción 'disableTextInnerChilds' añadida desde https://github.com/GrapesJS/grapesjs/releases/tag/v0.21.2
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #1770
[Bug] Los componentes con etiqueta personalizada no se renderizan si se especifican en el cuerpo del tema
Hola Creé un esqueleto muy sencillo del editor GrapesJS. Plantilla HTML: '''html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF...
Issue #3071
BUG: se activó el oyente de actualización en la carga inicial
¡Hola! He encontrado un error raro con el oyente de actualizaciones. Se activa en la carga inicial si el código html tiene <img> etiqueta c...
Issue #3207
El formulario no se está enviando
Estoy intentando crear un bloque personalizado. Pero el formulario no se envia cuando uso 'componentes' dentro del contenido. Puedo obtener...
Issue #2961
BUG: Los componentes en modal personalizado no son editables
Hola, estoy intentando añadir un bloque modal personalizado a mi proyecto y quiero cambiar el contenido de este modal también con arrastrar...
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.