feat(fluent-editor): add before-editor-init props

Author: kagol

packages/renderless/src/fluent-editor/index.ts

@@ -49,6 +49,8 @@ export const init =
       state.innerOptions.modules.toolbar = simpleToolbar
     }
 
+    props.beforeEditorInit?.(FluentEditor)
+
     const quill = new FluentEditor(vm.$refs.editor, state.innerOptions)
     quill.emitter.on('file-change', api.fileOperationToSev)
     state.quill = Object.freeze(quill)
@@ -194,8 +196,8 @@ export const handleCompositionend =
         state.quill.root.classList.add('ql-blank')
       }
     } else {
-      let data = state.quill.container.innerHTML,
-        range = state.quill.getSelection(true)
+      let data = state.quill.container.innerHTML
+      let range = state.quill.getSelection(true)
       const [mentionItem, offset] = state.quill.getLeaf(range.index)
 
       if (mentionItem.statics.blotName === 'break' || (mentionItem.statics.blotName === 'text' && offset === 0)) {
@@ -204,8 +206,8 @@ export const handleCompositionend =
       if (mentionItem.statics.blotName === 'break') {
         state.quill.setSelection(range.index + event.data.length)
       } else {
-        let pattern = /[\u4E00-\u9FA5\uf900-\ufa2d]/,
-          flag
+        let pattern = /[\u4E00-\u9FA5\uF900-\uFA2D]/
+        let flag
 
         if (pattern.test(event.data)) {
           flag = true
@@ -298,8 +300,8 @@ export const inputFileHandler =
       fileInput.setAttribute('accept', mimeTypes)
 
       if (
-        (UploaderDfls.enableMultiUpload['file'] && type === 'file') ||
-        (UploaderDfls.enableMultiUpload['image'] && type === 'image')
+        (UploaderDfls.enableMultiUpload.file && type === 'file') ||
+        (UploaderDfls.enableMultiUpload.image && type === 'image')
       ) {
         fileInput.setAttribute('multiple', '')
       }
@@ -343,12 +345,12 @@ export const uploaderDflsHandler =
 export const handleUploadFile =
   ({ api, UploaderDfls }) =>
   (range, files, hasRejectedFile) => {
-    const fileEnableMultiUpload = UploaderDfls.enableMultiUpload === true || UploaderDfls.enableMultiUpload['file']
+    const fileEnableMultiUpload = UploaderDfls.enableMultiUpload === true || UploaderDfls.enableMultiUpload.file
 
     api.fileOperationToSev({
       operation: 'upload',
       data: fileEnableMultiUpload ? { files } : { file: files[0] },
-      hasRejectedFile: hasRejectedFile,
+      hasRejectedFile,
       callback: (res) => {
         if (!res) {
           return
@@ -490,11 +492,11 @@ export const handleUploadImage =
   (range, { file, files }, hasRejectedImage) => {
     if (state.quill.options.uploadOption.imageUploadToServer) {
       const index = state.promisesData.length
-      const imageEnableMultiUpload = UploaderDfls.enableMultiUpload['image']
+      const imageEnableMultiUpload = UploaderDfls.enableMultiUpload.image
       const result = {
         file,
         data: { files: [file] },
-        hasRejectedImage: hasRejectedImage,
+        hasRejectedImage,
         callback: (res) => {
           if (!res) {
             return
@@ -526,7 +528,7 @@ export const handleUploadImage =
       }
 
       if (imageEnableMultiUpload) {
-        result['data'] = { files }
+        result.data = { files }
       }
 
       state.promisesData.push({
@@ -863,7 +865,7 @@ export const handleDblclick =
       props.picPreview &&
       e &&
       e.type === 'dblclick' &&
-      [...e.target.classList].indexOf('blot-formatter__overlay') > -1 &&
+      [...e.target.classList].includes('blot-formatter__overlay') &&
       e.target.dataset.image
     ) {
       api.doPreview(e.target)

packages/vue/src/fluent-editor/src/index.ts

@@ -65,6 +65,10 @@ export const fluentEditorProps = {
   imagePasteFailCallback: {
     type: Function,
     default: () => {}
+  },
+  beforeEditorInit: {
+    type: Function,
+    default: () => {}
   }
 }
 

packages/vue/src/fluent-editor/src/mobile-first.vue

@@ -102,7 +102,8 @@ export default defineComponent({
     'dataType',
     'dataUpgrade',
     'zIndex',
-    'imagePasteFailCallback'
+    'imagePasteFailCallback',
+    'beforeEditorInit'
   ],
   setup(props, context) {
     return setup({

packages/vue/src/fluent-editor/src/pc.vue

@@ -103,7 +103,8 @@ export default defineComponent({
     'dataType',
     'dataUpgrade',
     'zIndex',
-    'imagePasteFailCallback'
+    'imagePasteFailCallback',
+    'beforeEditorInit'
   ],
   setup(props, context): any {
     return setup({