如何在 Grapesjs 的默认面板中用自定义命令添加自定义按钮
用'编辑器'。Panels.getPanels（）' 获取所有可用的面板，然后使用下面所示的 addButtons 方法。这里的“选项”是面板名称 '编辑。Panels.addButton（'options'， [ { ID：“保存”， 类名：'fa fa-floppy-o icon-blank'， 命令： function（editor1， sender） { 警报（“你好的世界”） }, 属性：{ 标题：“保存模板” } }, ]);`
阅读下方完整回答 ↓问题
我已经把Grapesjs集成到了Angular6。 我看到的是默认面板，屏幕顶部出现了一个选择框; 我想要一个自定义按钮，带有我自己自定义的命令，放在默认面板上。 我想添加一个按钮，看起来像下面用红色标出的那样。
我想当我点击按钮时，屏幕上应该会显示一个带有Hello World消息的警报框。 请告诉我如何在默认面板上添加自定义按钮
回答（3）
用'编辑器'。Panels.getPanels（）' 获取所有可用的面板，然后使用下面所示的 addButtons 方法。这里的“选项”是面板名称 '编辑。Panels.addButton（'options'， [ { ID：“保存”， 类名：'fa fa-floppy-o icon-blank'， 命令： function（editor1， sender） { 警报（“你好的世界”） }, 属性：{ 标题：“保存模板” } }, ]);`
我尝试按键连接面板时也遇到过问题。 所以，我用了以下方法： 编辑。Panels.addButton（'#target panel id#'， { ID：“警报按钮”， 类名：'btn-alert-button'， 标签：“Click my butt（on）”， command（editor） { alert（'Hello World'）; } 活跃：真 }); 不过，面板和按钮还是被显示出来的。 它开机后需要用“渲染”方法重新渲染面板管理器对象。我在文档里找不到相关信息。所以，我决定在这里写这条笔记： 编辑。Panels.render（）; 之后，按钮和面板才会显示出来。
这一点在 https://grapesjs.com/docs/getting-started.html#panels-buttons 有充分的文献记录。添加带按钮面板有两种方法：（1）初始化GrapesJS时，（2）GrapesJS在用addPanel初始化后。 请注意，这是针对你定义的面板，定义为“<div id='basic-actions'></div>”。葡萄JS.init（） GrapesJS 初始化后
相关问答
通过相似的问题讨论继续研究。
问题 #519
默认情况下没有任何阻挡
使用这段代码 我用编辑器，但没有任何区块。我也没能理解屏幕尺寸的图标，但其他图标是有的。正如你所见，CSS 正在加载，因为整体布局是正确的。 ![图片]（https://user-images.githubusercontent.com/438493/32779136-9e79...
问题 #1510
如何在 Grapesjs 的 blockmanager 添加两列
你好，我是Grapej的新手，正在用Grapej搭配Angular6 我在[]（https://grapesjs.com/demo.html）上见过葡萄的演示。 我想在 BlockManager 创建两列，如下面用红色标记的快照所示 ![22]（https://user-ima...
问题 #1575
错误的模型通过了“component：styleUpdate”事件
“component：styleUpdate”事件中的模型与“component：selected”事件中的模型不同。我本以为点击组件后更改样式时，它们应该是一样的。https://jsfiddle.net/szLp8h4n/355/打开控制台。选择“hello world”文...
问题 #1539
如何以及在哪里定义形态的行为
大家好， 我如何从Grapesjs的表单中获取数据？ 我已经在Canvas上放置了一份表格，你可以在下面看到 ![4444444]（https://user-images.githubusercontent.com/32187513/47430117-115b0e80-d7b6...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选，助你更快交付。
正在加载付费插件推荐……
浏览插件分类
直接跳转到市场上的插件分类页面。