Quill富文本编辑器

在vue项目中使用Quill富文本编辑器
文本编辑器的工具栏部分按钮显示为灰色方块

img

网络问题,图标没有加载出来,建议清除缓存,刷新

这种情况可能是由于 Quill 富文本编辑器的 CSS 样式未正确加载导致的。你可以尝试以下几种方法:

  1. 确认 Quill 的 CSS 样式文件已正确引入。可以在浏览器的开发者工具中查看是否有加载失败的提示。

  2. 确认 Quill 的 CSS 样式文件与你的项目的 CSS 样式文件之间没有冲突。可以尝试将 Quill 的 CSS 样式文件放在你的项目的 CSS 样式文件之前引入。

  3. 确认 Quill 的 CSS 样式文件与你的项目的 CSS 样式文件之间没有重复的样式。可以在浏览器的开发者工具中查看是否有样式被覆盖的提示。

  4. 如果以上方法都无法解决问题,可以尝试使用 Quill 的 CDN 引入方式,以确保 Quill 的 CSS 样式文件能够正确加载。

还不行的话,可以提供代码片段或错误提示。