问题 #419💬 已回答提出于 2017年10月13日作者 sanjeevSavitr0 个反应

在命令中添加新元素

快速解答作者 artf

阅读更多关于[组件工作原理]的内容(https://github.com/artf/grapesjs/wiki/Components#how-components-work) 你必须通过模型添加组件(例如:'model.get('components').add(<div>'...</div>')如果你想让元素可以选择,那就不行了。就像你做的那样,这只是编辑器的静态内容

阅读下方完整回答 ↓

问题

命令:{ { id:“sub_menu_item”, run: function(editor, senderBtn){

const comp = editor.getSelected(); comp.view.el.querySelector('[data-js=submenu_container]').innerHTML += '<a class=“navbar-menu-link”>Sub Menu Item</a>';

}, }, }

这可以向容器添加子菜单项。但我无法选择它。我也试过 AppendChild。但结果是一样的。我应该能编辑新添加的组件。请帮帮我

回答(2)

artf2017年10月16日

阅读更多关于[组件工作原理]的内容(https://github.com/artf/grapesjs/wiki/Components#how-components-work) 你必须通过模型添加组件(例如:'model.get('components').add(<div>'...</div>')如果你想让元素可以选择,那就不行了。就像你做的那样,这只是编辑器的静态内容

lock[bot]2019年9月18日

由于关闭后没有近期活动,该帖子已被自动锁定。请为相关漏洞开启新一期。

相关问答

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

问题 #400

隐藏命令中的一个元素

你好, 我想在点击工具栏按钮时隐藏某个特定元素 命令:{ 默认值:[{ id:“submenuitem”, run: function(editor, senderBtn){ 我想隐藏“photostack-1”元素 ???? ???? ???? }, }], } VAR DO...

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

问题 #1306

在保存后,在 HTML 内容中插入文本并不会更新。

你好@artf, 我在保存HTML内容的过程中遇到了一些陷阱。现在我们有一个弹出的模态对话框,我可以选择一些特殊文本,并在选中的元素中注入画布。问题是保存HTML内容时,更改不会反映在内容上。它喜欢我必须刷新或更新模型,但我不知道怎么更新。 注: 只有在多次插入后才保存数据。但...

3 个回答更新于 2020年3月18日

问题 #1817

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

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

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

问题 #358

从插件的脚本部分调用 updateScript

大家好, 我已经卡了几个小时,试图弄清楚如何从一个自定义插件的脚本部分调用 updateScript。 到目前为止,我已经制作了自己的插件,等它稳定后我想分享。当它连接到外部 API 并获取特定数据时,我需要刷新它。 任何帮助都非常感谢! 谢谢!

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

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

相关教程

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

全部教程 →

浏览插件分类

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