vue 富文本插件 tinymce 没有icons

如果你在使用 tinymce 富文本编辑器时发现没有 icons，可能是因为缺少必要的 CSS 和字体文件。你可以尝试以下两种方法中的任意一种来解决这个问题：

1. 通过 CDN 引入 tinymce 的 CSS 和字体文件

在你的 HTML 文件中添加以下代码来引入 tinymce 的 CSS 和字体文件：

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tinymce/5.7.1/themes/silver/theme.min.css" integrity="sha512-XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX" crossorigin="anonymous" />
<style>
  @font-face {
    font-family: 'tinymce-icons';
    src: url('https://cdnjs.cloudflare.com/ajax/libs/tinymce/5.7.1/themes/silver/fonts/tinymce-icons.woff') format('woff'),
         url('https://cdnjs.cloudflare.com/ajax/libs/tinymce/5.7.1/themes/silver/fonts/tinymce-icons.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
  }
  .mce-i {
    font-family: 'tinymce-icons' !important;
  }
</style>

请注意，上面的代码中的 `integrity` 属性和 `XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX` 参数值应该是对应的 CDN 版本的 sha512 校验值。你可以在 tinymce 的官方网站上找到正确的 CDN 版本和校验值。

2. 在本地部署 tinymce 的 CSS 和字体文件

如果你不想使用 CDN，你也可以将 tinymce 的 CSS 和字体文件下载到本地并部署。你可以在 tinymce 的官方网站上下载最新版本的 tinymce 并解压缩。在解压缩后，你可以将 `themes/silver` 目录下的 `theme.min.css` 和 `fonts` 目录下的 `tinymce-icons.woff` 和 `tinymce-icons.ttf` 文件复制到你的项目中，并通过相对路径引用它们。例如：

<link rel="stylesheet" href="./tinymce/themes/silver/theme.min.css" />
<style>
  @font-face {
    font-family: 'tinymce-icons';
    src: url('./tinymce/themes/silver/fonts/tinymce-icons.woff') format('woff'),
         url('./tinymce/themes/silver/fonts/tinymce-icons.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
  }
  .mce-i {
    font-family: 'tinymce-icons' !important;
  }
</style>

请注意，上面的代码中的相对路径应该根据你的实际情况进行调整。