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 相关文章推荐
DedeCms模板安装/制作概述
Mar 11 PHP
PHP中Date获取时间不正确怎么办
Jun 05 PHP
php表单提交问题的解决方法
Apr 12 PHP
php使用sql数据库 获取字段问题介绍
Aug 12 PHP
php数组查找函数in_array()、array_search()、array_key_exists()使用实例
Apr 29 PHP
PHP冒泡算法详解(递归实现)
Nov 10 PHP
php实现汉字验证码和算式验证码的方法
Mar 07 PHP
php实现简单的语法高亮函数实例分析
Apr 27 PHP
PHP中常用的数组操作方法笔记整理
May 16 PHP
PHP递归算法的简单实例
Feb 28 PHP
PHP 数组操作详解【遍历、指针、函数等】
May 13 PHP
phpQuery解析HTML乱码问题(补充官网未列出的乱码解决方案)
Apr 01 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 ajax实现文件上传进度条
2016/03/29 PHP
js静态作用域的功能。
2006/12/25 Javascript
js判断鼠标同时离开两个div的思路及代码
2013/05/31 Javascript
JavaScript 函数参数是传值(byVal)还是传址(byRef) 分享
2013/07/02 Javascript
浅析JavaScript中的同名标识符优先级
2013/12/06 Javascript
js获取客户端网卡的IP地址、MAC地址
2014/03/26 Javascript
javascript轻量级模板引擎juicer使用指南
2014/06/22 Javascript
js鼠标点击图片切换效果代码分享
2015/08/26 Javascript
讲解JavaScript的Backbone.js框架的MVC结构设计理念
2016/02/14 Javascript
使用Vue开发一个实时性时间转换指令
2018/01/17 Javascript
Vue下路由History模式打包后页面空白的解决方法
2018/06/29 Javascript
JavaScript中的回调函数实例讲解
2019/01/27 Javascript
JS实现的对象去重功能示例
2019/06/04 Javascript
ant-design-vue 实现表格内部字段验证功能
2019/12/16 Javascript
解决await在forEach中不起作用的问题
2021/02/25 Javascript
python教程之用py2exe将PY文件转成EXE文件
2014/06/12 Python
举例讲解Python面相对象编程中对象的属性与类的方法
2016/01/19 Python
Php多进程实现代码
2018/05/07 Python
Tensorflow实现卷积神经网络的详细代码
2018/05/24 Python
python-opencv颜色提取分割方法
2018/12/08 Python
Python 多线程搜索txt文件的内容,并写入搜到的内容(Lock)方法
2019/08/23 Python
vim自动补全插件YouCompleteMe(YCM)安装过程解析
2019/10/21 Python
matplotlib quiver箭图绘制案例
2020/04/17 Python
关于python tushare Tkinter构建的简单股票可视化查询系统(Beta v0.13)
2020/10/19 Python
CSS3 三维变形实现立体方块特效源码
2016/12/15 HTML / CSS
英国最大的在线运动补充剂商店:Discount Supplements
2017/06/03 全球购物
德国机车企业:FC-Moto
2017/10/27 全球购物
英国领先的高街书籍专家:Waterstones
2018/02/01 全球购物
世界上最大的冷却器制造商:Igloo Coolers
2019/07/23 全球购物
销售人员获奖感言
2014/02/05 职场文书
2014年社区庆元旦活动方案
2014/03/08 职场文书
产品质量承诺书范文
2014/03/27 职场文书
给校长的建议书600字
2014/05/15 职场文书
幼儿园小班见习报告
2014/10/31 职场文书
详解Golang如何优雅的终止一个服务
2022/03/21 Golang
Java实战之课程信息管理系统的实现
2022/04/01 Java/Android