refactor: centralize Vditor init

open-isle-cli/src/utils/vditor.js

@@ -0,0 +1,78 @@
+import Vditor from 'vditor'
+import 'vditor/dist/index.css'
+import { API_BASE_URL } from '../main'
+import { getToken } from './auth'
+
+export function getEditorTheme() {
+  return document.documentElement.dataset.theme === 'dark' ? 'dark' : 'classic'
+}
+
+export function getPreviewTheme() {
+  return document.documentElement.dataset.theme === 'dark' ? 'dark' : 'light'
+}
+
+export function createVditor(editorId, options = {}) {
+  const {
+    placeholder = '',
+    height,
+    preview = {},
+    input,
+    after
+  } = options
+
+  return new Vditor(editorId, {
+    placeholder,
+    height,
+    theme: getEditorTheme(),
+    preview: Object.assign({ theme: { current: getPreviewTheme() } }, preview),
+    cdn: 'https://openisle-1307107697.cos.ap-guangzhou.myqcloud.com/assert/vditor',
+    toolbar: [
+      'emoji',
+      'bold',
+      'italic',
+      'strike',
+      '|',
+      'list',
+      'line',
+      'quote',
+      'code',
+      'inline-code',
+      '|',
+      'undo',
+      'redo',
+      '|',
+      'link',
+      'upload'
+    ],
+    upload: {
+      fieldName: 'file',
+      url: `${API_BASE_URL}/api/upload`,
+      accept: 'image/*,video/*',
+      multiple: false,
+      headers: { Authorization: `Bearer ${getToken()}` },
+      format(files, responseText) {
+        const res = JSON.parse(responseText)
+        if (res.code === 0) {
+          return JSON.stringify({
+            code: 0,
+            msg: '',
+            data: {
+              errFiles: [],
+              succMap: { [files[0].name]: res.data.url }
+            }
+          })
+        } else {
+          return JSON.stringify({
+            code: 1,
+            msg: '上传失败',
+            data: { errFiles: files.map(f => f.name), succMap: {} }
+          })
+        }
+      }
+    },
+    toolbarConfig: { pin: true },
+    cache: { enable: false },
+    input,
+    after
+  })
+}