How to customize View Code functionality in grapesjs-plugin-boilerplate?

GrapesJS / grapesjs

Free and Open source Web Builder Framework. Next generation tool for building templates without coding

BSD 3-Clause "New" or "Revised" License

22.38k stars 4.06k forks source link

Hi I am using grapesjs-plugin-boilerplate to develop my grapesjs ui builder. My requirement is to customize the View Code (</>) feature in the ui builder to display the contents from editor.getHml() enclosed by html tag as below:

    <html>
        <head>
        </head>
        <body>
          ${editor.getHtml()}
        </body>
    </html>

I followed the solution mentioned in #523 and https://developer.aliyun.com/mirror/npm/package/grapesjs-plugin-export. Both these solutions are wrt grapesjs-export-plugin. Also on implementing the solution mentioned in the above mentioned references I got the below error:

ERROR in Template execution failed: ReferenceError: editor is not defined

Any guidance on this issue would be of immense help

Thank you.

GrapesJS / grapesjs

How to customize View Code functionality in grapesjs-plugin-boilerplate? #3114