从模型中排除HTML元素
问题
这是一个很广泛的问题,所以我会提供用例和一些想法,而不是实际代码。基本描述 我们正在使用 grapesjs 作为 Drupal 模块的一部分(https://github.com/artf/grapesjs/issues/1798#issuecomment-559498604),但我们遇到了 grapes 容器中 html 元素过多的问题。这影响了用户的性能。 我们采用的模块理念是将整个页面显示在 grapes iframe内。这使用户能够完整查看页面,并允许我们利用平板和移动端视图模式。由于头部或页脚中有数千个元素被注册为不可编辑的默认组件, grapesjs 模型变得越来越慢(js延迟数秒),随着集合数量超过预期或通常的数量。布置 我们设置为 html 的一个示例: 我们把默认组件的可编辑标志设置为false,并用自定义组件实现了特质编辑。 我们设置的视觉示例: 问题 是否有可能在 grapes 容器中包含 HTML,但将其排除在模型中? 例如,标题中的HTML不会被 grapes注册,因为它在编辑页面时是无效的...
回答(2)
嗯,那倒是出奇地简单。谢谢! 我会在接下来的几天内测试一下,看看如何将其与我们的工作流程整合。
你是说像这样的吗? “''js const 头 = '<div style=“padding: 100px”>My header</div>'; editor.getWrapper().getEl().insertAdjacentHTML('beforeBegin', 头部);
这会添加一个 HTML 但实际上与 GrapesJS 组件无关
相关问答
通过相似的问题讨论继续研究。
问题 #3714
Partial parse
讨论于 https://github.com/artf/grapesjs/discussions/3711 <div type='discussions-op-text'> <sup>最初由 ltenti 于 2021 年 8 月 17 日发布</sup> 大家好, 我想知道如...
问题 #4083
Set root does not work
GrapesJS 版本[X] 我确认使用最新版本 GrapesJS你用的是什么浏览器? Safari 15.0可复制演示链接 https://jsfiddle.net/adw6y12f/9/描述一下那个虫子 你好, 我正在尝试按照[这里](https://github.com/...
问题 #3285
:画布iframe中的文档类型
嗨。 这个问题已经被问过两次([这里](https://github.com/artf/grapesjs/issues/973)和[这里](https://github.com/artf/grapesjs/issues/1230)),但从未有过答案。 有没有办法在画布ifram...
问题 #3564
Unable to refresh the iframe
0.17.19 你能重现演示中的bug吗? 是的 预期的行为是什么? 我之前问过一个关于iframe刷新(#3413)的问题。[提案的解决方案](https://github.com/artf/grapesjs/issues/3413#issuecomment-83189223...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
浏览插件分类
直接跳转到市场上的插件分类页面。