| | |
| | | </div> |
| | | </template> |
| | | <script> |
| | | import E from 'wangeditor' |
| | | import wangEditor from 'wangeditor' |
| | | |
| | | export default { |
| | | data() { |
| | | return { |
| | | editor: null |
| | | } |
| | | }, |
| | | props:['getMyBody'], |
| | | mounted() { |
| | | this.editor = new E('#edit'); |
| | | this.editor.config.height = 450; |
| | | this.editor.config.colors = [ |
| | | '#4b9bb7', |
| | | '#09152f' |
| | | ] |
| | | |
| | | this.editor.config.onchange = (html)=>{ |
| | | // 第二步,监控变化,同步更新到 textarea |
| | | this.$emit('getMyBody', html); |
| | | } |
| | | this.editor = new wangEditor('#edit'); |
| | | this.editor.customConfig = this.editor.config; |
| | | this.editor.customConfig.height = 450; |
| | | this.editor.customConfig.colors = ['#4b9bb7', '#09152f']; |
| | | this.editor.customConfig.placeholder = '请输入'; |
| | | this.editor.customConfig.onchangeTimeout = 500; |
| | | this.editor.create(); |
| | | }, |
| | | beforeDestroy() { |