PHP集成百度Ueditor 1.4.3


Posted in PHP onNovember 23, 2014

最近很多群友都来问我怎么集成百度UE(ueditor 1.4.3),实在回答不过来,所以在这写一下集成百度UE的思路,本文内使用的最新版的UE1.4.3。

下载安装

1.首先到官网下载最新版的UE1.4.3
UE官方下载地址:http://ueditor.baidu.com/website/download.html#ueditor

这里我下载的是1.4.3PHP版本。下载你所使用的版本就行。

解压文件到你的项目

PHP集成百度Ueditor 1.4.3

2.部署.在前端Html页面引入UE  所需的JS文件,然后使用getEditor 实例化

<body>

    <!-- 加载编辑器的容器 -->

    <script id="container" name="content" type="text/plain">

        这里写你的初始化内容

    </script>

    <!-- 配置文件 -->

    <script type="text/javascript" src="ueditor.config.js"></script>

    <!-- 编辑器源码文件 -->

    <script type="text/javascript" src="ueditor.all.js"></script>

    <!-- 实例化编辑器 -->

    <script type="text/javascript">

        var ue = UE.getEditor('container');

    </script>

</body>

 
浏览你的页面,即可见Ueditor 。是不是很简单的说。

配置Ueditor

UEditor 的配置项分为两类:前端配置项 和 后端配置项。
前后端的配置统一写在后端(PHP版本的config在php/config.json),编辑器实例化时,异步读取后端配置信息,覆盖到前端的配置里。

后端获取的配置项 > 实例化传入的配置项 > ueditor.config.js文件的配置项

前端配置项:官方提供了两种配置方法,静态配置、动态配置。

静态配置:即配置ueditor 目录下的 ueditor.config.js  具体配置项就参考  http://fex-team.github.io/ueditor/#start-config

动态配置:即在实例化UE的时候,通过动态传入配置参数。

var ue = UE.getEditor('container', {

    //这里写你的自定义配置项

    toolbars: [

        ['fullscreen', 'source', 'undo', 'redo', 'bold']

    ],

    autoHeightEnabled: true,

    autoFloatEnabled: true

});

后端配置项:
在这里先说一下UE的请求:UE所有的操作都是通过get方式请求serverUrl传递action变量的值来进行下一步操作。获取配置、上传图片、获取图片等等其它的操作。

UE默认是通过读取目录下的ueditor.config.js 中的serverUrl 参数然后通过get方法传递action=config来获取后端的配置项的。默认请求是:serverUrl?action=config 来获取配置项的。serverUrl 可以在前端页面动态配置和ueditor.config.js静态配置都是可以的。

你可以测试你的网站下的路径 ueditor/php/controller.php?action=config 是否正常返回了json格式(其它格式也可以,具体请看官方文档)的后端配置内容,格式大致如下。如果这个请求出错,出现400、500等错误,编辑器上传相关的功能将不能正常使用。

{

    "imageUrl": "http://localhost/ueditor/php/controller.php?action=uploadimage",

    "imagePath": "/ueditor/php/",

    "imageFieldName": "upfile",

    "imageMaxSize": 2048,

    "imageAllowFiles": [".png", ".jpg", ".jpeg", ".gif", ".bmp"]

    "其他配置项...": "其他配置值..."

}
 

集成

前面已经说过了UE所有的操作都是通过get方式请求serverUrl传递action变量的值来进行下一步操作。获取配置、上传图片、获取图片等等其它的操作。了解了这一点,对于集成PHP。或者其它的语言都很简单了。具体代码可以参考官方提供的Demo。

好了,小伙伴们已经明白了如何集成百度Ueditor了吧,本文是自己的一些经验,希望能帮到大家

PHP 相关文章推荐
MySQL 日期时间函数常用总结
Jun 12 PHP
PHP把网页保存为word文件的三种方法
Apr 01 PHP
php实现屏蔽掉黑帽SEO的搜索关键字
Apr 15 PHP
PHP实现中文圆形印章特效
Jun 19 PHP
php图片水印添加、压缩、剪切的封装类实现
Apr 18 PHP
用php代码限制国内IP访问我们网站
Sep 26 PHP
PHP中SSO Cookie登录分析和实现
Nov 06 PHP
Yii编程开发常见调用技巧集锦
Jul 15 PHP
PHP基于GD库的图像处理方法小结
Sep 27 PHP
解决laravel session失效的问题
Oct 14 PHP
PHP实现Markdown文章上传到七牛图床的实例内容
Feb 11 PHP
php7中停止php-fpm服务的方法详解
May 09 PHP
php jsonp单引号转义
Nov 23 #PHP
php常用文件操作函数汇总
Nov 22 #PHP
ThinkPHP中公共函数路径和配置项路径的映射分析
Nov 22 #PHP
ThinkPHP中I(),U(),$this-&gt;post()等函数用法
Nov 22 #PHP
ThinkPHP中处理表单中的注意事项
Nov 22 #PHP
php中convert_uuencode()与convert_uuencode函数用法实例
Nov 22 #PHP
php常用hash加密函数
Nov 22 #PHP
You might like
生成静态页面的PHP类
2006/11/25 PHP
php zend 相对路径问题
2009/01/12 PHP
PHP清除数组中所有字符串两端空格的方法
2014/10/20 PHP
laravel 执行迁移回滚示例
2019/10/23 PHP
在网页中控制wmplayer播放器
2006/07/01 Javascript
Jquery从头学起第四讲 jquery入门教程
2010/08/01 Javascript
Js控制弹窗实现在任意分辨率下居中显示
2013/08/01 Javascript
zTree插件之单选下拉菜单实例代码
2013/11/07 Javascript
javascript根据时间生成m位随机数最大13位
2014/10/30 Javascript
JavaScript实现关键字高亮功能
2014/11/12 Javascript
Jquery实现地铁线路指示灯提示牌效果的方法
2015/03/02 Javascript
jQuery弹出层插件Lightbox_me使用指南
2015/04/21 Javascript
JavaScript实现强制重定向至HTTPS页面
2015/06/10 Javascript
利用策略模式与装饰模式扩展JavaScript表单验证功能
2017/02/14 Javascript
如何理解Vue的render函数的具体用法
2017/08/30 Javascript
jQuery实现的表格前端排序功能示例
2017/09/18 jQuery
jQuery实现表单动态添加与删除数据操作示例
2018/07/03 jQuery
如何手动实现es5中的bind方法详解
2018/12/07 Javascript
vue父子组件间引用之$parent、$children
2020/05/20 Javascript
[43:26]完美世界DOTA2联赛PWL S2 Forest vs Rebirth 第二场 11.20
2020/11/23 DOTA
浅谈numpy中linspace的用法 (等差数列创建函数)
2017/06/07 Python
python使用threading获取线程函数返回值的实现方法
2017/11/15 Python
django自带的server 让外网主机访问方法
2018/05/14 Python
python安装twisted的问题解析
2018/08/21 Python
numpy concatenate数组拼接方法示例介绍
2019/05/27 Python
pytorch 在sequential中使用view来reshape的例子
2019/08/20 Python
意大利奢侈品多品牌集合店:TheDoubleF
2019/08/24 全球购物
施工人员岗位职责
2013/12/12 职场文书
外企求职信范文分享
2013/12/31 职场文书
防沙治沙典型材料
2014/05/07 职场文书
会展策划与管理专业求职信
2014/06/09 职场文书
路政管理求职信
2014/06/18 职场文书
《中国梦我的梦》中学生演讲稿
2014/08/20 职场文书
2015年初三班主任工作总结
2015/05/21 职场文书
2016年万圣节活动个人总结
2016/04/05 职场文书
公文写作:工伤事故分析报告怎么写?
2019/11/05 职场文书