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 相关文章推荐
一个数据采集类
Feb 14 PHP
php正则表达式(regar expression)
Sep 10 PHP
php实现按指定大小等比缩放生成上传图片缩略图的方法
Dec 15 PHP
php基于curl扩展制作跨平台的restfule 接口
May 11 PHP
PHP实现的限制IP投票程序IP来源分析
May 04 PHP
PHP获取指定时间段之间的 年,月,天,时,分,秒
Jun 05 PHP
Laravel使用memcached缓存对文章增删改查进行优化的方法
Oct 08 PHP
PHP实现表单提交时去除斜杠的方法
Dec 26 PHP
PHP面向对象程序设计(OOP)之方法重写(override)操作示例
Dec 21 PHP
laravel 操作数据库常用函数的返回值方法
Oct 11 PHP
PHP Swoole异步读取、写入文件操作示例
Oct 24 PHP
PHP const定义常量及global定义全局常量实例解析
May 28 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 递归效率分析
2009/11/24 PHP
PHP入门学习笔记之一
2010/10/12 PHP
用Json实现PHP与JavaScript间数据交换的方法详解
2013/06/20 PHP
PHP使用CURL实现对带有验证码的网站进行模拟登录的方法
2014/07/23 PHP
PHP实现微信商户支付企业付款到零钱功能
2018/09/30 PHP
JS中剪贴板兼容性、判断复制成功或失败
2021/03/09 Javascript
扩展jquery实现客户端表格的分页、排序功能代码
2011/03/16 Javascript
jquery入门—访问DOM对象方法
2013/01/07 Javascript
基于JavaScript 下namespace 功能的简单分析
2013/07/05 Javascript
jquery indexOf使用方法
2013/08/19 Javascript
Javascript表单验证要注意的事项
2014/09/29 Javascript
Javascript获取当前时间函数和时间操作小结
2014/10/01 Javascript
JavaScript 异常处理 详解
2015/02/06 Javascript
JS实现按比例缩放图片的方法(附C#版代码)
2015/12/08 Javascript
JavaScript原生对象常用方法总结(推荐)
2016/05/13 Javascript
js时间戳和c#时间戳互转方法(推荐)
2017/02/15 Javascript
详解用node编写自己的cli工具
2017/05/23 Javascript
Angular在模板驱动表单中自定义校验器的方法
2017/08/09 Javascript
jquery实现聊天机器人
2020/02/08 jQuery
微信小程序中使用 async/await的方法实例分析
2020/05/06 Javascript
基于vue--key值的特殊用处详解
2020/07/31 Javascript
Vue+Openlayers自定义轨迹动画
2020/09/24 Javascript
[56:35]DOTA2上海特级锦标赛C组小组赛#1 OG VS Archon第二局
2016/02/27 DOTA
在Python程序中操作文件之flush()方法的使用教程
2015/05/24 Python
python交互式图形编程实例(二)
2017/11/17 Python
python 如何把docker-compose.yaml导入到数据库相关条目里
2021/01/15 Python
英国100%防污和防水的靴子:Muck Boot Company
2020/09/08 全球购物
Farfetch巴西官网:奢侈品牌时尚购物平台
2020/10/19 全球购物
俄罗斯购买内衣网站:Trusiki
2020/08/22 全球购物
自我推荐书
2013/12/04 职场文书
2014年社区庆元旦活动方案
2014/03/08 职场文书
2014年最新学习全国两会精神心得
2014/03/17 职场文书
学习演讲稿范文
2014/05/10 职场文书
维稳承诺书
2015/01/20 职场文书
道士塔读书笔记
2015/06/30 职场文书
CDPR谈《巫师》新作用虚幻5原因 称不会为Epic独占
2022/04/06 其他游戏