@kaitify/core 0.0.1-beta.1 → 0.0.1-beta.3

package/examples/content.js

@@ -1 +0,0 @@
-export const content = `<h5><span>关于菜单栏</span></h5><p><br></p><div data-editify-list="ul" data-editify-element="5"><span>菜单栏是位于编辑器顶部的区域，是功能按钮集中排列的一个栏目，使用菜单栏可以更加方便的操作编辑器内容</span></div><div data-editify-list="ul" data-editify-element="7"><span>菜单栏配置参数menu对象配置采用平替的方法，即只会对你配置的属性进行使用，未配置属性使用默认属性</span></div><p><br></p><p><br></p><h5><span>具体配置</span></h5><p><br></p><table data-editify-element="17" style="white-space: pre-wrap; word-break: break-word;"><colgroup><col width="17.32%"><col width="11.2%"><col width="42.23%"><col width="16.73%"><col width="auto"></colgroup><tbody><tr><td><span>参数</span></td><td><span>类型</span></td><td><span>说明</span></td><td><span>可取值</span></td><td><span>默认值</span></td></tr><tr><td><span>use</span></td><td><span>boolean</span></td><td><span>是否使用菜单栏</span></td><td><span>true/false</span></td><td><span>true</span></td></tr><tr><td><span>tooltip</span></td><td><span>boolean</span></td><td><span>是否使用工具提示</span></td><td><span>true/false</span></td><td><span>true</span></td></tr><tr><td><span>mode</span></td><td><span>string</span></td><td><span>菜单栏显示模式</span></td><td><span>"default"/"inner"/"fixed"</span></td><td><span>"default"</span></td></tr><tr><td><span>style</span></td><td><span>object</span></td><td><span>给菜单栏设置额外的样式</span></td><td><span>-</span></td><td><span>-</span></td></tr><tr><td><span>sequence</span></td><td><span>object</span></td><td><span>菜单排序对象，每个属性是菜单按钮的name，属性值是数值，表示该菜单按钮的序列，菜单栏中的菜单按钮会按照该顺序进行排列</span></td><td><span>-</span></td><td><span>-</span></td></tr><tr><td><span>undo</span></td><td><span>object</span></td><td><span>撤销按钮配置</span></td><td><span>-</span></td><td><span>-</span></td></tr><tr><td><span>redo</span></td><td><span>object</span></td><td><span>重做按钮配置</span></td><td><span>-</span></td><td><span>-</span></td></tr><tr><td><span>heading</span></td><td><span>object</span></td><td><span>标题按钮配置</span></td><td><span>-</span></td><td><span>-</span></td></tr><tr><td><span>indent</span></td><td><span>object</span></td><td><span>缩进按钮配置</span></td><td><span>-</span></td><td><span>-</span></td></tr><tr><td><span>quote</span></td><td><span>object</span></td><td><span>引用按钮配置</span></td><td><span>-</span></td><td><span>-</span></td></tr><tr><td><span>separator</span></td><td><span>object</span></td><td><span>分隔线按钮配置</span></td><td><span>-</span></td><td><span>-</span></td></tr><tr><td><span>align</span></td><td><span>object</span></td><td><span>对齐方式按钮配置</span></td><td><span>-</span></td><td><span>-</span></td></tr><tr><td><span>orderList</span></td><td><span>object</span></td><td><span>有序列表按钮配置</span></td><td><span>-</span></td><td><span>-</span></td></tr><tr><td><span>unorderList</span></td><td><span>object</span></td><td><span>无序列表按钮配置</span></td><td><span>-</span></td><td><span>-</span></td></tr><tr><td><span>task</span></td><td><span>object</span></td><td><span>任务列表按钮配置</span></td><td><span>-</span></td><td><span>-</span></td></tr><tr><td><span>bold</span></td><td><span>object</span></td><td><span>加粗按钮配置</span></td><td><span>-</span></td><td><span>-</span></td></tr><tr><td><span>underline</span></td><td><span>object</span></td><td><span>下划线按钮配置</span></td><td><span>-</span></td><td><span>-</span></td></tr><tr><td><span>italic</span></td><td><span>object</span></td><td><span>斜体按钮配置</span></td><td><span>-</span></td><td><span>-</span></td></tr><tr><td><span>strikethrough</span></td><td><span>object</span></td><td><span>删除线按钮配置</span></td><td><span>-</span></td><td><span>-</span></td></tr><tr><td><span>code</span></td><td><span>object</span></td><td><span>行内代码按钮配置</span></td><td><span>-</span></td><td><span>-</span></td></tr><tr><td><span>super</span></td><td><span>object</span></td><td><span>上标按钮配置</span></td><td><span>-</span></td><td><span>-</span></td></tr><tr><td><span>sub</span></td><td><span>object</span></td><td><span>下标按钮配置</span></td><td><span>-</span></td><td><span>-</span></td></tr><tr><td><span>formatClear</span></td><td><span>object</span></td><td><span>清除格式按钮配置</span></td><td><span>-</span></td><td><span>-</span></td></tr><tr><td><span>fontSize</span></td><td><span>object</span></td><td><span>字号按钮配置</span></td><td><span>-</span></td><td><span>-</span></td></tr><tr><td><span>fontFamily</span></td><td><span>object</span></td><td><span>字体按钮配置</span></td><td><span>-</span></td><td><span>-</span></td></tr><tr><td><span>lineHeight</span></td><td><span>object</span></td><td><span>行高按钮配置</span></td><td><span>-</span></td><td><span>-</span></td></tr><tr><td><span>foreColor</span></td><td><span>object</span></td><td><span>前景色按钮配置</span></td><td><span>-</span></td><td><span>-</span></td></tr><tr><td><span>backColor</span></td><td><span>object</span></td><td><span>背景色按钮配置</span></td><td><span>-</span></td><td><span>-</span></td></tr><tr><td><span>link</span></td><td><span>object</span></td><td><span>插入链接按钮配置</span></td><td><span>-</span></td><td><span>-</span></td></tr><tr><td><span>image</span></td><td><span>object</span></td><td><span>插入图片按钮配置</span></td><td><span>-</span></td><td><span>-</span></td></tr><tr><td><span>video</span></td><td><span>object</span></td><td><span>插入视频按钮配置</span></td><td><span>-</span></td><td><span>-</span></td></tr><tr><td><span>table</span></td><td><span>object</span></td><td><span>插入表格按钮配置</span></td><td><span>-</span></td><td><span>-</span></td></tr><tr><td><span>codeBlock</span></td><td><span>object</span></td><td><span>插入代码块按钮配置</span></td><td><span>-</span></td><td><span>-</span></td></tr><tr><td><span>sourceView</span></td><td><span>object</span></td><td><span>代码视图按钮配置</span></td><td><span>-</span></td><td><span>-</span></td></tr><tr><td><span>fullScreen</span></td><td><span>object</span></td><td><span>全屏按钮配置</span></td><td><span>-</span></td><td><span>-</span></td></tr><tr><td><span>attachment</span></td><td><span>object</span></td><td><span>附件按钮配置</span></td><td><span>-</span></td><td><span>-</span></td></tr><tr><td><span>mathformula</span></td><td><span>object</span></td><td><span>插入数学公式按钮配置 </span></td><td><span>-</span></td><td><span>-</span></td></tr><tr><td><span>panel</span></td><td><span>object</span></td><td><span>插入面板按钮配置</span></td><td><span>-</span></td><td><span>-</span></td></tr><tr><td><span>infoBlock</span></td><td><span>object</span></td><td><span>插入信息块按钮配置</span></td><td><span>-</span></td><td><span>-</span></td></tr><tr><td><span>extends</span></td><td><span>object</span></td><td><span>拓展菜单配置</span></td><td><span>-</span></td><td><span>-</span></td></tr></tbody></table><p><br></p><p><br></p><h5><span>sequence菜单排序配置</span></h5><p><br></p><p><span>默认配置如下</span></p><div data-editify-list="ul" data-editify-element="620"><span>菜单栏中的按钮会按照如上的序列值从小到大排列，如果你需要改变菜单按钮的顺序，只需要修改对应按钮的序列值就可以了</span></div><div data-editify-list="ul" data-editify-element="622"><span style="font-weight: bold;">拓展的自定义菜单按钮必须在sequence中配置序列值，否则无法显示在菜单栏中</span></div><p><br></p><p><br></p><h5><span>undo、redo按钮配置</span></h5><p><br></p><table data-editify-element="632"><colgroup><col width="auto"><col width="auto"><col width="auto"><col width="auto"><col width="auto"></colgroup><tbody><tr><td><span>参数</span></td><td><span>类型</span></td><td><span>说明</span></td><td><span>可取值</span></td><td><span>默认值</span></td></tr><tr><td><span>show</span></td><td><span>boolean</span></td><td><span>是否显示按钮</span></td><td><span>true/false</span></td><td><span>true</span></td></tr><tr><td><span>leftBorder</span></td><td><span>boolean</span></td><td><span>按钮是否显示左侧边框</span></td><td><span>true/false</span></td><td><span>false</span></td></tr><tr><td><span>rightBorder</span></td><td><span>boolean</span></td><td><span>按钮是否显示右侧边框</span></td><td><span>true/false</span></td><td><span>false</span></td></tr><tr><td><span>disabled</span></td><td><span>boolean</span></td><td><span>按钮是否禁用</span></td><td><span>true/false</span></td><td><span>false</span></td></tr></tbody></table><p><br></p><p><br></p><h5><span>quote、separator、orderList、unorderList、task、underline、italic、strikethrough、code、super、sub、formatClear、codeBlock按钮配置</span></h5><p><br></p><table data-editify-element="703" style="white-space: pre-wrap; word-break: break-word;"><colgroup><col width="auto"><col width="auto"><col width="auto"><col width="auto"><col width="auto"></colgroup><tbody><tr><td><span>参数</span></td><td><span>类型</span></td><td><span>说明</span></td><td><span>可取值</span></td><td><span>默认值</span></td></tr><tr><td><span>show</span></td><td><span>boolean</span></td><td><span>是否显示按钮</span></td><td><span>true/false</span></td><td><span>true</span></td></tr><tr><td><span>leftBorder</span></td><td><span>boolean</span></td><td><span>按钮是否显示左侧边框</span></td><td><span>true/false</span></td><td><span>false</span></td></tr><tr><td><span>rightBorder</span></td><td><span>boolean</span></td><td><span>按钮是否显示右侧边框</span></td><td><span>true/false</span></td><td><span>false</span></td></tr><tr><td><span>disabled</span></td><td><span>boolean</span></td><td><span>按钮是否禁用</span></td><td><span>true/false</span></td><td><span>false</span></td></tr><tr><td><span>shortcut</span></td><td><span>object</span></td><td><span>快捷键配置</span></td><td><span>-</span></td><td><span>-</span></td></tr></tbody></table><p><br></p><p><br></p><h5><span>bold、link按钮配置</span></h5><p><br></p><table data-editify-element="785" style="white-space: pre-wrap; word-break: break-word;"><colgroup><col width="auto"><col width="auto"><col width="auto"><col width="auto"><col width="auto"></colgroup><tbody><tr><td><span>参数</span></td><td><span>类型</span></td><td><span>说明</span></td><td><span>可取值</span></td><td><span>默认值</span></td></tr><tr><td><span>show</span></td><td><span>boolean</span></td><td><span>是否显示按钮</span></td><td><span>true/false</span></td><td><span>true</span></td></tr><tr><td><span>leftBorder</span></td><td><span>boolean</span></td><td><span>按钮是否显示左侧边框</span></td><td><span>true/false</span></td><td><span>true</span></td></tr><tr><td><span>rightBorder</span></td><td><span>boolean</span></td><td><span>按钮是否显示右侧边框</span></td><td><span>true/false</span></td><td><span>false</span></td></tr><tr><td><span>disabled</span></td><td><span>boolean</span></td><td><span>按钮是否禁用</span></td><td><span>true/false</span></td><td><span>false</span></td></tr><tr><td><span>shortcut</span></td><td><span>object</span></td><td><span>快捷键配置</span></td><td><span>-</span></td><td><span>-</span></td></tr></tbody></table><p><br></p><p><br></p><h5><span>sourceView、fullScreen、infoBlock按钮配置</span></h5><p><br></p><table data-editify-element="867" style="white-space: pre-wrap; word-break: break-word;"><colgroup><col width="auto"><col width="auto"><col width="auto"><col width="auto"><col width="auto"></colgroup><tbody><tr><td><span>参数</span></td><td><span>类型</span></td><td><span>说明</span></td><td><span>可取值</span></td><td><span>默认值</span></td></tr><tr><td><span>show</span></td><td><span>boolean</span></td><td><span>是否显示按钮</span></td><td><span>true/false</span></td><td><span>false</span></td></tr><tr><td><span>leftBorder</span></td><td><span>boolean</span></td><td><span>按钮是否显示左侧边框</span></td><td><span>true/false</span></td><td><span>false</span></td></tr><tr><td><span>rightBorder</span></td><td><span>boolean</span></td><td><span>按钮是否显示右侧边框</span></td><td><span>true/false</span></td><td><span>false</span></td></tr><tr><td><span>disabled</span></td><td><span>boolean</span></td><td><span>按钮是否禁用</span></td><td><span>true/false</span></td><td><span>false</span></td></tr><tr><td><span>shortcut</span></td><td><span>object</span></td><td><span>快捷键配置</span></td><td><span>-</span></td><td><span>-</span></td></tr></tbody></table><p><br></p><p><br></p><h5><span>heading按钮配置</span></h5><table data-editify-element="947" style="white-space: pre-wrap; word-break: break-word;"><colgroup><col width="13.12%"><col width="14.95%"><col width="53.93%"><col width="auto"><col width="auto"></colgroup><tbody><tr><td><span>参数</span></td><td><span>类型</span></td><td><span>说明</span></td><td><span>可取值</span></td><td><span>默认值</span></td></tr><tr><td><span>show</span></td><td><span>boolean</span></td><td><span>是否显示按钮</span></td><td><span>true/false</span></td><td><span>true</span></td></tr><tr><td><span>options</span></td><td><span>array</span></td><td><span>标题选项列表配置，数组中每个元素是一个对象，包含label、value、style三个属性，label表示显示的名称，value表示具体的标签值，style表示选项自定义样式的对象</span></td><td><span>-</span></td><td><span>-</span></td></tr><tr><td><span>defaultValue</span></td><td><span>string&nbsp;|&nbsp;number</span></td><td><span>如果选项列表的值都不符合的情况下默认显示的值</span></td><td><span>-</span></td><td><span>"p"</span></td></tr><tr><td><span>width</span></td><td><span>number</span></td><td><span>按钮浮层宽度，单位px</span></td><td><br></td><td><span>130</span></td></tr><tr><td><span>maxHeight</span></td><td><span>number</span></td><td><span>按钮浮层最大高度，单位px，如果设为空字符串，则表示不设置</span></td><td><span>-</span></td><td><span>-</span></td></tr><tr><td><span>leftBorder</span></td><td><span>boolean</span></td><td><span>按钮左侧边框是否显示</span></td><td><span>true/false</span></td><td><span>true</span></td></tr><tr><td><span>rightBorder</span></td><td><span>boolean</span></td><td><span>按钮右侧边框是否显示</span></td><td><span>true/false</span></td><td><span>false</span></td></tr><tr><td><span>disabled</span></td><td><span>boolean</span></td><td><span>按钮是否禁用</span></td><td><span>true/false</span></td><td><span>false</span></td></tr><tr><td><span>shortcut</span></td><td><span>object</span></td><td><span>快捷键配置</span></td><td><span>-</span></td><td><span>-</span></td></tr></tbody></table><p><br></p><blockquote><span>关于按钮的options数组，每一项都包含label、value、icon和style四个属性，但是icon和style属性并非是必要的。如果options的某一项是一个字符串或者数值，表示label和value一样，都是这个字符串或者数值，此时icon和style未设置。</span></blockquote><blockquote><span>icon属性用于定义选项左侧的图标，具体值由组件内部定义，对于拥有icon属性的选项，你可以设置icon为null来不显示图标</span></blockquote><blockquote><span>style属性用于定义该选项的样式，一般用以设置字体大小和粗细等来达到使得该选项与众不同的目的</span></blockquote><p><br></p><p><br></p><h5><span>indent按钮配置</span></h5><p><br></p><table data-editify-element="1200" style="white-space: pre-wrap; word-break: break-word;"><colgroup><col width="10.97%"><col width="9.14%"><col width="63.23%"><col width="auto"><col width="auto"></colgroup><tbody><tr><td><span>参数</span></td><td><span>类型</span></td><td><span>说明</span></td><td><span>可取值</span></td><td><span>默认值</span></td></tr><tr><td><span>show</span></td><td><span>boolean</span></td><td><span>是否显示按钮</span></td><td><span>true/false</span></td><td><span>true</span></td></tr><tr><td><span>options</span></td><td><span>array</span></td><td><span>缩进选项列表配置，数组中每个元素是一个对象，包含label、value、icon三个属性，label表示显示的名称，value表示具体的值，icon表示选项显示的图标</span></td><td><span>-</span></td><td><span>-</span></td></tr><tr><td><span>width</span></td><td><span>number</span></td><td><span>按钮浮层宽度，单位px</span></td><td><span>-</span></td><td><span>110</span></td></tr><tr><td><span>maxHeight</span></td><td><span>number</span></td><td><span>按钮浮层最大高度，单位px，如果设为空字符串，则表示不设置</span></td><td><span>-</span></td><td><span>-</span></td></tr><tr><td><span>leftBorder</span></td><td><span>boolean</span></td><td><span>按钮左侧边框是否显示</span></td><td><span>true/false</span></td><td><span>false</span></td></tr><tr><td><span>rightBorder</span></td><td><span>boolean</span></td><td><span>按钮右侧边框是否显示</span></td><td><span>true/false</span></td><td><span>false</span></td></tr><tr><td><span>disabled</span></td><td><span>boolean</span></td><td><span>按钮是否禁用</span></td><td><span>true/false</span></td><td><span>false</span></td></tr><tr><td><span>shortcut</span></td><td><span>object</span></td><td><span>快捷键配置</span></td><td><span>-</span></td><td><span>-</span></td></tr></tbody></table><p><br></p><p><br></p><h5><span>align按钮配置</span></h5><p><br></p><table data-editify-element="1342" style="white-space: pre-wrap; word-break: break-word;"><colgroup><col width="12.15%"><col width="9.03%"><col width="61.29%"><col width="auto"><col width="auto"></colgroup><tbody><tr><td><span>参数</span></td><td><span>类型</span></td><td><span>说明</span></td><td><span>可取值</span></td><td><span>默认值</span></td></tr><tr><td><span>show</span></td><td><span>boolean</span></td><td><span>按钮是否显示</span></td><td><span>true/false</span></td><td><span>true</span></td></tr><tr><td><span>options</span></td><td><span>array</span></td><td><span>对齐方式选项列表配置，数组中每个元素是一个对象，包含label、value、icon三个属性，label表示显示的名称，value表示具体的样式值，icon表示选项显示在选项中的对齐方式图标</span></td><td><span>-</span></td><td><span>-</span></td></tr><tr><td><span>width</span></td><td><span>number</span></td><td><span>按钮浮层宽度，单位px</span></td><td><span>-</span></td><td><span>110</span></td></tr><tr><td><span>maxHeight</span></td><td><span>number</span></td><td><span>按钮浮层最大高度，单位px，如果设为空字符串，则表示不设置</span></td><td><span>-</span></td><td><span>-</span></td></tr><tr><td><span>leftBorder</span></td><td><span>boolean</span></td><td><span>按钮是否显示左侧边框</span></td><td><span>true/false</span></td><td><span>true</span></td></tr><tr><td><span>rightBorder</span></td><td><span>boolean</span></td><td><span>按钮是否显示右侧边框</span></td><td><span>true/false</span></td><td><span>false</span></td></tr><tr><td><span>disabled</span></td><td><span>boolean</span></td><td><span>按钮是否禁用</span></td><td><span>true/false</span></td><td><span>false</span></td></tr><tr><td><span>shortcut</span></td><td><span>object</span></td><td><span>快捷键配置</span></td><td><span>-</span></td><td><span>-</span></td></tr></tbody></table><p><br></p><p><br></p><p><br></p><h5><span>fontSize按钮配置</span></h5><p><br></p><table data-editify-element="1508" style="white-space: pre-wrap; word-break: break-word;"><colgroup><col width="11.4%"><col width="12.9%"><col width="56.77%"><col width="auto"><col width="auto"></colgroup><tbody><tr><td><span>参数</span></td><td><span>类型</span></td><td><span>说明</span></td><td><span>可取值</span></td><td><span>默认值</span></td></tr><tr><td><span>show</span></td><td><span>boolean</span></td><td><span>按钮是否显示</span></td><td><span>true/false</span></td><td><span>true</span></td></tr><tr><td><span>options</span></td><td><span>array</span></td><td><span>按钮字号列表配置，数组中每个元素是一个对象，包含label、value两个属性，label表示显示的名称，value表示具体的字号值</span></td><td><span>-</span></td><td><span>-</span></td></tr><tr><td><span>defaultValue</span></td><td><span>string&nbsp;|&nbsp;number</span></td><td><span>如果选项列表的值都不符合的情况下默认显示的值</span></td><td><span>-</span></td><td><span>''</span></td></tr><tr><td><span>width</span></td><td><span>number</span></td><td><span>按钮浮层宽度，单位px</span></td><td><span>-</span></td><td><span>100</span></td></tr><tr><td><span>maxHeight</span></td><td><span>number</span></td><td><span>按钮浮层最大高度，单位px，如果设置为空字符串，则表示不限制最大高度</span></td><td><span>-</span></td><td><span>200</span></td></tr><tr><td><span>leftBorder</span></td><td><span>boolean</span></td><td><span>按钮左侧边框是否显示</span></td><td><span>true/false</span></td><td><span>true</span></td></tr><tr><td><span>rightBorder</span></td><td><span>boolean</span></td><td><span>按钮右侧边框是否显示</span></td><td><span>true/false</span></td><td><span>false</span></td></tr><tr><td><span>disabled</span></td><td><span>boolean</span></td><td><span>按钮是否禁用</span></td><td><span>true/false</span></td><td><span>false</span></td></tr><tr><td><span>shortcut</span></td><td><span>object</span></td><td><span>快捷键配置</span></td><td><span>-</span></td><td><span>-</span></td></tr></tbody></table><p><br></p><p><br></p><p><br></p><h5><span>fontFamily按钮配置</span></h5><p><br></p><table data-editify-element="1725" style="white-space: pre-wrap; word-break: break-word;"><colgroup><col width="10.97%"><col width="13.33%"><col width="59.57%"><col width="auto"><col width="auto"></colgroup><tbody><tr><td><span>参数</span></td><td><span>类型</span></td><td><span>说明</span></td><td><span>可取值</span></td><td><span>默认值</span></td></tr><tr><td><span>show</span></td><td><span>boolean</span></td><td><span>是否显示按钮</span></td><td><span>true/false</span></td><td><span>true</span></td></tr><tr><td><span>options</span></td><td><span>array</span></td><td><span>按钮字号列表配置，数组中每个元素是一个对象，包含label、value两个属性，label表示显示的名称，value表示具体的字体值</span></td><td><span>-</span></td><td><span>-</span></td></tr><tr><td><span>defaultValue</span></td><td><span>string&nbsp;|&nbsp;number</span></td><td><span>如果选项列表的值都不符合的情况下默认显示的值</span></td><td><span>-</span></td><td><span>''</span></td></tr><tr><td><span>width</span></td><td><span>number</span></td><td><span>按钮浮层宽度</span></td><td><span>-</span></td><td><span>100</span></td></tr><tr><td><span>maxHeight</span></td><td><span>number</span></td><td><span>按钮浮层最大高度，单位px，如果设置为空字符串，则表示不限制最大高度</span></td><td><span>-</span></td><td><span>200</span></td></tr><tr><td><span>leftBorder</span></td><td><span>boolean</span></td><td><span>按钮左侧边框是否显示</span></td><td><span>true/false</span></td><td><span>false</span></td></tr><tr><td><span>rightBorder</span></td><td><span>boolean</span></td><td><span>按钮右侧边框是否显示</span></td><td><span>true/false</span></td><td><span>false</span></td></tr><tr><td><span>disabled</span></td><td><span>boolean</span></td><td><span>按钮是否禁用</span></td><td><span>true/false</span></td><td><span>false</span></td></tr><tr><td><span>shortcut</span></td><td><span>object</span></td><td><span>快捷键配置</span></td><td><span>-</span></td><td><span>-</span></td></tr></tbody></table><p><br></p><p><br></p><p><br></p><h5><span>lineHeight按钮配置</span></h5><p><br></p><table data-editify-element="1918" style="white-space: pre-wrap; word-break: break-word;"><colgroup><col width="11.51%"><col width="13.98%"><col width="57.1%"><col width="auto"><col width="auto"></colgroup><tbody><tr><td><span>参数</span></td><td><span>类型</span></td><td><span>说明</span></td><td><span>可取值</span></td><td><span>默认值</span></td></tr><tr><td><span>show</span></td><td><span>boolean</span></td><td><span>是否显示按钮</span></td><td><span>true/false</span></td><td><span>true</span></td></tr><tr><td><span>options</span></td><td><span>array</span></td><td><span>按钮列表配置，数组中每个元素是一个对象，包含label、value两个属性，label表示显示的名称，value表示具体的行高值</span></td><td><span>-</span></td><td><span>-</span></td></tr><tr><td><span>defaultValue</span></td><td><span>string&nbsp;|&nbsp;number</span></td><td><span>如果选项列表的值都不符合的情况下默认显示的值</span></td><td><span>-</span></td><td><span>-</span></td></tr><tr><td><span>width</span></td><td><span>number</span></td><td><span>按钮浮层宽度，单位px</span></td><td><span>-</span></td><td><span>90</span></td></tr><tr><td><span>maxHeight</span></td><td><span>number</span></td><td><span>按钮浮层最大高度，单位px，如果设置为空字符串，则表示不限制最大高度</span></td><td><span>-</span></td><td><span>''</span></td></tr><tr><td><span>leftBorder</span></td><td><span>boolean</span></td><td><span>按钮左侧边框是否显示</span></td><td><span>true/false</span></td><td><span>false</span></td></tr><tr><td><span>rightBorder</span></td><td><span>boolean</span></td><td><span>按钮右侧边框是否显示</span></td><td><span>true/false</span></td><td><span>false</span></td></tr><tr><td><span>disabled</span></td><td><span>boolean</span></td><td><span>按钮是否禁用</span></td><td><span>true/false</span></td><td><span>false</span></td></tr><tr><td><span>shortcut</span></td><td><span>object</span></td><td><span>快捷键配置</span></td><td><span>-</span></td><td><span>-</span></td></tr></tbody></table><p><br></p><p><br></p><p><br></p><h5><span>foreColor按钮配置</span></h5><p><br></p><table data-editify-element="2067" style="white-space: pre-wrap; word-break: break-word;"><colgroup><col width="11.18%"><col width="10.11%"><col width="61.72%"><col width="auto"><col width="auto"></colgroup><tbody><tr><td><span>参数</span></td><td><span>类型</span></td><td><span>说明</span></td><td><span>可取值</span></td><td><span>默认值</span></td></tr><tr><td><span>show</span></td><td><span>boolean</span></td><td><span>是否显示按钮</span></td><td><span>true/false</span></td><td><span>true</span></td></tr><tr><td><span>options</span></td><td><span>array</span></td><td><span>按钮列表配置，数组中每个元素是一个对象，包含label、value两个属性，label表示显示的工具提示内容，value表示具体的颜色值</span></td><td><span>-</span></td><td><span>-</span></td></tr><tr><td><span>leftBorder</span></td><td><span>boolean</span></td><td><span>按钮左侧边框是否显示</span></td><td><span>true/false</span></td><td><span>true</span></td></tr><tr><td><span>rightBorder</span></td><td><span>boolean</span></td><td><span>按钮右侧边框是否显示</span></td><td><span>true/false</span></td><td><span>false</span></td></tr><tr><td><span>disabled</span></td><td><span>boolean</span></td><td><span>按钮是否禁用</span></td><td><span>true/false</span></td><td><span>false</span></td></tr><tr><td><span>shortcut</span></td><td><span>object</span></td><td><span>快捷键配置</span></td><td><span>-</span></td><td><span>-</span></td></tr></tbody></table><p><br></p><p><br></p><p><br></p><h5><span>backColor按钮配置</span></h5><p><br></p><table data-editify-element="2293" style="white-space: pre-wrap; word-break: break-word;"><colgroup><col width="10.43%"><col width="8.39%"><col width="64.62%"><col width="9.14%"><col width="auto"></colgroup><tbody><tr><td><span>参数</span></td><td><span>类型</span></td><td><span>说明</span></td><td><span>可取值</span></td><td><span>默认值</span></td></tr><tr><td><span>show</span></td><td><span>boolean</span></td><td><span>是否显示按钮</span></td><td><span>true/false</span></td><td><span>true</span></td></tr><tr><td><span>options</span></td><td><span>array</span></td><td><span>按钮列表配置，数组中每个元素是一个对象，包含label、value两个属性，label表示显示的工具提示内容，value表示具体的颜色值</span></td><td><span>-</span></td><td><span>-</span></td></tr><tr><td><span>leftBorder</span></td><td><span>boolean</span></td><td><span>按钮左侧边框是否显示</span></td><td><span>true/false</span></td><td><span>false</span></td></tr><tr><td><span>rightBorder</span></td><td><span>boolean</span></td><td><span>按钮右侧边框是否显示</span></td><td><span>true/false</span></td><td><span>false</span></td></tr><tr><td><span>disabled</span></td><td><span>boolean</span></td><td><span>按钮是否禁用</span></td><td><span>true/false</span></td><td><span>false</span></td></tr><tr><td><span>shortcut</span></td><td><span>object</span></td><td><span>快捷键配置</span></td><td><span>-</span></td><td><span>-</span></td></tr></tbody></table><p><br></p><p><br></p><p><br></p><h5><span>image按钮配置</span></h5><p><br></p><table data-editify-element="2519" style="white-space: pre-wrap; word-break: break-word;"><colgroup><col width="13.01%"><col width="8.92%"><col width="35.37%"><col width="11.27%"><col width="auto"></colgroup><tbody><tr><td><span>参数</span></td><td><span>类型</span></td><td><span>说明</span></td><td><span>可取值</span></td><td><span>默认值</span></td></tr><tr><td><span>show</span></td><td><span>boolean</span></td><td><span>是否显示按钮</span></td><td><span>true/false</span></td><td><span>true</span></td></tr><tr><td><span>leftBorder</span></td><td><span>boolean</span></td><td><span>按钮是否显示左侧边框</span></td><td><span>true/false</span></td><td><span>false</span></td></tr><tr><td><span>rightBorder</span></td><td><span>boolean</span></td><td><span>按钮是否显示右侧边框</span></td><td><span>true/false</span></td><td><span>false</span></td></tr><tr><td><span>disabled</span></td><td><span>boolean</span></td><td><span>按钮是否禁用</span></td><td><span>true/false</span></td><td><span>false</span></td></tr><tr><td><span>allowedFileType</span></td><td><span>array</span></td><td><span>支持上传的图片类型，不区分大小写。如果为空数组则表示不进行限制</span></td><td><span>-</span></td><td><span>['jpg',&nbsp;'png',&nbsp;'jpeg',&nbsp;'webp',&nbsp;'jfif',&nbsp;'ico',&nbsp;'gif',&nbsp;'svg',&nbsp;'psd']</span></td></tr><tr><td><span>multiple</span></td><td><span>boolean</span></td><td><span>是否可以多选图片</span></td><td><span>true/false</span></td><td><span>false</span></td></tr><tr><td><span>maxSize</span></td><td><span>number</span></td><td><span>单张图片的最大值，单位kb</span></td><td><span>-</span></td><td><span>-</span></td></tr><tr><td><span>minSize</span></td><td><span>number</span></td><td><span>单张图片的最小值，单位kb</span></td><td><span>-</span></td><td><span>-</span></td></tr><tr><td><span>customUpload</span></td><td><span>function</span></td><td><span>默认上传图片后会以base64字符串形式插入编辑器，可以使用该方法自定义上传图片，回调参数为图片数组，该方法必须返回一个字符串数组，数组中的每个值表示上传后的图片链接。该方法支持异步，你可以返回一个Promise对象，但是resolve方法的回调值必须是该字符串数组</span></td><td><span>-</span></td><td><span>-</span></td></tr><tr><td><span>handleError</span></td><td><span>function</span></td><td><span>图片上传出现异常的自定义处理，回调参数依次为错误信息和file文件</span></td><td><span>-</span></td><td><span>-</span></td></tr><tr><td><span>shortcut</span></td><td><span>object</span></td><td><span>快捷键配置</span></td><td><span>-</span></td><td><span>-</span></td></tr></tbody></table><blockquote><span>handleError的错误信息文字为如果是"suffixError"，表示上传图片的类型不符合；如果是"maxSizeError"，表示该图片的最大值超出限制；如果是"minSizeError"，表示该图片的最小值没有达到最小值要求</span></blockquote><p><br></p><h5><span>video按钮配置</span></h5><p><br></p><table data-editify-element="2667" style="white-space: pre-wrap; word-break: break-word;"><colgroup><col width="12.69%"><col width="8.39%"><col width="43.12%"><col width="10.32%"><col width="auto"></colgroup><tbody><tr><td><span>参数</span></td><td><span>类型</span></td><td><span>说明</span></td><td><span>可取值</span></td><td><span>默认值</span></td></tr><tr><td><span>show</span></td><td><span>boolean</span></td><td><span>是否显示按钮</span></td><td><span>true/false</span></td><td><span>true</span></td></tr><tr><td><span>leftBorder</span></td><td><span>boolean</span></td><td><span>按钮是否显示左侧边框</span></td><td><span>true/false</span></td><td><span>false</span></td></tr><tr><td><span>rightBorder</span></td><td><span>boolean</span></td><td><span>按钮是否显示右侧边框</span></td><td><span>true/false</span></td><td><span>false</span></td></tr><tr><td><span>disabled</span></td><td><span>boolean</span></td><td><span>按钮是否禁用</span></td><td><span>true/false</span></td><td><span>false</span></td></tr><tr><td><span>allowedFileType</span></td><td><span>array</span></td><td><span>支持上传的视频类型，不区分大小写。如果为空数组则表示不进行限制</span></td><td><span>-</span></td><td><span>['mp4',&nbsp;'avi',&nbsp;'mpg',&nbsp;'wmv',&nbsp;'mov',&nbsp;'rm',&nbsp;'swf',&nbsp;'flv']</span></td></tr><tr><td><span>multiple</span></td><td><span>boolean</span></td><td><span>是否可以多选视频</span></td><td><span>true/false</span></td><td><span>false</span></td></tr><tr><td><span>maxSize</span></td><td><span>number</span></td><td><span>单个视频的最大值，单位kb</span></td><td><span>-</span></td><td><span>-</span></td></tr><tr><td><span>minSize</span></td><td><span>number</span></td><td><span>单个视频的最小值，单位kb</span></td><td><span>-</span></td><td><span>-</span></td></tr><tr><td><span>customUpload</span></td><td><span>function</span></td><td><span>默认上传视频后会以base64字符串形式插入编辑器，可以使用该方法自定义上传视频，回调参数为视频数组，该方法必须返回一个字符串数组，数组中的每个值表示上传后的视频链接。该方法支持异步，你可以返回一个Promise对象，但是resolve方法的回调值必须是该字符串数组</span></td><td><span>-</span></td><td><span>-</span></td></tr><tr><td><span>handleError</span></td><td><span>function</span></td><td><span>视频上传出现异常的自定义处理，回调参数依次为错误信息和file文件</span></td><td><span>-</span></td><td><span>-</span></td></tr><tr><td><span>shortcut</span></td><td><span>object</span></td><td><span>快捷键配置</span></td><td><span>-</span></td><td><span>-</span></td></tr></tbody></table><blockquote><span>handleError的错误信息文字为如果是"suffixError"，表示上传视频的类型不符合；如果是"maxSizeError"，表示该视频的最大值超出限制；如果是"minSizeError"，表示该视频的最小值没有达到最小值要求</span></blockquote><p><br></p><h5><span>table按钮配置</span></h5><p><br></p><table data-editify-element="2815" style="white-space: pre-wrap; word-break: break-word;"><colgroup><col width="auto"><col width="auto"><col width="33.16%"><col width="auto"><col width="auto"></colgroup><tbody><tr><td><span>参数</span></td><td><span>类型</span></td><td><span>说明</span></td><td><span>可取值</span></td><td><span>默认值</span></td></tr><tr><td><span>show</span></td><td><span>boolean</span></td><td><span>是否显示按钮</span></td><td><span>true/false</span></td><td><span>true</span></td></tr><tr><td><span>leftBorder</span></td><td><span>boolean</span></td><td><span>按钮是否显示左侧边框</span></td><td><span>true/false</span></td><td><span>false</span></td></tr><tr><td><span>rightBorder</span></td><td><span>boolean</span></td><td><span>按钮是否显示右侧边框</span></td><td><span>true/false</span></td><td><span>false</span></td></tr><tr><td><span>maxRows</span></td><td><span>number</span></td><td><span>创建时表格的最大行数</span></td><td><span>-</span></td><td><span>10</span></td></tr><tr><td><span>maxColumns</span></td><td><span>number</span></td><td><span>创建时表格的最大列数</span></td><td><span>-</span></td><td><span>10</span></td></tr><tr><td><span>disabled</span></td><td><span>boolean</span></td><td><span>按钮是否禁用</span></td><td><span>true/false</span></td><td><span>false</span></td></tr><tr><td><span>shortcut</span></td><td><span>object</span></td><td><span>快捷键配置</span></td><td><span>-</span></td><td><span>-</span></td></tr></tbody></table><p><br></p><p><br></p><h5><span>attachment按钮配置</span></h5><p><br></p><table data-editify-element="2919" style="white-space: pre-wrap; word-break: break-word;"><colgroup><col width="13.04%"><col width="9.43%"><col width="61.9%"><col width="auto"><col width="auto"></colgroup><tbody><tr><td><span>参数</span></td><td><span>类型</span></td><td><span>说明</span></td><td><span>可取值</span></td><td><span>默认值</span></td></tr><tr><td><span>show</span></td><td><span>boolean</span></td><td><span>是否显示按钮</span></td><td><span>true/false</span></td><td><span>false</span></td></tr><tr><td><span>disabled</span></td><td><span>boolean</span></td><td><span>是否禁用按钮</span></td><td><span>true/false</span></td><td><span>false</span></td></tr><tr><td><span>leftBorder</span></td><td><span>boolean</span></td><td><span>按钮是否显示左侧边框</span></td><td><span>true/false</span></td><td><span>false</span></td></tr><tr><td><span>rightBorder</span></td><td><span>boolean</span></td><td><span>按钮是否显示右侧边框</span></td><td><span>true/false</span></td><td><span>false</span></td></tr><tr><td><span>accept</span></td><td><span>string</span></td><td><span>可选择的附件类型，默认不限制类型，设定此参数后选择文件时会自动过滤非符合的文件类型</span></td><td><span>-</span></td><td><span>-</span></td></tr><tr><td><span>allowedFileType</span></td><td><span>array</span></td><td><span>支持上传的附件类型，不区分大小写。如果为空数组则表示不进行限制</span></td><td><span>-</span></td><td><span>-</span></td></tr><tr><td><span>multiple</span></td><td><span>boolean</span></td><td><span>是否可以多选</span></td><td><span>true/false</span></td><td><span>false</span></td></tr><tr><td><span>maxSize</span></td><td><span>number</span></td><td><span>单个附件的的最大值，单位kb</span></td><td><span>-</span></td><td><span>-</span></td></tr><tr><td><span>minSize</span></td><td><span>number</span></td><td><span>单个附件的最小值，单位kb</span></td><td><span>-</span></td><td><span>-</span></td></tr><tr><td><span>customUpload</span></td><td><span>function</span></td><td><span>默认上传附件后会以base64字符串形式插入编辑器，可以使用该方法自定义上传附件，回调参数为附件数组，该方法必须返回一个字符串数组，数组中的每个值表示上传后的附件链接。该方法支持异步，你可以返回一个Promise对象，但是resolve方法的回调值必须是该字符串数组</span></td><td><br></td><td><br></td></tr><tr><td><span>handleError</span></td><td><span>function</span></td><td><span>附件上传出现异常的自定义处理，回调参数依次为错误信息和file文件</span></td><td><span>-</span></td><td><span>-</span></td></tr><tr><td><span>shortcut</span></td><td><span>object</span></td><td><span>快捷键配置</span></td><td><span>-</span></td><td><span>-</span></td></tr></tbody></table><blockquote><span>handleError的错误信息文字为如果是"suffixError"，表示上传附件的类型不符合；如果是"maxSizeError"，表示该附件的最大值超出限制；如果是"minSizeError"，表示该附件的最小值没有达到最小值要求</span></blockquote><p><br></p><p><br></p><h5><span>mathformula按钮配置</span></h5><p><br></p><table data-editify-element="3080" style="white-space: pre-wrap; word-break: break-word;"><colgroup><col width="auto"><col width="auto"><col width="auto"><col width="auto"><col width="auto"></colgroup><tbody><tr><td><span>参数</span></td><td><span>类型</span></td><td><span>说明</span></td><td><span>可取值</span></td><td><span>默认值</span></td></tr><tr><td><span>show</span></td><td><span>boolean</span></td><td><span>是否显示按钮</span></td><td><span>true/false</span></td><td><span>false</span></td></tr><tr><td><span>disabled</span></td><td><span>boolean</span></td><td><span>是否禁用按钮</span></td><td><span>true/false</span></td><td><span>false</span></td></tr><tr><td><span>leftBorder</span></td><td><span>boolean</span></td><td><span>按钮是否显示左侧边框</span></td><td><span>true/false</span></td><td><span>false</span></td></tr><tr><td><span>rightBorder</span></td><td><span>boolean</span></td><td><span>按钮是否显示右侧边框</span></td><td><span>true/false</span></td><td><span>false</span></td></tr><tr><td><span>handleError</span></td><td><span>function</span></td><td><span>数学公式渲染出错的处理，回调参数为Error对象</span></td><td><span>-</span></td><td><span>-</span></td></tr><tr><td><span>shortcut</span></td><td><span>object</span></td><td><span>快捷键配置</span></td><td><span>-</span></td><td><span>-</span></td></tr></tbody></table><p><br></p><p><br></p><h5><span>extends拓展菜单按钮</span></h5><p><br></p><p><span>每个key表示拓展菜单的唯一名称name，value表示配置对象，具体属性如下：</span></p><table data-editify-element="3175" style="white-space: pre-wrap; word-break: break-word;"><colgroup><col width="14.4%"><col width="14.4%"><col width="37.65%"><col width="23.26%"><col width="auto"></colgroup><tbody><tr><td><span>参数</span></td><td><span>类型</span></td><td><span>说明</span></td><td><span>可取值</span></td><td><span>默认值</span></td></tr><tr><td><span>type</span></td><td><span>string</span></td><td><span>拓展按钮的类型，'default'表示默认的按钮，'select'表示下拉式选项按钮，'display'表示下拉式选项按钮并且显示已选值</span></td><td><span>'default'、'select'、&nbsp;'display'</span></td><td><span>'default'</span></td></tr><tr><td><span>title</span></td><td><span>string</span></td><td><span>拓展按钮的工具提示内容</span></td><td><span>-</span></td><td><span>-</span></td></tr><tr><td><span>leftBorder</span></td><td><span>boolean</span></td><td><span>按钮是否显示左侧边框</span></td><td><span>true/false</span></td><td><span>false</span></td></tr><tr><td><span>rightBorder</span></td><td><span>boolean</span></td><td><span>按钮是否显示右侧边框</span></td><td><span>true/false</span></td><td><span>false</span></td></tr><tr><td><span>disabled</span></td><td><span>boolean</span></td><td><span>按钮是否禁用</span></td><td><span>true/false</span></td><td><span>false</span></td></tr><tr><td><span>active</span></td><td><span>boolean</span></td><td><span>按钮是否激活</span></td><td><span>true/false</span></td><td><span>false</span></td></tr><tr><td><span>width</span></td><td><span>number</span></td><td><span>按钮作为下拉式按钮时的浮层宽度，单位px</span></td><td><span>-</span></td><td><span>-</span></td></tr><tr><td><span>maxHeight</span></td><td><span>number</span></td><td><span>按钮作为下拉式按钮时浮层的最大高度，单位px，如果设为空字符串则表示不限制最大高度</span></td><td><span>-</span></td><td><span>-</span></td></tr><tr><td><span>options</span></td><td><span>array</span></td><td><span>按钮作为下拉式按钮时的列表配置，数组中每个元素是一个对象，包含label、value、style、icon属性，一般只需要设置label和value属性即可</span></td><td><span>-</span></td><td><span>-</span></td></tr><tr><td><span>value</span></td><td><span>string&nbsp;|&nbsp;number</span></td><td><span>按钮作为下拉式按钮并且显示已选择值时，此值表示已选择的值，在选择完后你需要更新这个值</span></td><td><span>-</span></td><td><span>-</span></td></tr><tr><td><span>hideScroll</span></td><td><span>boolean</span></td><td><span>按钮作为下拉式按钮时浮层是否隐藏滚动条</span></td><td><span>true/false</span></td><td><span>false</span></td></tr><tr><td><span>shortcut</span></td><td><span>object</span></td><td><span>快捷键配置</span></td><td><span>-</span></td><td><span>-</span></td></tr><tr><td><span>onLayerShow</span></td><td><span>function</span></td><td><span>按钮作为下拉式按钮时浮层显示时触发，回调参数依次为按钮的name值和按钮实例</span></td><td><span>-</span></td><td><span>-</span></td></tr><tr><td><span>onLayerShown</span></td><td><span>function</span></td><td><span>按钮作为下拉式按钮时浮层显示后触发，回调参数依次为按钮的name值和按钮实例</span></td><td><span>-</span></td><td><span>-</span></td></tr><tr><td><span>onLayerHidden</span></td><td><span>function</span></td><td><span>按钮作为下拉式按钮时浮层隐藏后触发，回调参数依次为按钮的name值和按钮实例</span></td><td><span>-</span></td><td><span>-</span></td></tr><tr><td><span>onOperate</span></td><td><span>function</span></td><td><span>普通按钮点击、下拉式按钮点击选项时触发，回调参数依次为按钮的name值、按钮已选择的value值（如果是普通按钮，此项为undefined）和按钮实例</span></td><td><span>-</span></td><td><span>-</span></td></tr><tr><td><span>default</span></td><td><span>function</span></td><td><span>按钮的默认插槽渲染函数，在函数内部返回h函数渲染结果，回调参数依次为按钮的name值和按钮实例</span></td><td><span>-</span></td><td><span>-</span></td></tr><tr><td><span>layer</span></td><td><span>function</span></td><td><span>下拉式按钮的浮层插槽渲染函数，在函数内部返回h函数渲染结果，回调参数依次为按钮的name值和按钮实例</span></td><td><span>-</span></td><td><span>-</span></td></tr><tr><td><span>option</span></td><td><span>function</span></td><td><span>下拉式按钮的列表项插槽渲染函数，在函数内部返回h函数渲染结果，回调参数依次为按钮的name值和按钮实例</span></td><td><span>-</span></td><td><span>-</span></td></tr></tbody></table><p><br></p><p><span>拓展一个菜单按钮的示例代码如下：</span></p><p><br></p>`

package/examples/main.ts

@@ -1,4 +0,0 @@
-import { createApp } from 'vue'
-import App from './App.vue'
-
-createApp(App).mount('#app')

package/examples/test.html

@@ -1,23 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>@kaitify/core</title>
-    <script src="../lib/kaitify-core.umd.js"></script>
-</head>
-
-<body>
-    <div id="editor" style="height: 400px;"></div>
-</body>
-<script>
-    const { Editor, KNode } = window['kaitify-core']
-    const editor = Editor.configure({
-        value:'hello',
-        el:'#editor'
-    })
-    console.log(window['kaitify-core']);
-</script>
-
-</html>

package/src/css/style.less

@@ -1,56 +0,0 @@
-.Kaitify {
-	display: block;
-	position: relative;
-	font-size: var(--kaitify-font-size);
-	font-family: var(--kaitify-font-family);
-	color: var(--kaitify-font-color);
-	-webkit-font-smoothing: antialiased;
-	text-size-adjust: none;
-	line-height: var(--kaitify-line-height);
-	border: 1px solid var(--kaitify-border-color);
-	border-radius: var(--kaitify-border-radius);
-	background: var(--kaitify-background-color);
-	padding: var(--kaitify-padding);
-	transition: border-color 500ms;
-	overflow-x: hidden;
-	overflow-y: auto;
-	outline: none;
-
-	::selection {
-		background-color: var(--kaitify-light-theme);
-	}
-
-	*,
-	*::before,
-	*::after {
-		box-sizing: border-box;
-		-webkit-tap-highlight-color: transparent;
-		outline: none;
-	}
-
-	//编辑状态下才有的样式
-	&[contenteditable='true'] {
-		&:focus {
-			border-color: var(--kaitify-theme);
-		}
-
-		&[kaitify-placeholder].showPlaceholder::before {
-			content: attr(kaitify-placeholder);
-			position: absolute;
-			left: 0;
-			top: 0;
-			padding: var(--kaitify-padding);
-			line-height: var(--kaitify-line-height);
-			opacity: 0.5;
-			cursor: text;
-		}
-
-		[contenteditable='false']:hover {
-			cursor: not-allowed;
-		}
-	}
-}
-
-html[kaitify-dark] {
-	color-scheme: dark;
-}

package/src/css/var.less

@@ -1,45 +0,0 @@
-@theme: #308af3;
-
-:root {
-	//主题色
-	--kaitify-theme: @theme;
-	//最浅主题色，通常用于悬浮效果
-	--kaitify-lightest-theme: fade(@theme, 10);
-	//更浅主题色，通常用于激活效果
-	--kaitify-lighter-theme: fade(@theme, 20);
-	//浅主题色，用于选区颜色
-	--kaitify-light-theme: fade(@theme, 30);
-	//字体颜色
-	--kaitify-font-color: #505050;
-	//边框颜色
-	--kaitify-border-color: #dedede;
-	//背景色
-	--kaitify-background-color: #fff;
-	//行高
-	--kaitify-line-height: 1.5;
-	//字号
-	--kaitify-font-size: 14px;
-	//通用圆角大小
-	--kaitify-border-radius: 3px;
-	//外边距
-	--kaitify-margin: 10px;
-	--kaitify-small-margin: 5px;
-	--kaitify-large-margin: 15px;
-	//内边距
-	--kaitify-padding: 10px;
-	--kaitify-small-padding: 5px;
-	--kaitify-large-padding: 20px;
-	//节点两侧和其他节点的间距
-	--kaitify-sides-between: 2px;
-	//字体
-	--kaitify-font-family: PingFang SC, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Helvetica, Hiragino KaKu Gothic Pro, Microsoft YaHei, Arial, sans-serif;
-}
-
-:root[kaitify-dark] {
-	//字体颜色
-	--kaitify-font-color: #f5f5f5;
-	//边框颜色
-	--kaitify-border-color: #3b3b3b;
-	//背景色
-	--kaitify-background-color: #1b1b1f;
-}

package/src/extensions/Extension.ts

@@ -1,200 +0,0 @@
-import { Editor, EditorCommandsType, KNode, KNodeMarksType, KNodeStylesType, RuleFunctionType, Selection } from '@/model'
-
-/**
- * 创建扩展的入参类型
- */
-export type ExtensionCreateOptionType = {
-  /**
-   * 扩展名称
-   */
-  name: string
-  /**
-   * 置空的标签
-   */
-  emptyRenderTags?: string[]
-  /**
-   * 额外保留的标签
-   */
-  extraKeepTags?: string[]
-  /**
-   * 自定义格式化规则
-   */
-  formatRules?: RuleFunctionType[]
-  /**
-   * 自定义dom转为非文本节点的后续处理
-   */
-  domParseNodeCallback?: (this: Editor, node: KNode) => KNode
-  /**
-   * 光标变化回调
-   */
-  onSelectionUpdate?: (this: Editor, selection: Selection) => void
-  /**
-   * 插入段落时回调
-   */
-  onInsertParagraph?: (this: Editor, node: KNode) => void
-  /**
-   * 完成删除回调
-   */
-  onDeleteComplete?: (this: Editor) => void
-  /**
-   * 光标在编辑器内时键盘按下回调
-   */
-  onKeydown?: (this: Editor, event: KeyboardEvent) => void
-  /**
-   * 光标在编辑器内时键盘松开回调
-   */
-  onKeyup?: (this: Editor, event: KeyboardEvent) => void
-  /**
-   * 编辑器聚焦时回调
-   */
-  onFocus?: (this: Editor, event: FocusEvent) => void
-  /**
-   * 编辑器失焦时回调
-   */
-  onBlur?: (this: Editor, event: FocusEvent) => void
-  /**
-   * 节点粘贴保留标记的自定义方法
-   */
-  pasteKeepMarks?: (this: Editor, node: KNode) => KNodeMarksType
-  /**
-   * 节点粘贴保留样式的自定义方法
-   */
-  pasteKeepStyles?: (this: Editor, node: KNode) => KNodeStylesType
-  /**
-   * 视频更新前回调
-   */
-  beforeUpdateView?: (this: Editor) => void
-  /**
-   * 视图更新后回调
-   */
-  afterUpdateView?: (this: Editor) => void
-  /**
-   * 在删除和换行操作中块节点节点从其父节点中抽离出去成为与父节点同级的节点后触发，如果返回true则表示继续使用默认逻辑，会将该节点转为段落，返回false则不走默认逻辑，需要自定义处理
-   */
-  onDetachMentBlockFromParentCallback?: (this: Editor, node: KNode) => boolean
-  /**
-   * 编辑器updateView执行时，通过比对新旧节点数组获取需要格式化的节点，在这些节点被格式化前，触发此方法，回调参数即当前需要被格式化的节点，该方法返回一个节点，返回的节点将会被格式化，如果你不需要任何特殊处理，返回入参提供的节点即可
-   */
-  beforePatchNodeToFormat?: (this: Editor, node: KNode) => KNode
-
-  /**
-   * 自定义命令
-   */
-  addCommands?: (this: Editor) => EditorCommandsType
-}
-
-/**
- * 扩展
- */
-export class Extension {
-  /**
-   * 扩展名称
-   */
-  name: string
-  /**
-   * 是否已注册
-   */
-  registered: boolean = false
-  /**
-   * 置空的标签
-   */
-  emptyRenderTags: string[] = []
-  /**
-   * 额外保留的标签
-   */
-  extraKeepTags: string[] = []
-  /**
-   * 自定义格式化规则
-   */
-  formatRules: RuleFunctionType[] = []
-  /**
-   * 自定义dom转为非文本节点的后续处理
-   */
-  domParseNodeCallback?: (this: Editor, node: KNode) => KNode
-  /**
-   * 光标变化回调
-   */
-  onSelectionUpdate?: (this: Editor, selection: Selection) => void
-  /**
-   * 插入段落时回调
-   */
-  onInsertParagraph?: (this: Editor, node: KNode) => void
-  /**
-   * 完成删除回调
-   */
-  onDeleteComplete?: (this: Editor) => void
-  /**
-   * 光标在编辑器内时键盘按下回调
-   */
-  onKeydown?: (this: Editor, event: KeyboardEvent) => void
-  /**
-   * 光标在编辑器内时键盘松开回调
-   */
-  onKeyup?: (this: Editor, event: KeyboardEvent) => void
-  /**
-   * 编辑器聚焦时回调
-   */
-  onFocus?: (this: Editor, event: FocusEvent) => void
-  /**
-   * 编辑器失焦时回调
-   */
-  onBlur?: (this: Editor, event: FocusEvent) => void
-  /**
-   * 节点粘贴保留标记的自定义方法
-   */
-  pasteKeepMarks?: (this: Editor, node: KNode) => KNodeMarksType
-  /**
-   * 节点粘贴保留样式的自定义方法
-   */
-  pasteKeepStyles?: (this: Editor, node: KNode) => KNodeStylesType
-  /**
-   * 视频更新前回调
-   */
-  beforeUpdateView?: (this: Editor) => void
-  /**
-   * 视图更新后回调
-   */
-  afterUpdateView?: (this: Editor) => void
-  /**
-   * 在删除和换行操作中块节点节点从其父节点中抽离出去成为与父节点同级的节点后触发，如果返回true则表示继续使用默认逻辑，会将该节点转为段落，返回false则不走默认逻辑，需要自定义处理
-   */
-  onDetachMentBlockFromParentCallback?: (this: Editor, node: KNode) => boolean
-  /**
-   * 编辑器updateView执行时，通过比对新旧节点数组获取需要格式化的节点，在这些节点被格式化前，触发此方法，回调参数即当前需要被格式化的节点，该方法返回一个节点，返回的节点将会被格式化，如果你不需要任何特殊处理，返回入参提供的节点即可
-   */
-  beforePatchNodeToFormat?: (this: Editor, node: KNode) => KNode
-  /**
-   * 自定义命令
-   */
-  addCommands?: (this: Editor) => EditorCommandsType
-
-  constructor(name: string) {
-    this.name = name
-  }
-
-  /**
-   * 创建扩展
-   */
-  static create(options: ExtensionCreateOptionType) {
-    const extension = new Extension(options.name)
-    if (options.emptyRenderTags) extension.emptyRenderTags = options.emptyRenderTags
-    if (options.extraKeepTags) extension.extraKeepTags = options.extraKeepTags
-    if (options.formatRules) extension.formatRules = options.formatRules
-    if (options.domParseNodeCallback) extension.domParseNodeCallback = options.domParseNodeCallback
-    if (options.onSelectionUpdate) extension.onSelectionUpdate = options.onSelectionUpdate
-    if (options.onInsertParagraph) extension.onInsertParagraph = options.onInsertParagraph
-    if (options.onDeleteComplete) extension.onDeleteComplete = options.onDeleteComplete
-    if (options.onKeydown) extension.onKeydown = options.onKeydown
-    if (options.onKeyup) extension.onKeyup = options.onKeyup
-    if (options.onFocus) extension.onFocus = options.onFocus
-    if (options.onBlur) extension.onBlur = options.onBlur
-    if (options.pasteKeepMarks) extension.pasteKeepMarks = options.pasteKeepMarks
-    if (options.pasteKeepStyles) extension.pasteKeepStyles = options.pasteKeepStyles
-    if (options.beforeUpdateView) extension.beforeUpdateView = options.beforeUpdateView
-    if (options.afterUpdateView) extension.afterUpdateView = options.afterUpdateView
-    if (options.onDetachMentBlockFromParentCallback) extension.onDetachMentBlockFromParentCallback = options.onDetachMentBlockFromParentCallback
-    if (options.beforePatchNodeToFormat) extension.beforePatchNodeToFormat = options.beforePatchNodeToFormat
-    if (options.addCommands) extension.addCommands = options.addCommands
-    return extension
-  }
-}

package/src/extensions/align/index.ts

@@ -1,115 +0,0 @@
-import { KNode, KNodeStylesType } from '@/model'
-import { deleteProperty } from '@/tools'
-import { Extension } from '../Extension'
-import { getSelectionBlockNodes } from '@/model/config/function'
-
-export type AlignValueType = 'left' | 'right' | 'center' | 'justify'
-
-declare module '../../model' {
-  interface EditorCommandsType {
-    isAlign?: (value: AlignValueType) => boolean
-    setAlign?: (value: AlignValueType) => Promise<void>
-    unsetAlign?: (value: AlignValueType) => Promise<void>
-  }
-}
-
-/**
- * 删除指定块节点及以上块节点的对齐方式
- */
-const clearAlign = (blockNode: KNode, value: AlignValueType) => {
-  const matchNode = blockNode.getMatchNode({ styles: { textAlign: value } })
-  if (matchNode) {
-    matchNode.styles = deleteProperty(matchNode.styles!, 'textAlign')
-    clearAlign(matchNode, value)
-  }
-}
-
-export const AlignExtension = () =>
-  Extension.create({
-    name: 'align',
-    pasteKeepStyles(node) {
-      const styles: KNodeStylesType = {}
-      if (node.isBlock() && node.hasStyles()) {
-        if (node.styles!.hasOwnProperty('textAlign')) styles.textAlign = node.styles!.textAlign
-      }
-      return styles
-    },
-    addCommands() {
-      /**
-       * 光标所在的块节点是否都是符合的对齐方式
-       */
-      const isAlign = (value: AlignValueType) => {
-        if (!this.selection.focused()) {
-          return false
-        }
-        //起点和终点在一起
-        if (this.selection.collapsed()) {
-          const block = this.selection.start!.node.getBlock()
-          return !!block.getMatchNode({ styles: { textAlign: value } })
-        }
-        //起点和终点不在一起
-        const blockNodes = getSelectionBlockNodes.apply(this)
-        return blockNodes.every(item => {
-          return !!item.getMatchNode({ styles: { textAlign: value } })
-        })
-      }
-
-      /**
-       * 设置对齐方式
-       */
-      const setAlign = async (value: AlignValueType) => {
-        if (isAlign(value)) {
-          return
-        }
-        //起点和终点在一起
-        if (this.selection.collapsed()) {
-          const blockNode = this.selection.start!.node.getBlock()
-          const styles: KNodeStylesType = blockNode.hasStyles() ? blockNode.styles! : {}
-          blockNode.styles = {
-            ...styles,
-            textAlign: value
-          }
-        }
-        //起点和终点不在一起
-        else {
-          const blockNodes = getSelectionBlockNodes.apply(this)
-          blockNodes.forEach(item => {
-            const styles: KNodeStylesType = item.hasStyles() ? item.styles! : {}
-            item.styles = {
-              ...styles,
-              textAlign: value
-            }
-          })
-        }
-        await this.updateView()
-      }
-
-      /**
-       * 取消对齐方式
-       */
-      const unsetAlign = async (value: AlignValueType) => {
-        if (!isAlign(value)) {
-          return
-        }
-        //起点和终点在一起
-        if (this.selection.collapsed()) {
-          const blockNode = this.selection.start!.node.getBlock()
-          clearAlign(blockNode, value)
-        }
-        //起点和终点不在一起
-        else {
-          const blockNodes = getSelectionBlockNodes.apply(this)
-          blockNodes.forEach(item => {
-            clearAlign(item, value)
-          })
-        }
-        await this.updateView()
-      }
-
-      return {
-        isAlign,
-        setAlign,
-        unsetAlign
-      }
-    }
-  })