tinymce

src/components/tinymce/config.js

@@ -1,8 +1,8 @@
 /* eslint-disable max-len */
 
 export const plugins = [
-    'advlist anchor autolink autosave code codesample directionality emoticons fullscreen hr image imagetools insertdatetime link lists media nonbreaking noneditable pagebreak paste preview print save searchreplace spellchecker tabfocus table template textpattern visualblocks visualchars wordcount'
+    'autoresize advlist anchor autolink autosave code codesample directionality emoticons fullscreen hr image imagetools insertdatetime link lists media nonbreaking noneditable pagebreak paste preview print save searchreplace spellchecker tabfocus table template textpattern visualblocks visualchars wordcount'
 ]
 export const toolbar = [
-    'code searchreplace bold italic underline strikethrough alignleft aligncenter alignright outdent indent blockquote removeformat subscript superscript codesample hr bullist numlist link image charmap preview anchor pagebreak insertdatetime media table emoticons forecolor backcolor fullscreen'
+    '  bold italic underline strikethrough alignleft aligncenter alignright outdent indent blockquote removeformat subscript superscript  hr bullist numlist link image charmap preview  pagebreak insertdatetime media table emoticons forecolor backcolor fullscreen fontsizeselect'
 ]

src/components/tinymce/index.vue

@@ -40,7 +40,8 @@ export default {
                 content_css : '/tinymce/skins/content/tduck' ,
                 plugins,
                 toolbar,
-                height: 300,
+                height: 200,
+                fontsize_formats: "8pt 10pt 12pt 14pt 18pt 24pt 36pt",
                 branding: false,
                 object_resizing: false,
                 end_container_on_empty_block: true,

src/views/form/editor.vue

@@ -48,7 +48,7 @@
                     </el-row>
                     <el-row type="flex" justify="center" align="middle">
                         <el-col :span="20" style="text-align: center">
-                            <Tinymce v-model="formConf.description" :height="300" placeholder="请输入表单描述" />
+                            <Tinymce v-model="formConf.description" @input="saveProjectInfo" placeholder="请输入表单描述" />
 <!--                            <p class="form-name-text" contenteditable="true"-->
 <!--                               @blur="(event)=>{-->
 <!--                                   formConf.description=event.target.innerText;-->