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 相关文章推荐
快速开发一个PHP扩展图文教程
Dec 12 PHP
php daddslashes()和 saddslashes()有哪些区别分析
Oct 26 PHP
php数组(array)输出的三种形式详解
Jun 05 PHP
php中FTP函数ftp_connect、ftp_login与ftp_chmod用法
Nov 18 PHP
php中get_cfg_var()和ini_get()的用法及区别
Mar 04 PHP
举例讲解PHP面对对象编程的多态
Aug 12 PHP
HTML中嵌入PHP的简单方法
Feb 16 PHP
PHP实现上一篇下一篇的方法实例总结
Sep 22 PHP
让ThinkPHP的模板引擎达到最佳效率的方法详解
Mar 14 PHP
PHP4和PHP5版本下解析XML文档的操作方法实例分析
May 20 PHP
CI框架实现创建自定义类库的方法
Dec 25 PHP
浅谈如何提高PHP代码质量之单元测试
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
用Apache反向代理设置对外的WWW和文件服务器
2006/10/09 PHP
php数组去重的函数代码
2013/02/03 PHP
PHP中操作ini配置文件的方法
2013/04/25 PHP
ThinkPHP提示错误Fatal error: Allowed memory size的解决方法
2015/02/12 PHP
php实现处理输入转义字符的代码
2015/11/08 PHP
Netbeans 8.2与PHP相关的新特性介绍
2016/10/08 PHP
PHP针对伪静态的注入总结【附asp与Python相关代码】
2017/08/01 PHP
php取出数组单个值的方法
2018/03/12 PHP
php-app开发接口加密详解
2018/04/18 PHP
优化 JavaScript 代码的方法小结
2009/07/16 Javascript
Javascript动态创建表格及删除行列的方法
2015/05/15 Javascript
iScroll.js 使用方法参考
2016/05/16 Javascript
jquery-mobile基础属性与用法详解
2016/11/23 Javascript
Bootstrap布局之栅格系统学习笔记
2017/05/04 Javascript
基于canvas粒子系统的构建详解
2017/08/31 Javascript
微信小程序之滚动视图容器的实现方法
2017/09/26 Javascript
jQuery实现点击DIV同时点击CheckBox,并为DIV上背景色的实例
2017/12/18 jQuery
vue 组件使用中的一些细节点
2018/04/25 Javascript
解决vue-cli 打包后自定义动画未执行的问题
2019/11/12 Javascript
Js视频播放器插件Video.js使用方法详解
2020/02/04 Javascript
pygame学习笔记(3):运动速率、时间、事件、文字
2015/04/15 Python
详解Python函数可变参数定义及其参数传递方式
2017/08/02 Python
解决pyttsx3无法封装的问题
2018/12/24 Python
Python学习笔记之抓取某只基金历史净值数据实战案例
2019/06/03 Python
深入了解Python枚举类型的相关知识
2019/07/09 Python
django实现用户注册实例讲解
2019/10/30 Python
python从ftp获取文件并下载到本地
2020/12/05 Python
HTML5拖放功能_动力节点Java学院整理
2017/07/13 HTML / CSS
希腊品牌鞋类销售网站:epapoutsia.gr
2020/03/18 全球购物
产品推广策划方案
2014/05/10 职场文书
大学生暑期社会实践证明范本
2014/10/24 职场文书
办公室主任个人总结
2015/02/28 职场文书
安全知识竞赛主持词
2015/06/30 职场文书
驻村工作简报
2015/07/20 职场文书
谢师宴家长答谢词
2015/09/30 职场文书
SQL Server一个字符串拆分多行显示或者多行数据合并成一个字符串
2022/05/25 SQL Server