|  |  | 
 |  |  | <template> | 
 |  |  |   <div :style="styleEditor"> | 
 |  |  |     <Toolbar style="border-bottom: 1px solid #ccc" :editor="editor" :defaultConfig="toolbarConfig" :mode="mode" /> | 
 |  |  |     <Editor style="min-height: 80px; overflow-y: hidden;" v-model="html" :defaultConfig="editorConfig" :mode="mode" | 
 |  |  |     <Editor :style="style" class="declass"  v-model="html" :defaultConfig="editorConfig" :mode="mode" | 
 |  |  |             @onCreated="onCreated" @onChange="onChange" /> | 
 |  |  |   </div> | 
 |  |  | </template> | 
 |  |  | 
 |  |  |       default: '' | 
 |  |  |     }, | 
 |  |  |     styleEditor: '', | 
 |  |  |     style:'', | 
 |  |  |     readonly: false // 是否可以输入 | 
 |  |  |   }, | 
 |  |  |   name: 'RichEditor', | 
 |  |  | 
 |  |  |         MENU_CONF: { | 
 |  |  |           // 图片上传 | 
 |  |  |           uploadImage: { | 
 |  |  |             server: process.env.VUE_APP_API_PREFIX + '/web/public/upload?folder=richeditor', | 
 |  |  |             server: process.env.VUE_APP_API_PREFIX + '/web/public/uploadLocal?folder=', | 
 |  |  |             fieldName: 'file', | 
 |  |  |             // 单个文件的最大体积限制,默认为 2M | 
 |  |  |             maxFileSize: 20 * 1024 * 1024, // 10M | 
 |  |  | 
 |  |  | }) | 
 |  |  | </script> | 
 |  |  | <style lang="scss"> | 
 |  |  | .declass{ | 
 |  |  |   min-height: 80px; overflow-y: hidden; | 
 |  |  | } | 
 |  |  | </style>> |