HLuseEditor工具栏说明
工具栏的使用说明更新于: 2023-05-05 07:38:57 查看: 485
发布于: 2021-9-14 16:46 发布者: 大米
内置工具栏的各个参数说明如下：
| # | 工具名称 | 工具解释 |
| 1 | bold | 加粗 |
| 2 | italic | 斜体 |
| 3 | strike | 删除线 |
| 4 | underline | 下划线 |
| 5 | fontSize | 字体大小 |
| 6 | paragraph | 段落 |
| 7 | color | 字体颜色 |
| 8 | backColor | 背景颜色 |
| 9 | center | 居中 |
| 10 | left | 左对齐 |
| 11 | right | 右对齐 |
| 12 | full | 两端对齐 |
| 13 | indent | 缩进 |
| 14 | outdent | 减少缩进 |
| 15 | link | 链接 |
| 16 | unlink | 取消链接 |
| 17 | textBlock | 文本块 |
| 18 | codeBlock | 代码块 |
| 19 | htmlcode | Html块 |
| 20 | code | 程序代码 |
| 21 | selectAll | 全选 |
| 22 | removeFormat | 去除格式 |
| 23 | trash | 删除 |
| 24 | image | 插入图片 |
| 25 | table | 表格 |
| 26 | fullscreen | 全屏切换 |
| 27 | subscript | 下角标 |
| 28 | superscript | 上角标 |
| 29 | horizontal | 水平线 |
| 30 | orderedList | 有序列表 |
| 31 | unorderedList | 无序列表 |
| 32 | undo | 撤销 |
| 33 | redo | 重做 |
| 34 | html | html代码 |
| 35 | about | 关于HluseEditor |
| 36 | smile | 表情 |
配置方法：
startitem: ["bold", "horizontal", "orderedList", "unorderedList", "|", "center", "left", "right"], enditem: ["fullscreen", "about"],的
使用
"|"来分割工具栏组；
startitem
是前部分的工具栏，
enditem
是后部分的工具栏；
为什么要分前后？为了自定义工具栏方便调整位置，同时配合HLuse程序的钩子系统实现使用应用创建工具栏
自定义工具栏：
<div class="btn-group btn-group-sm me-1 my-1">
<span class="btn btn-outline-dark" style="display: inline-block;" ><i class="bi bi-link-45deg"></i></span>
*******
</div>
每个栏目绑定自定义的JS事件
无工具栏模式：
工具栏与自定义工具栏也是非必须的，你可以在其它地方定义你的工具，这时无需工具栏：
startitem: [],
enditem: [],
扫描二维码，手机查看
声明：部分数据/图片来源互联网，不代表Hluse Doc.,真实性请妥善甄别。