让某些元素默认无法编辑。
[延伸](https://grapesjs.com/docs/modules/Components.html#update-component-type)“text”组件类型,并在“isComponent”中实现你的逻辑。如果元素符合你的条件(你可能会检查内元素),只需以这种方式返回对象 “''js isComponent(el) { // ... 如果(isWhatYouNeed) { 返回 { 类型:“文本”, 内容:el.innerHTML, 组成部分:[], 通过添加组件,可以阻止解析器 从更深入地穿越你的DOM元素开始 } } }, ```
阅读下方完整回答 ↓问题
@artf我们如何设置配置,使得在导入 HTML 时,编辑器中不会将某个元素视为文本组件,而是应视为父文本的内部文本。 例如。<p> 这里有一些示例文本。<span> 不要把它做成文本组件 </span>示例文本2 </p>' 我不想把span做成文本组件,因为P已经可以编辑了。我无法将data-js-editable设为false。因为它必须 多处更新。所以我想知道有没有办法把那个类似span的元素放进去 无法转换为文本组件。 谢谢!
回答(2)
[延伸](https://grapesjs.com/docs/modules/Components.html#update-component-type)“text”组件类型,并在“isComponent”中实现你的逻辑。如果元素符合你的条件(你可能会检查内元素),只需以这种方式返回对象 “''js isComponent(el) { // ... 如果(isWhatYouNeed) { 返回 { 类型:“文本”, 内容:el.innerHTML, 组成部分:[], 通过添加组件,可以阻止解析器 从更深入地穿越你的DOM元素开始 } } }, ```
由于关闭后没有近期活动,该帖子已被自动锁定。请为相关漏洞开启新一期。
相关问答
通过相似的问题讨论继续研究。
问题 #509
跨度不能作为文本编辑
你好,Artf, 我在导入一些HTML模板时遇到了问题。起初我无法看到跨度文本。但在帮编辑重新整理后,我无法将它们作为文本进行编辑。 ' 让 domc = this.editor.DomComponents; 让textType = domc.getType(“text”);...
问题 #399
我可以在当前模态和当前模态子节点中按工具栏吗?
又问好,@artf,我对元素中的推送工具栏和特定类别(例如模态触发器)有点混淆了。 元素代码为: '''html ... <a href=“#modal1” data-highlightable=“1” class=“modal-trigger”> <div data-high...
问题 #429
自定义组件保存
你好,@artf抱歉打扰了,我真的不想开问题单,但我已经卡了好几天,努力实现我的最终目标 我做了一个简单的插件,增加了图标支持(font awsom),所以我有components.js block.js和一个main.js,还有一些配置 我已经成功让 onchange 工作了...
问题 #525
Local2 存储不工作的示例
使用文档中提供的代码。https://github.com/artf/grapesjs/wiki/API-Storage-Manager 在“加”例子中。我正在尝试创造自己的存储方式。 “存储”方法运行良好,它会把内容添加到localStorage。我可以在Chrome开发工具...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
相关教程
关于同一主题的深入指南。
浏览插件分类
直接跳转到市场上的插件分类页面。