前两天写一个网站的时候,需要引入Ueditor,发现网上好多引入Ueditor的教程用的都是旧版本,我用的是Ueditor1.4.3,弄了好久才配置成功,想分享给大家。

里面的U方法里面是你的图片提交处理方法的地址,设置之后上传图片的时候会提交到你写的方法
然后再你自己的处理方法里返回这个json数据就好了
首先实例化编辑器,跟旧版本一样,Ueditor的文档里面说的很清楚,需要引入ueditor.config.js和ueditor.all.js这两个文件,在实例化编辑器之前可以做相应的配置,代码如下

想改变图片上传地址的话在config.json里面可以改
如果你想把图片处理类改成TP框架里面的图片处理类的话,可以在实例化编辑器之前加入如下代码

里面的U方法里面是你的图片提交处理方法的地址,设置之后上传图片的时候会提交到你写的方法
然后在你的方法里面引用TP框架里面的图片处理类,地址是ThinkPHP/Extend/Library/ORG/Net/UploadFile.class.php
里面可以配置图片的保存地址,还有很多配置我就不一一说了,都有汉语注释
图片保存之后我们需要给编辑器返回信息,返回的信息在action_upload.php里面有,是个json数据

然后再你自己的处理方法里返回这个json数据就好了

里面的url是你的图片的保存路径,如果这个不正确的话,编辑器里面不会显示图片的,state必须是‘SUCCESS’,这样表明上传成功。到这一步所有的配置就完成了。
希望对大家有所帮助!
本文介绍了如何在最新版本的Ueditor 1.4.3中与TP框架进行整合,详细阐述了配置过程,包括编辑器实例化、图片上传路径的修改、使用TP框架的图片处理类以及处理方法的设定,确保图片能够成功显示并返回正确的JSON数据。

3万+

被折叠的 条评论
为什么被折叠?



