vue-editify 0.2.16 → 0.2.17
Sign up to get free protection for your applications and to get access to all the features.
- package/examples/App.vue +9 -1
- package/lib/editify.es.js +6 -6
- package/lib/editify.umd.js +1 -1
- package/lib/index.d.ts +1 -1
- package/package.json +2 -2
- package/src/index.ts +1 -1
package/examples/App.vue
CHANGED
@@ -56,7 +56,15 @@ const toolbarConfig = ref({
|
|
56
56
|
use: true
|
57
57
|
})
|
58
58
|
const val = ref<string>(
|
59
|
-
`<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', 'png', 'jpeg', 'webp', 'jfif', 'ico', 'gif', 'svg', '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', 'png', 'jpeg', 'webp', 'jfif', 'ico', 'gif', 'svg', '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', 'png', 'jpeg', 'webp', 'jfif', 'ico', 'gif', 'svg', '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', 'png', 'jpeg', 'webp', 'jfif', 'ico', 'gif', 'svg', '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', 'png', 'jpeg', 'webp', 'jfif', 'ico', 'gif', 'svg', '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', 'png', 'jpeg', 'webp', 'jfif', 'ico', 'gif', 'svg', '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', 'png', 'jpeg', 'webp', 'jfif', 'ico', 'gif', 'svg', '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', 'png', 'jpeg', 'webp', 'jfif', 'ico', 'gif', 'svg', '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', 'png', 'jpeg', 'webp', 'jfif', 'ico', 'gif', 'svg', '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', 'png', 'jpeg', 'webp', 'jfif', 'ico', 'gif', 'svg', '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', 'png', 'jpeg', 'webp', 'jfif', 'ico', 'gif', 'svg', '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', 'png', 'jpeg', 'webp', 'jfif', 'ico', 'gif', 'svg', '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', 'png', 'jpeg', 'webp', 'jfif', 'ico', 'gif', 'svg', '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', 'png', 'jpeg', 'webp', 'jfif', 'ico', 'gif', 'svg', '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', 'png', 'jpeg', 'webp', 'jfif', 'ico', 'gif', 'svg', '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', 'png', 'jpeg', 'webp', 'jfif', 'ico', 'gif', 'svg', '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', 'png', 'jpeg', 'webp', 'jfif', 'ico', 'gif', 'svg', '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>`
|
59
|
+
`<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">//例如将<b>标签转为<span>标签</span><span>
|
60
|
+
</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>){
|
61
|
+
</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>) {
|
62
|
+
element.</span><span class="editify-hljs-property">parsedom</span><span> = </span><span class="editify-hljs-string">'span'</span><span>
|
63
|
+
element.</span><span class="editify-hljs-property">styles</span><span> = {
|
64
|
+
</span><span class="editify-hljs-string">'font-weight'</span><span>:</span><span class="editify-hljs-string">'bold'</span><span>
|
65
|
+
}
|
66
|
+
}
|
67
|
+
}</span></pre>`
|
60
68
|
)
|
61
69
|
</script>
|
62
70
|
<style lang="less">
|
package/lib/editify.es.js
CHANGED
@@ -3213,11 +3213,11 @@ const format = function(elements, fn, isStack) {
|
|
3213
3213
|
let index = 0;
|
3214
3214
|
while (index < elements.length) {
|
3215
3215
|
if (!elements[index]) {
|
3216
|
-
elements.splice(index, 1);
|
3217
3216
|
if (isStack) {
|
3218
3217
|
const idx = this.stack.findIndex((el) => el.isEqual(elements[index]));
|
3219
3218
|
this.stack.splice(idx, 1);
|
3220
3219
|
}
|
3220
|
+
elements.splice(index, 1);
|
3221
3221
|
continue;
|
3222
3222
|
}
|
3223
3223
|
if (elements[index].isEmpty()) {
|
@@ -3227,11 +3227,11 @@ const format = function(elements, fn, isStack) {
|
|
3227
3227
|
if (this.range && elements[index].isContains(this.range.focus.element)) {
|
3228
3228
|
setRecentlyPoint.apply(this, [this.range.focus]);
|
3229
3229
|
}
|
3230
|
-
elements.splice(index, 1);
|
3231
3230
|
if (isStack) {
|
3232
3231
|
const idx = this.stack.findIndex((el) => el.isEqual(elements[index]));
|
3233
3232
|
this.stack.splice(idx, 1);
|
3234
3233
|
}
|
3234
|
+
elements.splice(index, 1);
|
3235
3235
|
continue;
|
3236
3236
|
}
|
3237
3237
|
fn.apply(this, [elements[index]]);
|
@@ -3242,11 +3242,11 @@ const format = function(elements, fn, isStack) {
|
|
3242
3242
|
if (this.range && elements[index].isContains(this.range.focus.element)) {
|
3243
3243
|
setRecentlyPoint.apply(this, [this.range.focus]);
|
3244
3244
|
}
|
3245
|
-
elements.splice(index, 1);
|
3246
3245
|
if (isStack) {
|
3247
3246
|
const idx = this.stack.findIndex((el) => el.isEqual(elements[index]));
|
3248
3247
|
this.stack.splice(idx, 1);
|
3249
3248
|
}
|
3249
|
+
elements.splice(index, 1);
|
3250
3250
|
continue;
|
3251
3251
|
}
|
3252
3252
|
if (isStack && !elements[index].isBlock()) {
|
@@ -3262,11 +3262,11 @@ const format = function(elements, fn, isStack) {
|
|
3262
3262
|
if (this.range && elements[index].isContains(this.range.focus.element)) {
|
3263
3263
|
setRecentlyPoint.apply(this, [this.range.focus]);
|
3264
3264
|
}
|
3265
|
-
elements.splice(index, 1);
|
3266
3265
|
if (isStack) {
|
3267
3266
|
const idx = this.stack.findIndex((el) => el.isEqual(elements[index]));
|
3268
3267
|
this.stack.splice(idx, 1);
|
3269
3268
|
}
|
3269
|
+
elements.splice(index, 1);
|
3270
3270
|
continue;
|
3271
3271
|
}
|
3272
3272
|
index++;
|
@@ -4735,7 +4735,7 @@ class AlexEditor {
|
|
4735
4735
|
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");
|
4736
4736
|
}
|
4737
4737
|
}
|
4738
|
-
const version$2 = "1.4.
|
4738
|
+
const version$2 = "1.4.25";
|
4739
4739
|
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;");
|
4740
4740
|
const number = {
|
4741
4741
|
/**
|
@@ -43957,7 +43957,7 @@ const Editify = withInstall(editify);
|
|
43957
43957
|
const install = (app) => {
|
43958
43958
|
app.component(Editify.name, Editify);
|
43959
43959
|
};
|
43960
|
-
const version = "0.2.
|
43960
|
+
const version = "0.2.17";
|
43961
43961
|
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;");
|
43962
43962
|
export {
|
43963
43963
|
AlexElement,
|