在sp的编辑器上面添加按钮, 需要改哪些文件 ?

收藏

如题, 现在想在sp的剪切板那一栏里面加一个格式刷的按钮, 这个需要在哪些文件里面做改动呢 ?

Clark.Pan · Clark.Pan

ribbon目录中的内容即为菜单的相关结构。修改ribbon.html中的dom结构来添加按钮，修改相应的ribbon.js来增加逻辑。

jiqimao · jiqimao

您好, 请问能不能麻烦您给我提供一个添加按钮的demo呢 ? 我现在就想在剪切板一栏添加一个格式刷的按钮 , 如下图的位置

image.png183932799.png

Clark.Pan · Clark.Pan

很抱歉，在线表格编辑器提供源码，所以没有办法直接给demo
首先在ribbon中加入dom元素：
这一步我看您截图已经做到了，注意一点
data-bind中的属性对应着resource.cn.js 中的汉化文件，相应的汉化需要在其中添加设置。
如果要更改图片请在ribbon.css 添加对应的class,在其中添加自定义的背景图片。
之后就是修改ribbon.js：
写相应的触发逻辑在click事件中
在click事件中会进行switch判断，启用判断条件cmd.commandName就是ribbon.html中button中的name选项。
例如下图所示：
image.png473035277.png

name设置的是formatpainter
那么在这里的switch中cmd.commandName对应就是formatpainter
image.png337955626.png

新建formatpainter 的case，在其中实现格式化的相应逻辑即可。

		自动登录	找回密码
密码			立即注册

[已处理] 在sp的编辑器上面添加按钮, 需要改哪些文件 ?

3 个回复

微信认证勋章

讲师达人

悬赏达人

SpreadJS 认证

SpreadJS 高级认证

元老葡萄