防止编辑某些组件
是的,@MichaelKlemersson说得对,目前你必须在任何元素上手动设置它们。 另一个技巧是通过模型更新所有子节点 “''js const updateAll = model => { model.set({editable: false, ...}); model.get('components').each(model => updateAll(model)); } updateAll(组件); 你怎么看?
阅读下方完整回答 ↓问题
我想阻止用户编辑特定组件的内部组件。
比如说,假设我有一个叫做 Drupal-Block 的元素
<div data-block>
...HTML 内 ..
</div>
我想防止用户编辑__...HTML inside...__ 位
回答(3)
是的,@MichaelKlemersson说得对,目前你必须在任何元素上手动设置它们。 另一个技巧是通过模型更新所有子节点 “''js const updateAll = model => { model.set({editable: false, ...}); model.get('components').each(model => updateAll(model)); } updateAll(组件); 你怎么看?
是的,我认为繁殖的想法很棒。 说清楚点,我找这个的原因是我正在为Drupal 8开发一个模块,允许通过GrapeJS工具创建主题。 在Drupal中,你有叫做块的元素,我的想法是把这些元素在主编辑器里封锁,改用弹窗编辑器来编辑它们,并允许在不同页面重复使用。
这是因为Drupal通过PHP渲染内容的方式,所以我需要在将模板存储到twig文件时将html转换为php变量。
你可以在演示中使用一个例子选择一个元素(例如某个部分)在控制台执行此事 “''js editor.getSelected().append(' <div data-gjs-removable=“false” data-gjs-draggable=“false” data-gjs-propagate='[“removable”, “draggable”]' style=“color:blue”> <div>Comp01</div> <div> <div>Comp11</div> <div data-gjs-stop=“1” data-gjs-removable=“true” data-gjs-...
相关问答
通过相似的问题讨论继续研究。
问题 #6365
样式管理器未能正确解释后裔选择器
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? Chrome 版本 131.0.6778.205 可复制演示链接 https://codesandbox.io/p/sandbox/naughty-microservice-5hp3h4 描述一下...
问题 #6211
递归过多
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? Firefox 131.0.2 可复制演示链接 https://grapesjs.com/demo-newsletter-editor.html 描述一下那个虫子 如何复现这个漏洞?进入 grap...
问题 #4503
CKEditor 在添加原始 HTML 组件时使用的缺少内联样式
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? 铬 v96 可复制演示链接 https://grapesjs.com/demo-newsletter-editor.html 描述一下那个虫子 如何复现这个漏洞?在控制台标签页打开开发者工具运行下...
问题 #5388
运行无头模式时,编辑器返回不同的 HTML
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? ChromeV117.0.5938.62 可复制演示链接 https://codesandbox.io/embed/quizzical-galileo-cqldjh?fontsize=14&hid...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
浏览插件分类
直接跳转到市场上的插件分类页面。