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')'
Gracias por informar de esto, @mannyyang. Buena pregunta sobre Configurar el contenido de texto lo borra programáticamente en el lienzo. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu módulo específico Busca el métod...
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
Messaging on gjs.market: talk to a studio before you buy, not after
We've launched private messaging between buyers and studios. One thread per buyer–studio pair, the whole history in one place.
Tutorial
GrapesJS DevTools: A Developer Panel Inside Your Editor
If you've ever debugged GrapesJS with console.log(editor.getSelected()) and a dozen throwaway event listeners — this post is for you.
Tutorial
How to Build a Production GrapesJS Editor: The Complete Walkthrough of Brief, Preset, Plugins, and Services
A complete walkthrough of building a production GrapesJS editor: how to choose a preset, pick plugins, and scope setup services without burning a sprint.
Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.