@toast-ui/vue-editor中Viewer和Editor封装与使用

需求:

页面局部文本内容需要编辑

实现:

方案一:
texteara 内容换行‘\n’ 替换未
,不支持富文本内容,加粗斜线等等
方案二:

使用@toast-ui/vue-editor富文本编辑 封装editor和viewer
“@toast-ui/vue-editor”: “^3.2.3”,
思想来源于vue-element-admin
vue-element-admin github
vue-editor使用方法
@toast-ui/editor使用

实现过程

封装editor




封装viewer

关键代码 this.$refs[this.editorRef].editor.preview.setHTML(newVal)




使用viewer和editor






你可能感兴趣的:(vue.js,ui,javascript)