Editor.js 的解析器块工具
这个 编辑.js 块工具扩展 @ editorjs/ 限定符 包含更多样式 - dash 财务报告和审定财务报表 line。对于行样式,在块设置菜单下还可以提供更多选项(见 预览) (中文(简体) ).
预览
块工具
块设置
安装
使用 npm
npm install @coolbytes/editorjs-delimiter
使用 yarn
yarn add @coolbytes/editorjs-delimiter
使用量
包含在 tools editor.js 配置属性 :
const editor = new EditorJS({
tools: {
delimiter: Delimiter
}
});
配置参数
| 外地 | 类型 | 可选 | 默认 | 说明 |
|---|---|---|---|---|
| 样式选项 | string[] | Yes | ['star','dash','行'] | 所有支持的分隔符样式 |
| 默认样式 | string | Yes | "星" (星号) | 首选分隔符样式 |
| 线条窗口选项 | number[] | Yes | [8、15、25、35、50、60、100] | 所有支持的行宽选项 (%) 。 仅适用于 “行” 样式 |
| 默认线网宽 | number | Yes | 第25条 | 首选行宽. 仅适用于 “行” 样式 |
| 线程选择 | number[] | Yes | [1、2、3、4、5、6] | 所有支持的行厚选项 。 仅适用于 “行” 样式 |
| 默认线性 | number | Yes | 2个 | 偏好线厚. 仅适用于 “行” 样式 |
const editor = EditorJS({
tools: {
delimiter: {
class: Delimiter,
config: {
styleOptions: ['star', 'dash', 'line'],
defaultStyle: 'star',
lineWidthOptions: [8, 15, 25, 35, 50, 60, 100],
defaultLineWidth: 25,
lineThicknessOptions: [1, 2, 3, 4, 5, 6],
defaultLineThickness: 2,
}
}
}
});
产出数据
| 外地 | 类型 | 可用性 | 说明 |
|---|---|---|---|
| 样式 | string | 所有样式 | 分隔符样式 |
| 行风 | number | line | 线条样式的宽度分隔符 |
| 线性 | number | line | 线条样式分隔符的厚度 |
示例
{
"time": 1715969561758,
"blocks": [
{
"id": "_K5QcJHHuK",
"type": "delimiter",
"data": {
"style": "line",
"lineWidth": 25,
"lineThickness": 2
}
}
],
"version": "2.29.1"
}