Browse Source

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

liuya6 2 years ago
parent
commit
0902de7504
2 changed files with 16 additions and 1 deletions
  1. 1 1
      src/design/index.less
  2. 15 0
      src/views/demo/editor/tinymce/Editor.vue

+ 1 - 1
src/design/index.less

@@ -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%);

+ 15 - 0
src/views/demo/editor/tinymce/Editor.vue

@@ -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 },