：允许导入HTML文档
@artf我是。先用带有“->getHtml”的html，然后放到dom元素里。然后把身体抽离，把头衔、元内容等从主导身上移除。然后再提取html。JQuery万岁。 不过如果能用 grapesJS 实现这些功能，那就太棒了 ：-）
阅读下方完整回答 ↓问题
大家好， 我们在项目中使用 grapesjs 通讯插件来导入和预览模板。我们在保留模板结构时遇到了一些困难，模板结构是我们导入到 grapesjs 编辑器中的。请查看下面的示例 导入了HTML '''html <！DOCTYPE html> <html> <body> <h1>葡萄 </h1> <p>这是我的第一份葡萄酱模板。</p> </body> </html> 实际输出，就是我们用编辑器用命令得到的 （editor.runCommand（'gjs-get-inlined-html'） '''html <h1 style=“box-sizing： border-box;”“>Grapesjs</h1> <p style=“box-sizing： border-box;”>我的第一个葡萄模板..</p> <style>......</style> ``` 从输出中你可以看到 grapesjs 已经自定义了上传的模板，去掉了 html、头部和身体标签，并在内容中添加了新的风格标签，这是我们不希望发生的。 Grapesjs 编辑器是否有可能在不更改导入模板的基本结构的情况下输出 HTML？我们找了几个选项，但都没找到。 请帮助我们实现这一目标。 谢谢
回答（3）
@artf我是。先用带有“->getHtml”的html，然后放到dom元素里。然后把身体抽离，把头衔、元内容等从主导身上移除。然后再提取html。JQuery万岁。
不过如果能用 grapesJS 实现这些功能，那就太棒了 ：-）
<img width=“1253” alt=“5” src=“https://github.com/GrapesJS/grapesjs/assets/11614725/830ea394-773f-4d76-8ea0-37af7e250760”> 新增了导入HTML文档的功能 https://github.com/GrapesJS/grapesjs/pull/5895
目前，编辑器只导入正文内的内容。要让它也能理解其他文档节点，需要重构[当前HTML解析器]（https://github.com/artf/grapesjs/blob/dev/src/parser/model/ParserHtml.js）
相关问答
通过相似的问题讨论继续研究。
问题 #4503
CKEditor 在添加原始 HTML 组件时使用的缺少内联样式
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ 铬 v96 可复制演示链接 https://grapesjs.com/demo-newsletter-editor.html 描述一下那个虫子 如何复现这个漏洞？在控制台标签页打开开发者工具运行下...
问题 #4000
在根体层粘贴组件会触发类型错误
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome v89 可复制演示链接 https://grapesjs.com/demo.html 描述一下那个虫子 如何复现这个漏洞？在官方演示中，进入图层管理器，用“cmd+c”复制任意图层点...
问题 #1743
添加命令以导入实际模板到编辑器
大家好， 我们在项目中使用 grapesjs 通讯插件来导入和预览模板。我们在保留模板结构时遇到了一些困难，模板结构是我们导入到 grapesjs 编辑器中的。请查看下面的示例 导入了HTML <！DOCTYPE html> <html> <body> <h1>葡萄 </h1>...
问题 #1744
添加命令以导入实际模板
大家好， 我们在项目中使用 grapesjs 通讯插件来导入和预览模板。我们在保留模板结构时遇到了一些困难，模板结构是我们导入到 grapesjs 编辑器中的。请查看下面的示例 导入了HTML <！DOCTYPE html> <html> <body> <h1>葡萄 </h1>...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选，助你更快交付。
正在加载付费插件推荐……
相关教程
关于同一主题的深入指南。
教程
Super Tooltip for GrapesJS — Version 0.1.5 Released 🎉
We’re excited to announce the v 0.1.5 update of Super Tooltip, our floating‑menu and tooltip plugin for GrapesJS
教程
GrapesJS in 2026: The Complete Guide to the Open-Source Web Builder Framework
Master GrapesJS in 2026. Architecture, code examples, React integration, plugin development, Studio SDK, and how it compares to other projects
浏览插件分类
直接跳转到市场上的插件分类页面。