百度编辑器如何在html引入,网页制作中如何集成百度Ueditor网页编辑器

开发项目必不可少用到在线网页编辑器，常用的网页编辑器有：

eWebEditor 网页编辑器、Fckeditor 网页编辑器、KindEditor HTML在线编辑器、百度Ueditor编辑器……

百度UEditor是所见即所得富文本web编辑器，具有轻量，可定制，注重用户体验等特点，开源基于MIT协议，允许自由使用和修改代码。

今天中国网页设计给大家分享php开发中如何集成百度Ueditor编辑器。

1.到官网下载百度UEditor

下载后解压文件到你的项目中。

2.部署百度Ueditor网页编辑器

在Html页面引入所需的JS文件，然后使用getEditor实例化

这里写你的初始化内容

var ue = UE.getEditor('container');

预览一下你的网页，看到百度Ueditor网页编辑器了吧？是不是很简单。

3、配置Ueditor

UEditor 的配置项分为两类：前端配置项和后端配置项。

前后端的配置统一写在后端(PHP版本的config在php/config.json)，编辑器实例化时，异步读取后端配置信息，覆盖到前端的配置里。

前端配置项：官方提供了两种配置方法，静态配置、动态配置。

静态配置：

动态配置：

即在实例化UE的时候，通过动态传入配置参数。

var ue = UE.getEditor('container', {

//这里写你的自定义配置项

toolbars: [

['fullscreen', 'source', 'undo', 'redo', 'bold']

autoHeightEnabled: true,

autoFloatEnabled: true

});

后端配置项：

百度Ueditor网页编辑器所有的操作都是通过get方式请求serverUrl传递action变量的值来进行下一步操作。

百度Ueditor默认是通过读取目录下的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"]

"其他配置项...": "其他配置值..."

}

百度编辑器如何在html引入,网页制作中如何集成百度Ueditor网页编辑器相关推荐

html网页在指定位置嵌入表格,网页制作中表格的主要作用网页制作中插入表格怎么调整位置...
在网页设计中,表格有什么重要作用 1．当需要提交所有数据时,可以提交整个100个表,如果不使用表,可以逐个提交. 2．表格设计简洁美观,方形,与网页的设计非常一致. 3．网站其实是一个大版本的表格,数 ...
HTML+CSS大作业: 抗击疫情网页制作作业_疫情防控网页设计模板HTML_ 简单学生网页设_静态HTML+CSS网站制作成品...
HTML+CSS大作业: 抗击疫情网页制作作业_疫情防控网页设计模板HTML_ 简单学生网页设计_静态HTML+CSS网站制作成品临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大 ...
web网页制作中常用到的图片格式及jpg,png,gif各自格式的特点
网页制作中图片格式常用三种格式(jpg,png,gif) 1jpg图片是我们最常见的. jpg:可压缩的,有损图片质量的格式.虽然可压缩,它的色彩还是比较丰富. 特点:文件小.色彩丰富. 在网页中 ...
学习网页制作中如何在正确选取和使用 CSS 单位
在 CSS 测量系统中,有好几种单位,如像素.百分比.英寸.厘米等等,Web 开发人员很难了解哪些单位在何处使用,如何使用.很多人习惯了总是使用同一种单位,但这一决定可能会严重限制你的设计的执行. 这 ...
网页制作中规范使用DIV+CSS命名规则（转）
网页制作中规范使用DIV+CSS命名规则,可以改善优化功效特别是团队合作时候可以提供合作制作效率,具体DIV CSS命名规则内容如下: 页头:header 如:#header{属性:属性值;}或.h ...
网页制作中绝对路径和相对路径的区别
网页制作中绝对路径和相对路径的区别 http://www.veryhuo.com 烈火网 2012-10-10 投递稿件做个开发的人,对于文件或者文件夹的定义都是有一定的规范的,比如建立一个网站前端 ...
audio插入背景音乐_网页制作中的html插入背景音乐
网页制作中的 html 插入背景音乐方法有很多,具体如下: 第一种:在页面代码中的之间加入 src=" 音乐 url" loop="-1"> 这段代码 ...
【转】网页制作中的CSS+DIV：dl,dt,dd分别表示什么意思啊？请说明啊，谢谢有什么功能？...
网页制作中的CSS+DIV:dl,dt,dd分别表示什么意思啊?请说明啊,谢谢有什么功能? <dl>标记定义了一个定义列表,定义列表中的条目是通过使用<dt>标记(" ...
HTML5期末大作业：商城网站设计——仿天猫商城(9页) HTML+CSS大作业_ 网页制作作业_疫情防控网页设计...
HTML5期末大作业:商城网站设计--仿天猫商城(9页) HTML+CSS大作业: 网页制作作业_疫情防控网页设计- 常见网页设计作业题材有个人. 美食. 公司. 学校. 旅游. 电商. 宠物. 电 ...

百度编辑器如何在html引入,网页制作中如何集成百度Ueditor网页编辑器

百度编辑器如何在html引入,网页制作中如何集成百度Ueditor网页编辑器相关推荐

最新文章

热门文章