PHP集成百度Ueditor 1.4.3

   最近很多群友都来问我怎么集成百度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版本。下载你所使用的版本就行。

  解压文件到你的项目


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

  复制代码代码如下:

  浏览你的页面,即可见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了吧,本文是自己的一些经验,希望能帮到大家

时间: 2024-12-23 07:48:04

PHP集成百度Ueditor 1.4.3的相关文章

PHP集成百度Ueditor 1.4.3_php实例

最近很多群友都来问我怎么集成百度UE(ueditor 1.4.3),实在回答不过来,所以在这写一下集成百度UE的思路,本文内使用的最新版的UE1.4.3. 下载安装 1.首先到官网下载最新版的UE1.4.3 UE官方下载地址:http://ueditor.baidu.com/website/download.html 这里我下载的是1.4.3PHP版本.下载你所使用的版本就行. 解压文件到你的项目 2.部署.在前端Html页面引入UE  所需的JS文件,然后使用getEditor 实例化 复制代

Ext.Net 集成百度 ueditor 编辑器的方法

问题描述 最近项目需要集成百度编辑器,苦恼对ext.net理解不够深刻有大神遇到过这个需求吗?待解救... 解决方案 本帖最后由 LINDDYA 于 2015-03-25 10:10:36 编辑解决方案二:没人做过吗?

博客wordpress集成百度UEditor步骤

ueditor官方网站:http://ueditor.baidu.com/website/ 百度自己提供了一个wp-ueditor.zip的插件包,并且有说明文件,不过不甚详细,所以还是决定详细再说一次. 安装步骤:     1.下载wp-ueditor.zip文件     2.在wp后台上传插件并启用     3.开启插件,然后就可以看到写文章页面出现了一上一下的两个编辑窗口 这个时候不要着急,我们在通过一些手段修改功能,让wp的默认编辑器是UEditor.     I.通过编辑UEditor

ASP.NET中集成百度编辑器UEditor

  本文给大家讲解的是如何在ASP.NET中集成百度编辑器UEditor的方法和具体的步奏,十分的详细,有需要的小伙伴可以参考下. 0.ueditor简介 UEditor是由百度WEB前端研发部开发的所见即所得的开源富文本编辑器,具有轻量.可定制.用户体验优秀等特点.开源基于BSD协议,所有源代码在协议允许范围内可自由修改和使用. UEditor官网:http://ueditor.baidu.com/website/index.html UEditor官方文档地址: http://fex.bai

extjs-ExtJS 整合 百度 UEditor

问题描述 ExtJS 整合 百度 UEditor Ueditor.js Ext.define('Ext.ux.Ueditor',{ extend: 'Ext.form.FieldContainer', mixins:{ field:Ext.form.field.Field }, alias: 'widget.ueditor',//xtype名称 alternateClassName: 'Ext.form.UEditor', ueditorInstance: null, initialized:

ASP.NET中集成百度编辑器UEditor_实用技巧

0.ueditor简介 UEditor是由百度WEB前端研发部开发的所见即所得的开源富文本编辑器,具有轻量.可定制.用户体验优秀等特点.开源基于BSD协议,所有源代码在协议允许范围内可自由修改和使用. UEditor官网:http://ueditor.baidu.com/website/index.html UEditor官方文档地址: http://fex.baidu.com/ueditor/ 1.将ueditor包导入项目 将从官网上下载的开发包解压后包含到项目中 (注:最新的代码需要时基于

百度UEditor编辑器如何关闭抓取远程图片功能

 这个坑娘的功能,开始时居然不知道如何触发,以为有个按钮,点击一下触发,翻阅了文档,没有发现,然后再网络上看到原来是复制粘贴非白名单内的图片到编辑框时触发,坑娘啊............... 问题又来了:今天在写百度UEditor编辑器的[取远程图片功能]时有碰到:该功能如何关闭了? 又花了15分钟左右的时间查阅了[官方文档]以及[官方论坛],都没有找到解决办法,那就查阅下源文件看看,是否有相关的判断呢(本人JS非常烂) 于是马上查阅:ueditor.all.js文件,发现如下代码   代码如

百度ueditor编辑器上传图片失败问题

问题描述 百度ueditor编辑器上传图片失败问题 求大神帮忙,这是在页面上进行跳转到自己写的action的java类中,这个java类中如何接收那边传过来的图片数据啊,求帮忙. 解决方案 http://zhidao.baidu.com/link?url=ZVRzngFg6XCAA4UTMtkULxtds7D_StgqTNU5yqptpdGrdX-FvXSYxR_qanLjrV8Q6juAmmnbD5LTMKFU_sZSSnT0D-55t3YXICtdVstQzcS 参照下这个

编辑器-请问百度ueditor中方正黑体繁、方正书宋体繁怎么配置?

问题描述 请问百度ueditor中方正黑体繁.方正书宋体繁怎么配置? 在调试编辑器的时候,客户要求方正黑体繁.方正书宋体繁这两个字体,不知道要如何写(这2个字体的英文简写),还请大神指教? 解决方案 同时对 ueditor.all.js 11424 行附近的 fontfamily zh-cn.js 51 行附近的 fontfamily 对象添加成员 解决方案二: 百度ueditor很强大的.有公开的api的,你多看文档.