fix(fluent-editor): fix font/size/line-height whitelist

Author: kagol

packages/renderless/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opentiny/vue-renderless",
-  "version": "3.18.3",
+  "version": "3.18.4",
   "private": true,
   "description": "An enterprise-class UI component library, support both Vue.js 2 and Vue.js 3, as well as PC and mobile.",
   "author": "OpenTiny Team",

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

@@ -1,5 +1,42 @@
 import { isNull } from '../common/type'
 
+const fontFamilyConfig = [
+  'songti',
+  'yahei',
+  'kaiti',
+  'heiti',
+  'lishu',
+  'mono',
+  'arial',
+  'arialblack',
+  'comic',
+  'impact',
+  'times'
+]
+
+const fontSizeConfig = [
+  '12px',
+  '13px',
+  '14px',
+  '15px',
+  '16px',
+  '17px',
+  '18px',
+  '19px',
+  '20px',
+  '22px',
+  '24px',
+  '26px',
+  '29px',
+  '32px',
+  '36px',
+  '40px',
+  '48px',
+  '72px'
+]
+
+const lineHeightConfig = ['1', '1.2', '1.5', '2', '2.5', '3', '4', '5']
+
 const betterTable = {
   operationMenu: {
     items: {
@@ -20,7 +57,7 @@ const betterTable = {
   }
 }
 
-const toolbar = (FluentEditor) => {
+const toolbar = () => {
   const underline = ['bold', 'italic', 'underline', 'strike']
   const list = [{ list: 'ordered' }, { list: 'bullet' }]
   const script = [{ script: 'sub' }, { script: 'super' }]
@@ -29,9 +66,9 @@ const toolbar = (FluentEditor) => {
     container: [
       ['undo', 'redo', 'clean'],
       [
-        { font: FluentEditor.imports['formats/font'].whitelist },
-        { size: FluentEditor.imports['formats/size'].whitelist },
-        { lineheight: FluentEditor.imports['formats/lineheight'].whitelist },
+        { font: fontFamilyConfig },
+        { size: fontSizeConfig },
+        { lineheight: lineHeightConfig },
         { header: [1, 2, 3, 4, 5, 6, false] }
       ],
       underline,
@@ -170,7 +207,7 @@ const defaultOption = ({ FluentEditor, state, mentionObj }) => {
       file: true, // 上传文件需开启
       image: FluentEditor.imports['modules/image-spec'],
       counter: false,
-      toolbar: toolbar(FluentEditor),
+      toolbar: toolbar(),
       'better-table': betterTable,
       mention: mention(mentionObj),
       keyboard: keyboard({ FluentEditor, state })