大概的操作都可以根据这篇博文来，感谢博主的文章，写得很仔细，很好！ vue-element-admin使用tinymce富文本编辑器 但是我做完后发现富文本编辑器中的图标都没有显示出来，都是not found 于是在src/components/tinymce/index.vue文件中加上这句代码就好了：
import 'tinymce/icons/default/icons'最后呢，如果你在富文本编辑器中的图片想要直接上传到服务器上去，你就直接按照上面那位博主的代码写，修改掉上传路径即可！如果想直接存储图片的BASE64编码的话呢，在index.vue文件中修改代码：
// images_upload_handler: (blobInfo, success, failure) => { // let formdata = new FormData() // formdata.set('file', blobInfo.blob()) // //上传到服务器后要改地址 // //这个地址，改成自己后台上传图片的地址http://localhost:8008/api/upload/img/ // axios.post('http://localhost:8001/api/upload/img/', formdata).then(res => { // //上传到服务器后要改地址 // //这个地址是我图片映射路径http://localhost:8088/images/，可以用nginx // success("http://localhost:8001/images/"+res.data) // }).catch(res => { // failure('error') // }) // } images_upload_handler: (blobInfo, success, failure) => { var reader = new FileReader(); reader.readAsDataURL(blobInfo.blob()); reader.onload = function () { success(this.result); } }如此即可！
如果你的富文本编辑器是在表单中的，那么你只需用v-model来绑定属性即可，如：
<div class="app-container"> <editor :curValue="content" v-model="bookInfo.description" @input="newContent" /> </div>