富文本框TinyMCE4.8上传本地图片基本配置(前端篇)

最近使用了一下TinyMCE富文本框,感觉是非常不错的一款,配置简单,界面优美,完全免费...推荐大家使用。

官方文档也比较容易阅读,大家有兴趣的可以自己去看看https://www.tiny.cloud/docs/quick-start/

这里简单记录一下我自己使用TinyMCE的配置,如果阅读过官方文档的前端配置也是极其简单的。

注意:上传本地图片是TinyMCE 4.3才新引入的功能,所以该配置只适合4.3及其以上,我本次使用的是4.8.2版本的。









这里需要注意的是: 在异步处理函数中xhr.open('POST', 'FileAction_updateFile');第二个参数是后台页面,文件上传的页面,如果文件上传成功,需要返回一个Json数据,其中必须包含一个location数据,比如:

{ location : '/uploaded/image/path/image.png' }

 location记录的是你图片保存的地址,然后返回到前台进行显示。

若不进行返回,异步处理函数将不会执行success(json.location);


富文本框TinyMCE4.8上传本地图片基本配置(后端篇)

你可能感兴趣的:(技术)