Actualización a HTML de un nuevo componente personalizado
Lo solucioné haciendo lo siguiente toHTML: function () { Sea el = '<script> console.log ("añadir escritura aquí") </script>'; el = defaultType.model.prototype.toHTML.apply(this) + el; devuelve El; }, Muchas gracias por tu apoyo
Lee la respuesta completa abajo ↓Pregunta
Me gustaría cambiar cómo se produce el formato toHTML. Me gustaría modificar la salida html existente.
Probé la propiedad "toHTML" de component
- permite devolver un nuevo elemento HTML
- pero no permite obtener HTML existente y luego actualizarlo y devolverlo
Intenté llamar a toHTML dentro de toHTML para acceder al HTML original del componente, pero como era de esperar, entró en un bucle infinito.
¿Hay alguna forma de acceder a toHTML existente para poder modificarlo y luego devolverlo como nuevo "toHTML:. El editor o la exportación usarán la nueva salida.
Respuestas (3)
Lo solucioné haciendo lo siguiente
`
toHTML: function () {
Sea el = '<script> console.log ("añadir escritura aquí") </script>';
el = defaultType.model.prototype.toHTML.apply(this) + el;
devuelve El;
},
`
Muchas gracias por tu apoyoPara obtener 'defaultType' ejecuta esto: 'var defaultType = editor. DomComponents.getType('default');'
Y esto también funciona:
'''javascript var prototype = Object.getPrototypeOf(this); var el = prototype.proto.toHTML.call(this); devuelve El;
¡Hola! ¿has probado a usar ''component.view.el'' dentro de tu ''toHTML''? te dará acceso al 'DOM' actual. ¡Salud!
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #1157
Devolver el span aleatoriamente en un componente personalizado
Tengo un componente personalizado y al cambiar de rasgo quería actualizar html, pero de forma aleatoria devolvía span/textnode en la funció...
Issue #1838
¿Cómo obtener la última propiedad CSS de un componente?
¡Hola, gran trabajo con uvapesjs! Ya he leído la documentación (especialmente CssComposer) y también los temas relevantes, pero aun así, es...
Issue #563
Tabla <thead> y <tbody> etiqueta se omiten
Hola, Hay un nuevo problema con GrapesJS (quizá). He creado un nuevo componente usando 'bm.add()' en el que he usado un elemento de tabla c...
Issue #3615
texto en el componente de texto no puede actualizarse, no se puede obtener el resultado final de toHTML
es un componente textual, si selecciona el cuerpo, el texto corregirá guardar/aplicar/almacenar en el método component toHTML, Si solo actu...
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.