问题 #1077💬 已回答提出于 2018年4月30日作者 Deepak8132 个反应

我们如何移除所选组件的 HTML

快速解答作者 artf1

你可以这样做 “''js const component = editor.getSelected(); const coll = component.collection; const at = coll.indexOf(component); coll.remove(component); return coll.add('<div>新内容</div>',{ at }); ```

阅读下方完整回答 ↓

问题

你好,artf,

请告诉我们如何移除所选组件的html 我有一个按钮的html,当我选择“gjs-comp-selected”类时,会被附加到 <button class=“add_col_btn gjs-comp-selected” id=“ir9j”>Add New column</button>

我想移除这个按钮的html,并在特定事件中用新内容替换。 请帮我们了解如何移除所选组件。

回答(3)

artf2018年5月4日

你可以这样做 “''js const component = editor.getSelected(); const coll = component.collection; const at = coll.indexOf(component); coll.remove(component); return coll.add('<div>新内容</div>',{ at });

mararn16182018年9月23日

这对我编程移除组件帮助很大,我想在 Typescript 里添加一些示例代码以便进一步参考。Typescript示例:动态移除组件 所有部件都被拆除........拥有标签名 = exampletag..具有属性 = exampleattr

Deepak8132018年5月4日

你好,artf, 谢谢你的消息,提供的代码运行正常,但我遇到以下错误: 未捕获类型错误:无法读取未定义的属性“indexOf” 在HTMLDivElement。<anonymous> (template.js?1.15:3784) at HTMLDivElement.dispatch (jquery.min.js:5) at HTMLDivElement.v.handle (jquery.min.js:5) 在 ZoneDelegate.webpackJsonp.../../../../zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js...

相关问答

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

问题 #1817

在编辑器渲染块时更改 HTML 内容

你好@artf 我有一个区块进入了区块管理器 和上面的脚本一样,我希望在该块渲染到界面的同时添加动态HTML内容。 我知道我不需要改变DOM。但我需要用模型来更改,但我不知道怎么用 ID/类别的模式来更改。 你能帮我吗?我该怎么实现?

3 个回答更新于 2020年2月22日

问题 #1733

如何移除由添加块管理器脚本添加的脚本标签

你好@artf 我想导出最终/基于制作的HTML内容,但不包括脚本(只导出由块管理器添加的脚本)。 假设我用block-manager添加一个新块,比如 现在当我把这个块放进编辑器时,它会在文档里创建一个 div 标签,同时还会生成类似的脚本, 所以,当我尝试用“editor....

3 个回答更新于 2020年2月4日

问题 #1699

链接元素不可复制/删除

在编辑器中,如果我们有带有某些类的链接元素,编辑器不允许复制或删除该元素。 GrapesJS 版本:v0.14.50繁殖步骤:开放 https://grapesjs.com/demo.html导入后续简单链接标签 '''html <a href=“#” class=“btn b...

3 个回答更新于 2020年1月5日

问题 #493

我可以从块状API动态设置内容吗?

你好,@artf,非常棒的网页构建框架,继续保持 :+1: 代码: “JavaScript ... blockManager.add('dynamic-nav', { 标签:“动态导航”, 属性:{ 类别:“Fa fa-省略号-h”, 标题:“插入导航动态菜单” }, 分类:“...

3 个回答更新于 2019年9月18日

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

相关教程

关于同一主题的深入指南。

全部教程 →

浏览插件分类

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