问题 #1987💬 已回答提出于 2019年4月27日作者 fmr4111 个反应

在底部创建工具栏

快速解答作者 afdallah1

如果你把那个单元格做成自定义组件,可以操作它的“视图” “JavaScript const comps = 编辑器。主成分 comps.addType('cell', { isComponent(el) {...}, 模型:{...}, 浏览量:{ 事件:{ '点击 #extra 工具栏':'doSomething' }, onRender() { const el = this.$el el.append('<button id=“extra-toolbar”>Extra button</button>') }, doSomething() { 警报(“工具栏点击声”) } } }) ``` 附注:这个新语法需要版本 0.14....

阅读下方完整回答 ↓

问题

我能创建一个新工具栏,选中组件时位于底部(光标显示的方向)吗?谢谢 ![Screenshot_2](https://user-images.githubusercontent.com/15244481/56845881-eb8ffd00-68f1-11e9-9529-488dbd5d4174.png)

回答(3)

afdallah2019年4月29日

如果你把那个单元格做成自定义组件,可以操作它的“视图” “JavaScript const comps = 编辑器。主成分 comps.addType('cell', { isComponent(el) {...}, 模型:{...}, 浏览量:{ 事件:{ '点击 #extra 工具栏':'doSomething' }, onRender() { const el = this.$el el.append('<button id=“extra-toolbar”>Extra button</button>') }, doSomething() { 警报(“工具栏点击声”) } } }) ``...

fmr4112019年4月29日

不仅在单元内,所有组件

afdallah2019年4月29日

当然,你可以把同样的技术应用到任何组件上。

相关问答

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

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

相关教程

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

全部教程 →

浏览插件分类

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