Editor.getSelected().toHTML() no es consistente
Dentro de tu componente 'html-block' crea una nueva propiedad (por ejemplo, 'custom-code') para el código del usuario y recupérala con 'editor.getSelected().get('custom-code')'
Lee la respuesta completa abajo ↓Pregunta
Hola a todos,
He creado un nuevo tipo de componente, 'html-block', que es un componente en el que puedes añadir tu código html. He añadido un botón de 'Editar' a la barra de herramientas para permitir que el usuario edite el código html añadido. Para mostrar el código html del componente en modal, estoy usando la función 'editor.getSelected().toHTML()';
El problema es que, a veces, el código que se devuelve es, por ejemplo: '<div><h1>h1</h1></div>' (que es lo que necesito, ya que necesito el código exacto que el usuario añadió al principio), y a veces devuelve algo así: '<id div='135'><h1>h1</h1></div>' (con un id añadido automáticamente). También intenté usar 'editor.getSelected().em.getHtml()' pero ocurrió el mismo problema.
¿Cómo puedo resolver eso y recuperar el código html exacto que el usuario introduzcó?
Gracias de antemano.
Respuestas (3)
Dentro de tu componente 'html-block' crea una nueva propiedad (por ejemplo, 'custom-code') para el código del usuario y recupérala con 'editor.getSelected().get('custom-code')'
Esto resolvió el problema para mí. Gracias.
Este hilo se ha bloqueado automáticamente porque no ha habido actividad reciente desde que se cerró. Por favor, abre un nuevo problema para bugs relacionados.
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #1959
[Pregunta] Editar innerHTML en un botón personalizado
Hola a todos, Estoy intentando cambiar el texto en un componente de botón, pero no consigo editarlo. He añadido este tipo: Incluí el paráme...
Issue #417
Añadir el botón de Configuración a un componente personalizado.
Hola, ¿Cómo puedo crear una configuración o puedes editar, por ejemplo, un botón de edición para mi componente personalizado? Con la cuarta...
Issue #566
Cómo añadir características de tipo HTML personalizado en vídeo
Cómo añadir características de vídeo de tipo HTML personalizado para que el usuario pueda introducir el código iframe y que se incruste en...
Issue #845
Imposible seleccionar Iframe
He creado un nuevo tipo de componente, un iframe general, evitando seleccionar el mapa, pero cuando intento seleccionarlo en el lienzo para...
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.
Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.