vue-editify 0.2.16 → 0.2.17

package/examples/App.vue

@@ -56,7 +56,15 @@ const toolbarConfig = ref({
 	use: true
 })
 const val = ref<string>(
-	`<table><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></tbody></table><table><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></tbody></table><table><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></tbody></table><table><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></tbody></table><table><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></tbody></table><table><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></tbody></table><table><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></tbody></table><table><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></tbody></table><table><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></tbody></table><table><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></tbody></table><table><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></tbody></table><table><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></tbody></table><table><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></tbody></table><table><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></tbody></table><table><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></tbody></table><table><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></tbody></table><table><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></tbody></table>`
+	`<div data-editify-info="true" style="background-color: rgba(3, 168, 243, 0.15); color: rgb(3, 168, 243);"><span>调用domRender方法会先对编辑器内的元素进行格式化处理，然后会更新编辑器dom内容，渲染到视图上</span></div><p><br></p><p><br></p><h5><span>如何规范化校验（格式化）？</span></h5><p><br></p><h5><span>null</span></h5><div data-editify-list="ul"><span>stack数组元素只能是block元素，同时block元素只会出现在根部，如果某个元素的子元素是block元素，那么该block元素会被转为inline元素或者inblock元素（对于被转为inblock的block元素，其行为值behavior为"block"）</span></div><div data-editify-list="ul"><span>inblock与其他元素不能同时存在于子元素数组中，如果某个元素的子元素数组中含有inblock元素，那么其他子元素也必然是inblock元素，否则该inblock元素会被转为inline元素</span></div><div data-editify-list="ul"><span>inblock元素的父元素必然是block元素或者inblock元素</span></div><div data-editify-list="ul"><span>换行符清除规则：换行符与其他元素不能同时存在，并且如果某个元素下存在多个换行符则会被清除为一个换行符</span></div><div data-editify-list="ul"><span>兄弟元素合并策略：相邻的两个文本元素的styles和marks相同则会被合并；相邻的两个行内元素的parsedom、styles和marks相同则会被合并（如果两个元素中有元素的locked属性为true则无法进行合并）</span></div><div data-editify-list="ul"><span>父子元素合并策略：父元素的子元素只有一个，并且该子元素是文本元素，父元素是parsedom==AlexElement.TEXT_NODE的行内元素，则子元素会父元素进行合并；父元素的子元素只有一个，inline元素、inblock元素如果与父元素的parsedom一致，marks和styles也一致，那么会与父元素合并（如果两个元素中有元素的locked属性为true则无法进行合并）</span></div><div data-editify-list="ul"><span>多个连续空白文本字符合并策略：文本元素内的空白文本值如果存在多个连续的情况下，会被合并成一个空白文本值</span></div><div data-editify-list="ul"><span>元素进行规范化处理时，会从stack依次进行遍历处理，当遍历子元素时，也是从第一个子元素开始依次遍历</span></div><p><br></p><blockquote><span>以上是编辑器内部的默认规范化处理规则，当然，编辑器对外提供了让我们自定义额外规则的能力，它便是AlexEditor的属性renderRules</span></blockquote><p><br></p><p><br></p><h5><span>使用renderRules自定义额外的规范化校验规则</span></h5><p><br></p><p><span>renderRules是一个数组，数组中可以定义多个函数，每个函数都会在调用formatElementStack方法时进行调用</span></p><pre data-editify-element="42" data-editify-hljs="javascript"><span class="editify-hljs-comment">//例如将&lt;b&gt;标签转为&lt;span&gt;标签</span><span>
+</span><span class="editify-hljs-keyword">const</span><span> parseCode = </span><span class="editify-hljs-keyword">function</span><span>(</span><span class="editify-hljs-params">element</span><span>){
+    </span><span class="editify-hljs-keyword">if</span><span> (element.</span><span class="editify-hljs-property">parsedom</span><span> == </span><span class="editify-hljs-string">'b'</span><span>) {
+        element.</span><span class="editify-hljs-property">parsedom</span><span> = </span><span class="editify-hljs-string">'span'</span><span>
+        element.</span><span class="editify-hljs-property">styles</span><span> = {
+             </span><span class="editify-hljs-string">'font-weight'</span><span>:</span><span class="editify-hljs-string">'bold'</span><span>
+        }
+    }
+}</span></pre>`
 )
 </script>
 <style lang="less">

package/lib/editify.es.js

@@ -3213,11 +3213,11 @@ const format = function(elements, fn, isStack) {
   let index = 0;
   while (index < elements.length) {
     if (!elements[index]) {
-      elements.splice(index, 1);
       if (isStack) {
         const idx = this.stack.findIndex((el) => el.isEqual(elements[index]));
         this.stack.splice(idx, 1);
       }
+      elements.splice(index, 1);
       continue;
     }
     if (elements[index].isEmpty()) {
@@ -3227,11 +3227,11 @@ const format = function(elements, fn, isStack) {
       if (this.range && elements[index].isContains(this.range.focus.element)) {
         setRecentlyPoint.apply(this, [this.range.focus]);
       }
-      elements.splice(index, 1);
       if (isStack) {
         const idx = this.stack.findIndex((el) => el.isEqual(elements[index]));
         this.stack.splice(idx, 1);
       }
+      elements.splice(index, 1);
       continue;
     }
     fn.apply(this, [elements[index]]);
@@ -3242,11 +3242,11 @@ const format = function(elements, fn, isStack) {
       if (this.range && elements[index].isContains(this.range.focus.element)) {
         setRecentlyPoint.apply(this, [this.range.focus]);
       }
-      elements.splice(index, 1);
       if (isStack) {
         const idx = this.stack.findIndex((el) => el.isEqual(elements[index]));
         this.stack.splice(idx, 1);
       }
+      elements.splice(index, 1);
       continue;
     }
     if (isStack && !elements[index].isBlock()) {
@@ -3262,11 +3262,11 @@ const format = function(elements, fn, isStack) {
       if (this.range && elements[index].isContains(this.range.focus.element)) {
         setRecentlyPoint.apply(this, [this.range.focus]);
       }
-      elements.splice(index, 1);
       if (isStack) {
         const idx = this.stack.findIndex((el) => el.isEqual(elements[index]));
         this.stack.splice(idx, 1);
       }
+      elements.splice(index, 1);
       continue;
     }
     index++;
@@ -4735,7 +4735,7 @@ class AlexEditor {
     event$1.off(this.$el, "beforeinput.alex_editor compositionstart.alex_editor compositionupdate.alex_editor compositionend.alex_editor keydown.alex_editor cut.alex_editor paste.alex_editor copy.alex_editor dragstart.alex_editor drop.alex_editor focus.alex_editor blur.alex_editor");
   }
 }
-const version$2 = "1.4.24";
+const version$2 = "1.4.25";
 console.log(`%c alex-editor %c v${version$2} `, "padding: 2px 1px; border-radius: 3px 0 0 3px; color: #fff; background: #606060; font-weight: bold;", "padding: 2px 1px; border-radius: 0 3px 3px 0; color: #fff; background: #42c02e; font-weight: bold;");
 const number = {
   /**
@@ -43957,7 +43957,7 @@ const Editify = withInstall(editify);
 const install = (app) => {
   app.component(Editify.name, Editify);
 };
-const version = "0.2.16";
+const version = "0.2.17";
 console.log(`%c vue-editify %c v${version} `, "padding: 2px 1px; border-radius: 3px 0 0 3px; color: #fff; background: #606060; font-weight: bold;", "padding: 2px 1px; border-radius: 0 3px 3px 0; color: #fff; background: #42c02e; font-weight: bold;");
 export {
   AlexElement,