vue-froala-editor富文本的各种bug问题？

Question

最近公司后台需用到富文本编辑器：（出现几下几个问题没找到解决办法，求各路大神指点）？正常显示情况：出现的问题：问题一：富文本编辑在输入时会莫名其妙变成以下textarea样式（下图一）。我想是绑定的tag的问题，结果去掉：tag就变成（下图三）的显示情况，只是一个普通的文本字体。问题二：vue-froala-editor的引入问题，不知道什么font文件没引入还是引入错误了问题三：每个换行的br标签都会被一个p标签包裹，由于前端需要后台编辑时把p标签都替换成br标签，所以，<p></p> 正常一个br标签替换后就成了两个br标签多换行了。问题四：如何去掉工具栏多余的工具，只想显示编辑文字的操作

Answer 1

问题四：

在编辑器初始化配置中添加：

toolbarButtons: ['fullscreen', 'bold', 'italic', 'underline', 'strikeThrough', 'subscript', 'superscript', '|', 'fontFamily', 'fontSize', 'color', 'inlineStyle', 'paragraphStyle', '|', 'paragraphFormat', 'align', 'formatOL', 'formatUL', 'outdent', 'indent', 'quote', '-', 'insertLink', 'insertImage', 'insertVideo', 'embedly', 'insertFile', 'insertTable', '|', 'emoticons', 'specialCharacters', 'insertHR', 'selectAll', 'clearFormatting', '|', 'print', 'spellChecker', 'help', 'html', '|', 'undo', 'redo']

根据你的需要删除就行了

另外想问一下问题一是怎么解决的，我也遇到了，用的是Mac

Answer 2

你没破解，不是正版，操作10次就会变回 textarea