Vue富⽂本编辑器效果图：
image.png
此处介绍⼀个好⽤的 Tinymce 富⽂本编辑器，也是 vue-element-admin
后台管理项⽬中所⽤到的。（都有现成的了，不妨拿来⽤）
image.png
image.png
点击查看 vue-element-admin 富⽂本功能介绍
vue element admin
点击查看 Tinymce 中⽂⽂档
⽂件下载：
此处给⼤家看⼀下使⽤到的⽂件⽬录
image.png
上⾯就是封装好的富⽂本组件，你也可以 点击这⾥去下载 相应的⽂件⽬录，不过还是建议全部下载下
来，把对应的组件拿出来⽤⽐较好。（还有很多别的组件也很好⽤呢，也可以偷来⽤  ）
image.png
图⽚上传：
外部图⽚插⼊：这⾥提⼀下图⽚插⼊这块，每次插⼊的时候，你需要备注图⽚的在线地址，输⼊完之后，就会插⼊到编辑器中。
image.png
本地图⽚插⼊：如果想插⼊本地图⽚，你需要点击右上⾓的上传，然后配合⾃⼰后端的接⼝，上传本地图⽚到服务端，并⽣成⼀个在线图⽚地址，以便插⼊到编辑器中，这样你最终传给后端的就是⼀个 <img src="在线地址" alt=""> 的图⽚标签了。
image.png
下⾯⽂件标注的地⽅就是，上传图⽚的组件模块，这⾥⾯你可以根据⾃⾝需求进⾏调整
image.png
使⽤代码：

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。