问题 #2434💬 已回答提出于 2019年11月29日作者 pvbergen1 个反应

从模型中排除HTML元素

快速解答作者 pvbergen1

嗯,那倒是出奇地简单。谢谢! 我会在接下来的几天内测试一下,看看如何将其与我们的工作流程整合。

阅读下方完整回答 ↓

问题

这是一个很广泛的问题,所以我会提供用例和一些想法,而不是实际代码。基本描述 我们正在使用 grapesjs 作为 Drupal 模块(https://github.com/artf/grapesjs/issues/1798#issuecomment-559498604)的一部分,但我们遇到了 grapes 容器中 html 元素过多的问题。这会影响用户的性能。 我们这个模块的理念是在整个页面内展示葡萄iframe。这让用户能够完整地查看页面,并允许我们利用平板和移动端视图模式。由于页眉或页脚中有数千个元素被注册为不可编辑的默认组件,grapesjs 的模型变得越来越慢(js 延迟数秒),随着集合数量超过预期或通常的数量。布置 我们设置为 html 的一个示例: 我们把默认组件的可编辑标志设置为false,并用自定义组件实现了特质编辑。 我们设置的视觉示例: ![pagedesigner-example-structure](https://user-images.githubusercontent.com/3135880/69852821-8b957680-1285-11ea-9342-ad1baca595bd.jpg)问题 是否可以在葡萄容器中包含 HTML,但将其排除在模型中? 例如,标题中的HTML不与葡萄一起注册,因为它在编辑页面时是无效的。可能的做法 我们尝试了不同的方...

回答(2)

pvbergen2019年11月30日

嗯,那倒是出奇地简单。谢谢! 我会在接下来的几天内测试一下,看看如何将其与我们的工作流程整合。

artf2019年11月30日

你是说像这样的吗? “''js const 头 = '<div style=“padding: 100px”>My header</div>'; editor.getWrapper().getEl().insertAdjacentHTML('beforeBegin', 头部);

这会添加一个 HTML 但实际上与 GrapesJS 组件无关

相关问答

通过相似的问题讨论继续研究。

与此问题匹配的付费插件

根据问题关键词和标签相关性精选,助你更快交付。

查看全部插件

正在加载付费插件推荐……

免费方案

在以下平台查看开源 GrapesJS 插件: GitHub 或在我们的免费目录中快速搜索。

浏览免费插件 →
高级方案

高级插件提供支持、定期更新和生产就绪的功能——为你节省数天的集成工作。

浏览高级插件 →

浏览插件分类

直接跳转到市场上的插件分类页面。