PageKit — 可自托管的 GrapesJS 建站工具,附完整源码。 获取抢先体验

问题 #1632✓ 已解决提出于 2018年12月5日作者 cnaa975 个反应

控制表单元(添加行,列......)

快速解答作者 shubhd47❤ 3

嘿,@cnaa97 没关系,我已经在工具栏里添加了默认命令。我得到了我想要的。 谢谢你的帮助。 以下是代码

阅读下方完整回答 ↓

问题

你好。我想开发一些功能来控制桌面。 另一个编辑器的表格有很多功能,比如添加列、行、设置颜色、重置每个单元格的列宽...... 我刚准备了一个开发计划,打算在下面实现......1.在封锁管理器中添加一个按钮 “''js bm.add('table-block', { 编号:“表格”, 标签:“桌子”, 分类:“基础”, 属性:{ 类:'fa fa-table' }, 内容: <table class=“table table-striped table-bordered table-resizable”> <tr><td></td><td></td><td></td></tr> <tr><td></td><td></td><td></td></tr> <tr><td></td><td></td><td></td></tr> </table> `, }); { 默认值:{ ...Component.prototype.defaults, 类型:“细胞”, 标签名称:“TD”, 可拖拽:['tr'], 工具栏:[ { 属性:{ 类别:“FA FA-Arrows” }, 命令:“TLB-移动” }, { 属性:{ 类:“FA FA-flag” }, 命令:“table-insert-row-above” } ] }, }, ![2018-12-05 17-14-10 2018-12-0...

回答(3)

👍 最有帮助shubhd47• 2019年10月7日

嘿,@cnaa97 没关系,我已经在工具栏里添加了默认命令。我得到了我想要的。 谢谢你的帮助。 以下是代码

artf• 2018年12月7日

组件定义中的“内容”是静态文本(例如内容用于富文本编辑器编辑),所以添加后你无法选择其元素,而是应使用“components: '<tr data-gjs-type=”row“ ...'你总可以获取选中的组件并使用[其API](https://grapesjs.com/docs/api/component.html),所以你的“表插入行上方”可以是: “''js 编辑。Commands.add('table-insert-row-above', editor => { const selected = editor.getSelected(); 如果 (selected.is('胞')) {...

cnaa97• 2018年12月10日

谢谢你的善意回答。

相关问答

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

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

浏览插件分类

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