ThinkPHP集成百度Ueditor图文教程

ThinkPHP集成了百度Ueditor，基于黄永成老师视频描述的说法：最好每个人都写绝对路径，比如：window。UEDITOR_HOME_URL

他在教程里说的话，我就不再说了，我就当是刷掉了，别瞎说！

调用编辑器时，首先初始化一些值：

脚本类型=' text/JavaScript ' charset=' utf-8 '窗口。UEDITOR _ HOME _ URL='/Public/UEDITOR/'；//UEDITOR_HOME_URL、config和all不能更改。window . onload=function(){ window . u editor _ config . initial frame height=300；//编辑器的高度window . u editor _ config . imageurl=' { : u(' admin/category/check pic ')} '；//图像上传提交地址window . u editor _ config . imagepath='/uploads/thumb/'；//编辑器调用图片的地址UE . geteditor(' contents ')；//里面的内容是我的textarea}的id值/script然后介绍两个js文件，分别是：1，ueditor.all.min.js 2和ueditor.config.js在这里，声明一下我上面说的调用方式。秩序不能混乱。如果是无序的，就会有问题，所以要循序渐进。

因为重写了编辑器的图像提交地址，所以要在控制器中写一个图像处理的方法。

代码如下：

//更改Ueditor公共函数check pic(){ import(' org . net . uploadfile ')的默认图像上传路径；$ upload=new UploadFile()；//实例化上传类$ upload-allow XT s=array(' jpg '，' gif '，' png '，' JPEG ')；//设置附件上传类型$ upload-autoSub=true；$ upload-SuBject=' date '；$ upload-Dateformat=' ym '；$upload-savePath='。/Uploads/thumb/'；//设置附件上传目录if($ upload-upload()){ $ info=$ upload-getuploadfileinfo()；echo json_encode(数组(' url'=$info[0]['savename']，' title '=html specialchars($ _ POST[' pictitle ']，ENT_QUOTES)，' original'=$info[0]['name']，' state '=' SUCCESS '))；} else { echo JSON _ encode(array(' state '=$ upload-geterrmsg()))；}}我先给大家看代码，然后继续讲解。

1.介绍tp的官方文件上传处理类，然后初始化一些配置，不介绍！

2.判断他上传是否成功。如果他上传成功，首先获取他上传成功的信息，然后将数组转换成json，使用phpjson_encode。如果上传失败，直接返回上传失败的信息！

以上都已经在黄永诚的教程中讲解过了！不细说，不懂就看视频！

整合上传后，发现上传的图片路径被转义，无法显示，如图：

我在显示数据的地方使用了反转功能，并操作了一会儿{$ article。content | striplasses}，因此转义字符串被反转，这样数据可以正常显示，如图所示：

然后前台模板显示数据时，不仅要反转意思还要去掉html物化，{ $ article . content | html specialchars _ decode | strip flash }才能正常显示！

还是有问题。当百度编辑器中的内容增长时，他的身高也会增长，如图：

解决方法是打开Ueditor的配置文件ueditor.config.js第428行的注释，并将其更改为true。还有430行注释可以打开，并将其更改为与您的初始化相对应的高度。如图所示：

这样编辑就撑不住了！如图所示：

结束！说不好就不要喷~ ~这只是分享和交流。如果你说错了什么，就指出来。谢谢~ ~ ~

补充说明：关于ie7下Ueditor无法调用的bug解决方案，这是我前天访问官网时发现的问题，因为我只有心爱的ie6，还没有测试过，所以现在别人提醒我修正ie7的bug解决方案~谢谢这个大湿的~如图：