修改tinymce富文本下拉菜单错位的bug (#1996)

liuya6 · GitHub
1 parent da8e0bdf
Showing 2 changed files with 16 additions and 1 deletions
src/design/index.less
src/views/demo/editor/tinymce/Editor.vue
@@ -22,7 +22,7 @@ body {
   width: 100%;
   height: 100%;
   overflow: visible !important;
-  overflow-x: hidden !important;
+  //overflow-x: hidden !important; // 这个会导致tinymce富文本，下拉菜单错位！！！
   &.color-weak {
     filter: invert(80%);
@@ -41,6 +41,21 @@
         });
       },
     },
+    {
+      field: 'tinymce2',
+      component: 'Input',
+      label: 'tinymce2',
+      defaultValue: 'tinymce2',
+      rules: [{ required: true }],
+      render: ({ model, field }) => {
+        return h(Tinymce, {
+          value: model[field],
+          onChange: (value: string) => {
+            model[field] = value;
+          },
+        });
+      },
+    },
   ];
   export default defineComponent({
     components: { BasicForm, CollapseContainer, PageWrapper },