在GOFLY项目的实现过程中,需要使用富文本编辑器,现在使用下wangEditor
很简单,先引入
<script src="https://cdn.jsdelivr.net/npm/wangeditor@latest/dist/wangEditor.min.js"></script>
再使用
html中
<div id="welcomeEditor"></div>
在methods方法中加入
initEditor(){ if(this.editor!=null){ return; } const E = window.wangEditor this.editor = new E('#welcomeEditor') this.editor.config.height = 240; this.editor.config.menus = [ 'head', 'bold', 'fontSize', 'fontName', 'italic', 'underline', 'strikeThrough', 'indent', 'lineHeight', 'foreColor', 'backColor', 'link', 'justify', 'emoticon', 'table', 'splitLine', 'undo', 'redo', ] this.editor.create(); } },
获取html内容
this.editor.txt.html();