Versión GrapesJS

• Confirmo que se debe usar la última versión de GrapesJS

¿Qué navegador usas?

92.0.4515.131 (Versión oficial) (64 bits)

Enlace de demo reproducible

N/A

Describe el bicho

¿Cómo reproducir el bicho?

1. Insertar HTML en el lienzo usando el 'editor. Canvas.getBody().ownerDocument.execCommand('insertHTML', false, HTMLString)'.
2. el HTML insertado sí aparece en el lienzo del editor.
3. Utiliza la función editor.getHtml() del editor.
4. La cadena HTML devolvida por 'editor.getHtml()' no contiene el HTML que se insertó usando el comando execCommand.

¿Cuál es el comportamiento esperado? El HTML final debería devolver el HTML insertado usando 'execCommand'

¿Cuál es el comportamiento actual? El HTML final no contiene HTML insertado usando 'execCommand'

Si es necesario ejecutar algo de código para reproducir el error, pégalo aquí abajo:

otro problema con el primer enfoque que se enumera a continuación es que 'editor.addComponent()' añade el componente al final del DOM y el comando insertHTML inserta el HTML de ese componente en la posición actual del cursor.

const [varEl] = editor.addComponents(
            '<span class="am-var no-tooltip" data-gjs-editable="false" data-gjs-droppable="false" data-gjs-selectable="false" data-am-var="' + key + '" style="white-space:nowrap; addding: 1%; font-size: inherit; margin: 1% 2%; cursor: pointer;">' +
                variable +
                '</span>'
        );

editor. Canvas.getBody().ownerDocument.execCommand(
            'insertHTML',
            falso,
            '&nbsp;${varEl.toHTML()}&nbsp;'
        );

editor.getHtml()

También he intentado añadir una cadena HTML en lugar del método 'component.toHTML()' mencionado arriba, pero tampoco funciona:

editor. Canvas.getBody().ownerDocument.execCommand(
        'insertHTML',
        falso,
        '&nbsp;<span class="am-var no-tooltip" data-gjs-editable="false" data-gjs-droppable="false" data-gjs-selectable="false" data-am-var="' + key + '" style="white-space:nowrap; addding: 1%; font-size: inherit; margin: 1% 2%; cursor: pointer;">' +
                variable +
                '</span>&nbsp;'
)

Código de conducta

• Acepto seguir el Código de Conducta de este proyecto