已选内容 父标签 删除
你看过@artf的[#1077](https://github.com/artf/grapesjs/issues/1077#issuecomment-386444814)回答吗? 我觉得这很适合你的情况。 “JavaScript const component = editor.getSelected(); const coll = component.collection; const at = coll.indexOf(component); coll.remove(component); return coll.add('<div>新内容</div>',{ at }); ```
阅读下方完整回答 ↓问题
https://github.com/artf/grapesjs/issues/906#issuecomment-381403858
我需要从 editor.getSelected() 中移除 HTML 内容。现在我用的是,
var selectedContent = editor.getSelected();
selectContent.set('content', '');
selectContent.components(MYHTML);
虽然我使用 selectedContent.set('content', ''); 但它会移除所有内部的 html。但没有移除父标签。例如, 之前:'<h2 id=“it4a”><p>示例更新检查完成</p></h2>' 之后:'<h2 id=“it4a”></h2>'
设置组件后,就像“<h2 id=”it4a“>NEW HTML</h2>”。如何在将 innerHTML 设置为空的情况下移除父标签?
请教我如何解决这个问题?
回答(3)
你看过@artf的[#1077](https://github.com/artf/grapesjs/issues/1077#issuecomment-386444814)回答吗? 我觉得这很适合你的情况。 “JavaScript const component = editor.getSelected(); const coll = component.collection; const at = coll.indexOf(component); coll.remove(component); return coll.add('<div>新内容</div>',{ at }); ```
是的,我试过@afdallah,它返回的是未定义的index。让我再试一次。谢谢你的回复:)
你好@afdallah @artf我尝试了上面的概念。第一次用时效果很好。我尝试第二次更新,但没成功。 
相关问答
通过相似的问题讨论继续研究。
问题 #3317
FEAT:增加对自定义RTE API承诺的支持
你想给GrapesJS添加什么? 支持基于承诺的 API 的富文本编辑器。 详细描述你的功能需求详细 CKEditor5 的“Editor.create”和“Editor.destroy”方法返回一个“承诺”,当编辑器完全创建或销毁时才会解决。这会导致销毁编辑器(完成组件编辑)...
问题 #3779
Editor.getSelected().toHTML() 编码内联 JavaScript
葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器? 最新款(镀铬)可复制演示链接 https://jsfiddle.net/4j1k0wde/24/描述一下那个虫子 如何复现这个漏洞?创建带有脚本标签的方块。使用 'editor.getSelected...
问题 #3465
更新会破坏一些CSS功能
警告 请阅读并遵循接下来的三步,然后在发布问题前删除它们遵守贡献指南 https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.md先快速搜索一下,看看有没有人没开同样的问题所有相关陈述/问题都必须填写/回答,否则问题可...
问题 #3286
优点:Codemirror 自定义密钥和插件
有没有办法为内置的 Codemirror 编辑器添加快捷键和插件?我特别想要一个评论快捷键。 有各种插件使用Grapesjs编辑器,包括 https://github.com/artf/grapesjs/issues/324#issuecomment-330571539 和自定...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
浏览插件分类
直接跳转到市场上的插件分类页面。