chore: 富文本编辑器将颜色按钮放出来,方便飘红操作

Change-Id: I16417f8d38b3dfd49043f67c359b79021af94132

packages/amis-editor/src/plugin/Tpl.tsx

@@ -25,7 +25,8 @@ setSchemaTpl('tpl:rich-text', {
   buttons: [
     'paragraphFormat',
     'quote',
-    'color',
+    'textColor',
+    'backgroundColor',
     '|',
     'bold',
     'italic',
@@ -146,7 +147,7 @@ export class TplPlugin extends BasePlugin {
                 ),
                 name: 'inline',
                 pipeIn: defaultValue(true),
-                hiddenOn:'data.wrapperComponent !== ""'
+                hiddenOn: 'data.wrapperComponent !== ""'
               }),
               getSchemaTpl('tpl:content'),
               getSchemaTpl('tpl:rich-text')

packages/amis-editor/src/tpl/common.tsx

@@ -353,7 +353,7 @@ setSchemaTpl(
             rendererWrapper: config?.rendererWrapper,
             needDeleteValue: config?.needDeleteValue,
             valueType: config?.valueType,
-            evalMode: config?.evalMode ?? false, // 默认需要${}包裹变量
+            evalMode: config?.evalMode ?? false // 默认需要${}包裹变量
           }
         ]
       };
@@ -368,7 +368,7 @@ setSchemaTpl(
         needDeleteValue: config?.needDeleteValue,
         valueType: config?.valueType,
         visibleOn: config?.visibleOn,
-        evalMode: config?.evalMode ?? false, // 默认需要${}包裹变量
+        evalMode: config?.evalMode ?? false // 默认需要${}包裹变量
       };
     }
   }
@@ -727,7 +727,8 @@ setSchemaTpl('richText', {
   buttons: [
     'paragraphFormat',
     'quote',
-    'color',
+    'textColor',
+    'backgroundColor',
     '|',
     'bold',
     'italic',
@@ -997,15 +998,18 @@ setSchemaTpl('app-page-args', {
   ]
 });
 
-setSchemaTpl('iconLink', (schema: {name: 'icon' | 'rightIcon', visibleOn: boolean}) => {
-  const {name, visibleOn} = schema;
-  return {
-    name: name,
-    visibleOn,
-    label: '图标',
-    type: 'icon-picker',
-    placeholder: '点击选择图标',
-    clearable: true,
-    description: ''
+setSchemaTpl(
+  'iconLink',
+  (schema: {name: 'icon' | 'rightIcon'; visibleOn: boolean}) => {
+    const {name, visibleOn} = schema;
+    return {
+      name: name,
+      visibleOn,
+      label: '图标',
+      type: 'icon-picker',
+      placeholder: '点击选择图标',
+      clearable: true,
+      description: ''
+    };
   }
-});
+);