uniapp微信小程序渲染vue-quill-editor富文本部分样式丢失

img

主要就是代码块、引用等样式丢失,在编辑的时候还有呢,在小程序上渲染就没了。其它样式是有的

img

【相关推荐】



  • 这个问题的回答你可以参考下: https://ask.csdn.net/questions/7655695
  • 我还给你找了一篇非常好的博客,你可以看看是否有帮助,链接:三行代码,完美解决vue-quill-editor富文本样式失效问题
  • 除此之外, 这篇博客: vue-quill-editor富文本编辑器使用方法,最全,含部分源码解读,含图片上传,如果页面有多个富文本,图片上传解决方案中的 3.1 编辑器头部功能菜单配置 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:
    // 富文本编辑器配置
          editorOption: {
            modules: {
              toolbar: [
                ['bold', 'italic', 'underline', 'strike'], // 加粗 斜体 下划线 删除线
                ['blockquote', 'code-block'], // 引用  代码块
                [{ header: 1 }, { header: 2 }], // 1、2 级标题
                [{ list: 'ordered' }, { list: 'bullet' }], // 有序、无序列表
                [{ script: 'sub' }, { script: 'super' }], // 上标/下标
                [{ indent: '-1' }, { indent: '+1' }], // 缩进
                [{ direction: 'rtl' }], // 文本方向
                [{ size: ['12', '14', '16', '18', '20', '22', '24', '28', '32', '36'] }], // 字体大小
                [{ header: [1, 2, 3, 4, 5, 6] }], // 标题
                [{ color: [] }, { background: [] }], // 字体颜色、字体背景颜色
                // [{ font: ['songti'] }], // 字体种类
                [{ align: [] }], // 对齐方式
                ['clean'], // 清除文本格式
                ['image', 'video'] // 链接、图片、视频
              ]
            },
            placeholder: '请输入正文'
          },

     这里的size和header经过了处理,如图:换成了自定义内容,例如,修改字号,方法如下:


如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^