ThinkPHP3.0配置百度编辑器UEditor

昨天在ThinkPHP上配置了UEditor,在此记录一下其中的过程和自己的心得体会。

参考资料UEditor开发文档:http://fex.baidu.com/ueditor/#server-php。

(1),下载UEditor,解压后本人是放在了tp框架的公众资源目录Public下的ueditor中。

(2),在浏览器下打开上文目录下的index.html,出现下图,但是此时文件上传功能还未实现

(3),设置图片上传目录,在Public文件夹下创建editor_up文件夹用来保存上传图片,打开Public/ueditor/php/config.json对其中的imagePathFormat进行配置(注意 路径配置项无论是否以 "/" 开头,都是相对于 网站根目录 的路径):

(4),设置成功了,刷新浏览器下的index.html,点击图片上传,成功!

(5),以上ThinkPHP配置UEditor就算是完成了,事实上,ueditor目录下的php文件夹我们可以放到本网站下的任意位置,只是需要修改ueditor下的ueditor.config.js中的服务器统一请求接口路径,将其修改为相对于该文件的正确的相对路径即可:

(6),注:上传图片过程中可能会出现由于文件过大而不能上传的情况,这时只需修改php的配置文件php.ini中的upload_max_filesize (上传文件的最大允许值)和post_max_size (post表单数据的最大允许值),修改后重启服务即可。

其中的心得体会:可能大家看起来很简单,可是当时自己也是花了一番功夫才弄好的。主要是自己对开发文档总是不能静下心来去阅读。实际上文档总是最详细的。可能某些话看起来好像不太懂,但只要耐下心来去思考,去查阅,总是会有收获的。

发布时间:2015-11-29

时间: 2024-10-10 08:33:18

ThinkPHP3.0配置百度编辑器UEditor的相关文章

百度编辑器ueditor(版本:r1_4_3-asp.net)配置

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Index.aspx.cs" Inherits="WebApplication2.Index" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/

FLASH图片上传功能—从百度编辑器UEditor里面提取出来

为了记录工作中碰到的各种问题,以及学习资料整理,今天开始,将以往的文章进行了一个整理,以后也开始认真的记录学习过程中的各种问题 在HTML里面的文件上传功能一直是个问题,为了实现上传文件大小限制,怎样显示进度条问题,以及上传前图片预览,也试过各种办法,直到有一天看到百度编辑器中的图片上传功能.花了点功夫把他单独提取出来. 最终效果图如下: 这个功能可以提供多个图片文件选择,预览,然后对上传的图片在上传队列中删除,以及旋转和,上传中进度条显示,以及上传相册的选择. 源代码下载路径为: http:/

关于百度编辑器UEditor的一点说明

大家在使用的时候要特别注意editor_config.js中的“URL”这个参数 我的理解:1.这个参数是editor整个结构的总路径          2.首先要把这个路径配置好了.才能正常的显示,并使用editor的功能 关于百度编辑器UEditor中的上传图片控件(多图片上传)的提取 本人才疏学浅,用IE一点点来调试.才完成这个功能,结果没有一个清楚的文章分享给大家实在惭愧. 文字不好说明,如果朋友们有需要,请加我的QQ,问题我们一起来讨论

dedecms整合百度编辑器(Ueditor)之上传图片加水印的办法

Ueditor抓取远程图片加水印方法 打开getRemoteImage.php, 找到://远程抓取图片配置 在上面添加: require_once('../../../dede/config.php');//dede为你的后台目录 require_once(DEDEADMIN."/inc/inc_archives_functions.php"); 继续修改getRemoteImage.php, 找到: fwrite( $fp2 , $img ); 在下面添加: @WaterImg($

百度编辑器ueditor给上传的图片添加水印

百度编辑器本身是没有为上传图片添加水印的功能,想要在上传的时候添加图片水印,也很简单.以 ueditor 1.2.6 为例,打开php目录下面的imageUp.php文件,查找"$info = $up->getFileInfo();",在这句代码的下面加入以下代码: /* 添加水印 start */ $water_img = "watermark.png"; //水印文件(替这里换成你要的水印) $img_min_w = 350; //添加水印需要图片最小达到

百度编辑器ueditor 在vs2008中的使用方法

个人觉得百度编辑器ueditor还是不错的,虽然出生的时间比较短,但某些方面相比其它富文本编辑器更优秀,免费.可定制等等. 由于在官方下载的ueditor包是在vs2012下开发的,可以在vs2010中使用,但在vs2008中就会报错.折腾了一翻,现将解决方法分享给需要的朋友,其实就是把里面包含.net4.0的元素换成.net3.5的 1.下载.net framework 3.5版的Newtonsoft.Json.dll替换原来的 2.删除config.cs里的 using System.Dyn

百度编辑器 Ueditor 如何增加模板 ?

简介: Ueditor 是百度出的开源富文本编辑器,非常符合国人习惯!模板功能很好用,但不能直接自定义, 下面就告诉大家如何增加模板. 查找模板在源代码中的位置: 已经知道其它模板的关键字,比如有:键入文档标题 grep '键入文档标题' -r  dir/ueditor/ 结果: [[email protected] ueditor]#  grep '键入文档标题' -r * dialogs/template/config.js:        "html":'<h1 class

百度编辑器ueditor前台代码高亮无法自动换行解决方法

这两天本站成功安装整合了百度编辑器ueditor,用着还挺不错,但是遇到了点小问题 问题描述: 在内容里面插入代码高亮显示,后台编辑器中是可以自动换行的,但是发表后,在前台查看,发现代码不能自动换行,直接超出了内容页的边界,极不美观,虽然复制是可以完整的. 解决办法: 找到高亮代码显示的css文件  /e/data/ecmseditor/ueditor/third-party/SyntaxHighlighter/shCoreDefault.css 具体的路径根据你的ueditor做改动 找到 代

dedecmsV5.7 百度编辑器ueditor 多图上传 在线管理 排序问题

问题:dedecms后台百度编辑器ueditor的多图上传-在线管理的图片排序有问题,想把这个顺序调成按照文件修改时间倒序来展示 解决方法: 1.打开/include/ueditor/php/aciton_list.php 在最后添加下面这个方法 function array_sort($array,$row,$type){ $array_temp = array(); $arr=array(); foreach($array as $v){ $array_temp[$v[$row]] = $v