工具栏
文档提供开箱即用的工具栏插件。 同时也支持调用工具栏接口实现自定义工具栏。
对应 js 文件
shimo.sdk.document.plugins.toolbar.min.js
暴露对象shimo.sdk.document.plugins.Toolbar
接口调用
- 用法
工具栏接口和使用工具栏的情景类似,都是对用户当前在编辑器内的选区内容进行操作。
const editor = new window.shimo.sdk.document.Editor()
// 加粗选取的内容
editor.editorActions.setBold()
支持的工具栏功能接口
setUndo
撤销改动。
- 用法
editor.editorActions.setUndo()
setRedo
重做撤销的改动。
- 用法
editor.editorActions.setRedo()
setFormatPainter
格式刷。
- 用法
editor.editorActions.setFormatPainter(value)
- 参数
名称 | 建议可选值 | 描述 |
---|---|---|
value | false , 'click' , 'double-click' | 格式刷的不同动作 |
setClean
清除格式。
- 用法
editor.editorActions.setClean()
setHeader
设置标题格式。
- 用法
editor.editorActions.setHeader(value)
- 参数
名称 | 建议可选值 | 描述 |
---|---|---|
value | false , 'title' , 'subtitle' , '1' , '2' , '3' , '4' | 不同类型的标题格式 |
setFont
设置字体。
- 用法
editor.editorActions.setFont(value)
- 参数
名称 | 建议可选值 | 描述 |
---|---|---|
value | false , 'simsun' , 'simhei' , 'microsoftyahei' , 'fangsong' , 'kaiti' , 'arial' , 'droid' , 'source' | 不同类型的字体 |
setSize
设置字号大小。
- 用法
editor.editorActions.setSize(value)
- 参数
名称 | 建议可选值 | 描述 |
---|---|---|
value | false , '9' , '10' , '11' , '12' , '13' , '14' , '16' , '18' , '22' , '24' , '30' , '36' | 不同大小的字号 |
setBold
设置字体加粗。
- 用法
editor.editorActions.setBold(?value)
- 参数
名称 | 类型 | 描述 |
---|---|---|
value | boolean | [可选] 加粗或取消加粗 |
setItalic
设置斜体。
- 用法
editor.editorActions.setItalic(?value)
- 参数
名称 | 类型 | 描述 |
---|---|---|
value | boolean | [可选] 加粗或取消斜体 |
setUnderline
设置下划线。
- 用法
editor.editorActions.setUnderline(?value)
- 参数
名称 | 类型 | 描述 |
---|---|---|
value | boolean | [可选] 加粗或取消下划线 |
setStrike
设置字体删除线。
- 用法
editor.editorActions.setStrike(?value)
- 参数
名称 | 类型 | 描述 |
---|---|---|
value | boolean | [可选] 加粗或取消删除线 |
setColor
设置字体颜色。
- 用法
editor.editorActions.setColor(value)
- 参数
名称 | 可选值 | 描述 |
---|---|---|
value | false , '16进制颜色字符串' | 需要设置的颜色 |
setBackground
设置背景颜色。
- 用法
editor.editorActions.setBackground(value)
- 参数
名称 | 可选值 | 描述 |
---|---|---|
value | false , '16进制颜色字符串' | 需要设置的颜色 |
setOrdered
设置有序列表。
- 用法
editor.editorActions.setBold(?value)
- 参数
名称 | 可选值 | 描述 |
---|---|---|
value | false , 'decimal'[default] , 'ckj-decimal' , 'upper-decimal' | 列表类型 |
setBullet
设置无序列表。
- 用法
editor.editorActions.setBullet(?value)
- 参数
名称 | 可选值 | 描述 |
---|---|---|
value | false , 'circle'[default] , 'ring' , 'arrow' | 列表类型 |
resetOrder
列表重新编号。
- 用法
editor.editorActions.resetOrder(value)
- 参数
名称 | 类型 | 描述 |
---|---|---|
value | string | 需要更改的编号 |
setTask
设置任务列表。
- 用法
editor.editorActions.setTask(?value)
- 参数
名称 | 可选值 | 描述 |
---|---|---|
value | false , 'unchecked'[default] , 'checked' | 列表类型 |
setIndent
设置缩进。
- 用法
editor.editorActions.setIndent(value)
- 参数
名称 | 可选值 | 描述 |
---|---|---|
value | false , '+1'[default] , '-1' , 1 , 2 , 3 , 4 , 5 , 6 , 7 , 8 | 缩进等级 |
setAlign
设置对齐方式。
- 用法
editor.editorActions.setAlign(value)
- 参数
名称 | 可选值 | 描述 |
---|---|---|
value | false [default] , 'right' , 'center' , 'justify' | 对齐方式 |
setLinespace
设置行高。
- 用法
editor.editorActions.setLinespace(value)
- 参数
名称 | 可选值 | 描述 |
---|---|---|
value | 100 , 115 , 150 , 200 , 250 , 300 | 行高 |