feat(fluent-editor): export default toolbar (#2350)

opentiny · Oct 23, 2024 · e5057cf · e5057cf
1 parent 80bcc5d
commit e5057cf
Show file tree

Hide file tree

Showing 2 changed files with 29 additions and 25 deletions.
diff --git a/packages/renderless/src/fluent-editor/options.ts b/packages/renderless/src/fluent-editor/options.ts
@@ -57,33 +57,35 @@ const betterTable = {
   }
 }
 
-const toolbar = () => {
-  const underline = ['bold', 'italic', 'underline', 'strike']
-  const list = [{ list: 'ordered' }, { list: 'bullet' }]
-  const script = [{ script: 'sub' }, { script: 'super' }]
+const underline = ['bold', 'italic', 'underline', 'strike']
+const list = [{ list: 'ordered' }, { list: 'bullet' }]
+const script = [{ script: 'sub' }, { script: 'super' }]
+
+export const defaultToolbar = [
+  ['undo', 'redo', 'clean'],
+  [
+    { font: fontFamilyConfig },
+    { size: fontSizeConfig },
+    { lineheight: lineHeightConfig },
+    { header: [1, 2, 3, 4, 5, 6, false] }
+  ],
+  underline,
+  ['blockquote', 'code-block'],
+  [{ header: 1 }, { header: 2 }],
+  list,
+  script,
+  [{ indent: '-1' }, { indent: '+1' }],
+  [{ direction: 'rtl' }],
+  [{ color: [] }, { background: [] }],
+  [{ align: [] }],
+  ['link', 'image'],
+  ['better-table'],
+  ['fullscreen']
+]
 
+const toolbar = () => {
   return {
-    container: [
-      ['undo', 'redo', 'clean'],
-      [
-        { font: fontFamilyConfig },
-        { size: fontSizeConfig },
-        { lineheight: lineHeightConfig },
-        { header: [1, 2, 3, 4, 5, 6, false] }
-      ],
-      underline,
-      ['blockquote', 'code-block'],
-      [{ header: 1 }, { header: 2 }],
-      list,
-      script,
-      [{ indent: '-1' }, { indent: '+1' }],
-      [{ direction: 'rtl' }],
-      [{ color: [] }, { background: [] }],
-      [{ align: [] }],
-      ['link', 'image'],
-      ['better-table'],
-      ['fullscreen']
-    ]
+    container: defaultToolbar
   }
 }
 

diff --git a/packages/vue/src/fluent-editor/src/index.ts b/packages/vue/src/fluent-editor/src/index.ts
@@ -68,6 +68,8 @@ export const fluentEditorProps = {
   }
 }
 
+export { defaultToolbar } from '@opentiny/vue-renderless/fluent-editor/options'
+
 export default defineComponent({
   name: $prefix + 'FluentEditor',
   props: fluentEditorProps,