| | |
| | | <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>> |