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 apoyo
Para 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 #3409
Custom component property that is not a trait
Me gustaría crear un componente personalizado con una propiedad que se actualice según un código específico, pero no quiero que esta propie...
Issue #1838
¿Cómo obtener la última propiedad CSS de un componente?
¡Hola, un trabajo genial con grapesjs! Ya he leído la documentación (especialmente CssComposer) y también los temas relevantes, pero aun as...
Issue #1114
La salida HTML personalizada no se ejecuta al recargar
Estoy usando las propiedades toHtml e isComponent para un componente personalizado que permite una salida HTML personalizada. Esto parece f...
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.