vue-quill-editor图标失效

uniapp开发的web端门户网站
嵌入vue-quill-editor插件后，有的样式不显示

因为你没有正确的引入icon 去看下配置目录， 如有帮助给个采纳谢谢

不知道你这个问题是否已经解决, 如果还没有解决的话:

• 这有个类似的问题, 你可以参考下: https://ask.csdn.net/questions/7655695
• 我还给你找了一篇非常好的博客，你可以看看是否有帮助，链接：vue-quill-editor自定义字体大小和字体样式
• 除此之外, 这篇博客: vue-quill-editor富文本编辑器插入图片中的 vue-quill-editor富文本编辑器插入图片 部分也许能够解决你的问题, 你可以仔细阅读以下内容或者直接跳转源博客中阅读:
  
  主要就是增加了elment-ui的el-upload上传图片组件
• • editor.vue 组件
  • 使用editor.vue的组件

• 以下回答来自chatgpt:

  问题解答

  根据参考资料，可以使用以下步骤解决在uniapp开发的web端门户网站中使用vue-quill-editor插件时，部分样式无法显示的问题：

  1. 首先，确保已经成功安装了vue-quill-editor插件，在项目的根目录下执行以下命令安装：

  npm install vue-quill-editor
  

  1. 在需要使用该插件的页面中引入插件并注册：

  <template>
    <vue-quill-editor v-model="content"></vue-quill-editor>
  </template>
  
  <script>
  import VueQuillEditor from 'vue-quill-editor'
  
  export default {
    components: {
      VueQuillEditor
    },
    data () {
      return {
        content: ''
      }
    }
  }
  </script>
  

  1. 根据参考资料中的示例，将需要显示编辑内容的地方使用v-html指令绑定content的值：

  <template>
    <div>
      <div v-html="content"></div>
    </div>
  </template>
  
  <script>
  export default {
    data () {
      return {
        content: '<p>Hello World!</p><p>Some initial <strong>bold</strong> text</p><p><br></p>'
      }
    }
  }
  </script>
  

  这样，使用vue-quill-editor就可以成功在uniapp开发的web端门户网站中显示富文本内容，并解决了部分样式无法显示的问题。

  希望以上解决方案对你有帮助！如果你还有其他问题，请随时提问。

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