Acabo de empezar a usar grapesjs y estoy tratando de construir un creador web simple usando grapesjs, personalicé la interfaz de usuario de mi editor. Estoy tratando de agregar un botón de código de visualización similar al de la demostración de grapesjs que muestra el código fuente en un modal como este código modal de grapesjs

ahora mismo agregué el botón exportar a mi panel

 const editor = grapesjs.init({ ... // panels config panels: { defaults: [ { id: "basic-actions", el: "#actions", buttons: [ { id: "visibility", active: true, label: "<i class='fa-solid fa-eye'></i>", command: "sw-visibility", }, { id: "save", label: "<i class='fa fa-paper-plane btn-save'></i>", command: "save-project", }, { id: "cmd-clear", label: "<i class='fa-solid fa-trash'></i>", command: "cmd-clear", }, { id: "undo", label: "<i class='fa-solid fa-undo'></i>", command: "undo", }, { id: "redo", label: "<i class='fa-solid fa-redo'></i>", command: "redo", }, { id: "export", label: "<i class='fa-solid fa-download'></i>", command: "export", }, ] }, ] }, })

ahora quiero configurar el código para el comando "exportar" para poder mostrar ese modal aquí estoy atascado

 editor.Commands.add('export', { run: (editor) => { // what to do ??? console.log(editor.getHtml()) } })