最近有很多群友问我如何集成百度UE(ueditor 1.4.3)，我都答不上来，所以想在这里写一下集成百度UE的想法，本文使用的是UE1.4.3的最新版本。

下载并安装

1.首先在官网下载UE1.4.3UE的最新版本。用户设备的官方下载地址是http://ueditor.baidu.com/website/download.html#ueditor

我在这里下载了1 . 4 . 3 HP版本。只需下载您正在使用的版本。

将文件解压缩到项目中

2.部署。将UE所需的JS文件引入前端的Html页面，然后使用getEditor进行实例化

复制代码如下：body！-加载编辑器的容器-脚本id=' container ' name=' content ' type=' text/plain '在此处写入您的初始化内容/脚本！-配置文件-脚本类型=' text/JavaScript ' src=' http : ueditor . config . js '/脚本！-编辑器源代码文件-脚本类型=' text/JavaScript ' src=' http : ueditor . all . js '/脚本！-实例化编辑器-脚本类型=' text/JavaScript' var UE=UE。geteditor('容器')；/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。GET EDITOR ('container '，{//在此写入您的自定义配置项工具栏3360 [['全屏'，'源'，'撤消'，'重做'，'粗体']]，AutoHeightEnabled 3360True，AutoFloatenabled 33330]

后端配置项：先说UE的请求：UE的所有操作都是通过get请求serverUrl传递动作变量的值进行下一步操作。获取配置、上传图片、获取图片等操作。

默认情况下，UE通过读取目录下ueditor.config.js中的serverUrl参数并通过get方法传递action=config来获取后端配置项。默认请求是：服务器Url？操作=配置以获取。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传递动作变量的值，以进行下一个操作。获取配置、上传图片、获取图片等操作。考虑到这一点，为了集成PHP。或者其他语言都很简单。具体代码可以参考官方的Demo。

好了，朋友们已经明白如何整合百度Ueditor了。这篇文章是我自己的一些经验，希望对大家有所帮助