Configurar el contenido de texto de forma programática lo borra en el lienzo
Prueba a usar el método '.getEl' en el componente y luego configura el elemento directamente. '''js const editor = grapesjs.init({ Contenedor: '#gjs', fromElement: 1, Altura: '100%', storageManager: { type: 0 }, Plugins: ['GJS-Bloques-Básico'] }); setTimeout(() => { componente const = editor.getWrapper().find('.test-t...
Lee la respuesta completa abajo ↓Pregunta
Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? v126 Enlace de demo reproducible https://jsfiddle.net/r5062suy/1/ Describe el bicho ¿Cómo reproducir el bicho?Ejecutar el enlace de la demo (https://jsfiddle.net/r5062suy/1/)Mira que intento actualizar el texto en el div de "¡Hola mundo!!" a "test" a través de 'editor.getWrapper().find('.test-text')[0].set('content', 'test')'.Sin embargo, limpia el texto en su lugar. ¿Cuál es el comportamiento esperado? Actualiza correctamente el contenido del texto. ¿Cuál es el comportamiento actual? En su lugar...
Respuestas (4)
Prueba a usar el método '.getEl' en el componente y luego configura el elemento directamente. '''js const editor = grapesjs.init({ Contenedor: '#gjs', fromElement: 1, Altura: '100%', storageManager: { type: 0 }, Plugins: ['GJS-Bloques-Básico'] }); setTimeout(() => { componente const = editor.getWra...
'''jsconst component = editor.getWrapper().find('.test-text')[0]const el = component.getEl();el.textContent = "test"
@mannyyang ¿dónde sacaste el uso de 'set('content', ...'? Es más bien propiedad privada y nunca deberías usarla.
Para actualizar los componentes internos de forma programática, utiliza 'component.components('test')'
El problema que estás encontrando surge de un malentendido común sobre cómo GrapesJS maneja las propiedades de los componentes, específicamente la distinción entre las propiedades content y text para los componentes basados en texto. Causa raíz En GrapesJS, la propiedad content de un componente se...
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #5245
El contenido de component con editable:false sigue siendo editable
Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome 114.0.5735.198 Enlace de demo repr...
Issue #4576
Al hacer clic en 'envolver para estilo' afecta los componentes internos de otros componentes dentro del mismo cuadro de texto
Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Chrome 104.0.5112.101 Enlace de demo reprod...
Issue #4020
El contenido de texto SVG no se actualiza al llamar a getHtml en el editor
Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v96 Enlace de demo reproducible ht...
Issue #5989
No se puede seleccionar en lienzo si las etiquetas están anidadas
Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome 126.0.6478.127 (Windows) Enlace de...
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
Introducing Search on GJS.Market
GJS.Market now has one search across everything we publish — plugins, articles, community questions, guides, authors and services. Press ⌘K from any page.
Tutorial
Cómo construir un creador de páginas impulsado por IA con GrapesJS en 2026
Lo que aprendimos construyendo GJSDocs — desde la simple generación de texto con IA hasta la edición visual estructurada y consciente del contexto
Tutorial
¿Cuánto cuesta construir un creador de páginas SaaS en 2026?
¿Cuánto cuesta crear un creador de páginas SaaS en 2026? Explora los costes realistas de desarrollo, los plazos, las funciones y cómo el uso de GrapesJS puede r
Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.