Issue #698💬 RespondidoAbierto el 2 de enero de 2018por alimajed93Reacciones 0

Editor.getSelected().toHTML() no es consistente

Respuesta rápidapor artf

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)

artf4 de enero de 2018

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')'

alimajed934 de enero de 2018

Esto resolvió el problema para mí. Gracias.

lock[bot]18 de septiembre de 2019

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.

Plugins de pago que cumplen con este problema

Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.

Ver todos los plugins

Cargando recomendaciones de plugins de pago...

Opción gratuita

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 →
Opción premium

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.

Todos los tutoriales →

Explorar categorías de plugins

Ve directamente a las páginas de categorías de plugins en el marketplace.