Actualización de vista recursiva de un componente personalizado
Vale. He encontrado una solución alternativa. y como esta pregunta es demasiado específica, cierro el asunto. Gracias por el apoyo.
Lee la respuesta completa abajo ↓Pregunta
Hola, He definido un tipo personalizado como: '''javascript editor. DomComponents.addType('customType', { modelo: { Predeterminados: { tipo: 'customType', etiquetaNombre: 'customTag', Textible: 1, Arrastrable: Cierto, arrastrable: ['P', 'Div', 'Span'] }, }, isComponent(el: HTMLElement) { Sea resultado; etiqueta const = el.etiquetaNombre; if (tag == 'CUSTOMTAG') { resultado = { tipo: 'customType', etiquetaNombre: etiqueta.toLowerCase(), }; } resultado de retorno; }, Vista: { async onRender(elem: any) { sea elemento: HTMLElement = elem.el; await this.getContent(element); }, async getContent(ele...
Respuestas (3)
Vale. He encontrado una solución alternativa. y como esta pregunta es demasiado específica, cierro el asunto. Gracias por el apoyo.
Si haces esto de 'element.innerHTML = res.result'; simplemente colocas el contenido como estático, el editor no lo analiza a componentes, probablemente lo que buscas es actualizar el modelo 'model.components(res.result)' Recomendaría leer con más atención a cómo funcionan componentes, parece que aú...
Gracias por la respuesta. El objetivo es mantener el modelo como '<customTag></customTag>' y simplemente renderizar el contenido como estático. Sin embargo, no encontré la forma de reaccionar al contenido estático al renderizar. Por eso quiero mantener el modelo y la vista separados para tener 'cus...
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #2549
Actualizar vista de componentes al cambiar la propiedad
Hola a todos, Estoy intentando crear un componente que actualice su vista en función del valor de una propiedad '''javascript editor. DomCo...
Issue #2103
Problema de arrastre de componentes personalizados
Así es como he creado un componente personalizado: Este es mi bloque personalizado: El caso es que he envolvido la etiqueta de imagen dentr...
Issue #2839
Añadí un componente llamado plantilla en los bloques, pero cuando intento arrastrar otros componentes dentro de ese componente plantilla, se arrastra, pero tras guardarlo elimina todos los componentes que hay dentro. ¿Cómo evitar esto?
Este es el código del componente de plantilla: '''js exportar default { init(editor) { editor. DomComponents.addType('myTemplate', { isComp...
Issue #2697
Problema con el tipo de componente personalizado y la celda de la tabla
¡Hola! Estoy intentando añadir un tipo de componente personalizado: '''javascript domc.addType('image-block', { extender: 'celda', modelo:...
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.