[Feature]: Allow to import HTML documents

Question

Hi Team,

We are using grapesjs newsletter plugin in our project for importing and preview the template. We are facing some difficulty in retaining the template structure which we import in to grapesjs editor. Please check the below example

IMPORTED HTML

<!DOCTYPE html>
<html>
<body>
<h1>Grapesjs </h1>
<p>My first grapesjs template.</p>
</body>
</html>

EXPECTED OUTPUT

<!DOCTYPE html>  
<html>
<body>
<h1>Grapesjs </h1>
<p>My first grapesjs template.</p>
</body>
</html>

ACTUAL OUTPUT , what we get from editor using the command (editor.runCommand('gjs-get-inlined-html'))

<h1 style="box-sizing: border-box;">Grapesjs</h1>
<p style="box-sizing: border-box;">My first grapesjs template..</p>
<style>..</style>

From the output u can see grapesjs has customised the actual template uploaded, by stripping off the html, head and body tags and adds new style tag in the content, Which we don't want to happen.

Is it possible for grapesjs editor to output html without altering the basic structure of the imported template. We looked for some options but couldn't find any.

Please help us in achieving this. Thanks

Answers (3)

wimurk• October 21, 20194 reactions

@artf i am. First get the html with ->getHtml then put it in an dom element. Then extract the body en remove the title, meta, etc from the dom. Then extract the html again. Long live JQuery.

But still would be a great feature to do all that with grapesJS :-)

artf• May 21, 20243 reactions

<img width="1253" alt="5" src="https://github.com/GrapesJS/grapesjs/assets/11614725/830ea394-773f-4d76-8ea0-37af7e250760"> Added the possibility of importing HTML documents https://github.com/GrapesJS/grapesjs/pull/5895

artf• January 27, 20190 reactions

Currently, the editor imports only the content inside the body. To make it understand also other document nodes, it'd require a refactor of the current HTML parser

Paid Plugins That Match This Issue

Curated by issue keywords and label relevance to help you ship faster.

View all plugins

Loading paid plugin recommendations...

Browse Plugin Categories

Jump directly to plugin category pages on the marketplace.

Presets Plugins Components Blocks Assets Commands I18n Layers Styles Storages RTE Newsletters Web pages Site builders

[Feature]: Allow to import HTML documents

Question

Answers (3)

Related Questions and Answers

[FEATURE REQUEST] Add command to get actual template imported into editor

[FEATURE REQUEST] Add Command to get actual template imported

Want to replace wrapper div

SetComponents is sometimes very slow

Paid Plugins That Match This Issue

Browse Plugin Categories