vue富文本组件（一）vue 2.0 tinymce-vue 添加图标 表情 失败问题总结 图标表情返回 问号

承接上一篇 vue富文本组件（一）vue 2.0 tinymce-vue
将多余需要写的部分写在这里；

// 引入
import "tinymce/plugins/emoticons";
import "tinymce/plugins/emoticons/js/emojis";

// 插件部分增加 emoticons
    plugins: {
      type: [String, Array],
      default:
        "preview searchreplace autolink directionality visualblocks visualchars fullscreen image emoticons link media template code codesample table charmap hr nonbreaking insertdatetime advlist lists wordcount imagetools textpattern autosave bdmap autoresize lineheight"
    },
// toolbar部分增加 emoticons
    toolbar: {
      type: [String, Array],
      default:
        "code undo redo restoredraft | cut copy paste pastetext image emoticons | forecolor backcolor bold italic underline strikethrough link codesample | alignleft aligncenter alignright alignjustify outdent indent lineheight formatpainter | styleselect formatselect fontselect fontsizeselect | bullist numlist | blockquote subscript superscript removeformat | table media charmap hr pagebreak insertdatetime | bdmap fullscreen preview"
    }
    ```
然后就可以了,就是这么简单，其实就是两句话的事。

另外注意，后台设计表时要采用
ntext、nvarchar 存储富文本字段，不然 图标会返回 ？？。

![在这里插入图片描述](https://img-blog.csdnimg.cn/37012637873e41ccbab63f9fdbaa257c.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBATGlfTmluZzIx,size_20,color_FFFFFF,t_70,g_se,x_16)
![在这里插入图片描述](https://img-blog.csdnimg.cn/565c197490ed4e9aad37e9a9c7100e72.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBATGlfTmluZzIx,size_20,color_FFFFFF,t_70,g_se,x_16)
就很蛋疼。