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

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

快速解答作者 shubhd473

嘿,@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)

👍 最有帮助shubhd472019年10月7日

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

artf2018年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('胞')) {...

cnaa972018年12月10日

谢谢你的善意回答。

相关问答

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

问题 #3735

选择选项没有显示。 而是作为输入显示

你好,@artf, 我们用“选择选项”作为特质,但这些选项显示为输入。有时显示选项,有时显示为输入。我们的代码如下 defaults: Object.assign({}, defaultModel.prototype.defaults, { 特质:[ { 标签:“类别”, 名称...

4 个回答更新于 2021年9月16日

问题 #1738

表单元(td, th)调整大小错误

你好。我正在开发Table功能,这个项目很棒,Grapesjs。问题我在Canvas上添加了表格组件。在“ComponentTableBody.js”中,更改默认行和列选项。在ComponentTableCell.js中,添加单元组件的“可调整大小”选项。然后为了让单元格大小变...

2 个回答更新于 2020年1月24日

问题 #1951

在 add 组件 上更改或添加事件

可以吗?把拖放事件改成点击时添加新组件,我想点击方块添加组件,这样它会直接添加到选中的组件中,谢谢 ![巴鲁](https://user-images.githubusercontent.com/15244481/55772491-9f9e2500-5ab6-11e9-925e...

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

问题 #2706

块内容唯一ID,无需内联样式

大家好, 我做了一个自定义的块管理器元素,但当元素被编辑时,它会把样式应用到类上,这意味着所有相同的元素也会受到影响。如果我给元素设置了内联样式,它就会把样式应用到自定义类/ID。 无直线式: ![图片](https://user-images.githubuserconten...

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

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

浏览插件分类

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