7***@qq.com
7***@qq.com
  • 发布:2019-08-13 16:35
  • 更新:2019-08-20 18:06
  • 阅读:5853

uniapp引入quill报错,以及APP端无法渲染iframe问题

分类:uni-app

因pc后台使用的是vue-quill-editor,且上传视频和图片接口已经封装好了,所以APP这边也要用quill,但是npm之后,在main.js中import VueQuillEditor from 'vue-quill-editor'; 加了这句话之后,真机调试就报错了(浏览器是好的),报错信息:


先在又找了个办法,直接用quill样式,用两个div包裹,这个办法没法渲染quill生成的iframe标签,Markdown和uparse都试了,iframe包裹的video就是出不来
真的很无奈,第一次用uniapp,项目中大量的富文本渲染,如果这个问题没有方法解决,我就要考虑用回cordova了,我是真的很想用uni,因为真的很方便。。。

2019-08-13 16:35 负责人:无 分享
已邀请:
7***@qq.com

7***@qq.com (作者)

uparse可以用,只需要将富文本字符串用replace方法,把iframe标签转成video,再放入uparse即可。我这里渲染不出来是因为页面路径和@components冲突了。至于quill,可以全局引入quill的三个样式,再在uparse外包裹两层quill样式即可,无需引入quill。

DCloud_heavensoft

DCloud_heavensoft

uni-app的app端和小程序一样,没有dom也没有iframe标签。
uni-app的标准富文本解决方案是:https://ask.dcloud.net.cn/article/35772
如果你需要webview的话,也没必要使用cordova,用web-view组件就好了,功能比cordova多。

  • 7***@qq.com (作者)

    但是我这里pc后台配置的富文本,样式是quill封装的样式,不是行内样式,我最初考虑的就是uparse,但是没法识别quill封装样式,按理说我安装第三方插件应该不会有问题的啊。我又补充了一下报错信息,大佬帮忙看一下,谢谢了

    2019-08-14 09:45

该问题目前已经被锁定, 无法添加新回复