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

发布于 2022-09-06 22:09:25 字数 1384 浏览 44 评论 0

最近公司后台需用到富文本编辑器:(出现几下几个问题没找到解决办法,求各路大神指点)?

正常显示情况:
clipboard.png

出现的问题:
问题一:富文本编辑在输入时会莫名其妙变成以下textarea样式(下图一)。
我想是绑定的tag的问题,结果去掉:tag就变成(下图三)的显示情况,只是一个普通的文本字体。
clipboard.png

clipboard.png

clipboard.png

问题二:vue-froala-editor的引入问题,不知道什么font文件没引入还是引入错误了

clipboard.png

问题三:每个换行的br标签都会被一个p标签包裹,
由于前端需要后台编辑时把p标签都替换成br标签,
所以,<p></p> 正常一个br标签替换后就成了两个br标签多换行了。

clipboard.png

问题四:如何去掉工具栏多余的工具,只想显示编辑文字的操作

clipboard.png

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(4

话少心凉 2022-09-13 22:09:25

问题四:
在编辑器初始化配置中添加:

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

一张白纸 2022-09-13 22:09:25

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

瑕疵 2022-09-13 22:09:25

你好 你问题一解决了吗?

方觉久 2022-09-13 22:09:25

https://www.jianshu.com/p/cb7... 参考这个大佬的,我的没你的问题,可以试一下,版本号要锁定到 2.9 ,不要升级

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文