ueeditor的使用_百度UEditor使用详解

百度

UEditor

使用详解

(

作者：老卢

www.laoluit.com

)

相关视频教程下载：

www.laoluit.com

当我们还在使用

FCKeditor

时候，

百度已经悄悄开发出了一套比它更强大的文本

编辑器

ueditor

，专为中国人打造，请看

--------

：

web

文本编辑器被广泛的使用在论坛，

留言系统，

微博等网站，

凡是用户能发布

文字的网站，

几乎到会使用到文本编辑器，

老卢今天给大家介绍一款中国人自己

开放的开源文本编辑器，全球最大中文搜索引擎

--

百度推出的

UEditor

。

Ueditor

是由百度

web

前端研发部开发的所见即所得富文本

web

编辑器，具有轻量，可

定制，注重用户体验等特点，开源基于

BSD

协议，允许自由使用和使用代码

.

详细可参见网站：

http://ueditor.baidu.com/index.html

。最新版

1.1.7

，可以在

JSP,PHP,ASP

等

网站使用。

好，现在跟老卢来看看如何使用：以

JSP

网站为例

1

下载

ueditor

访问这个网址：

http://ueditor.baidu.com/index.html

，找到下载

然后下载

ueditor1.1.7.zip

或者其他的版本

2

解压后我们会看到

6

个文件夹和

3

个

js

文件以及一个更新日志文本

其中：

官网上下载完整源码包，解压到任意目录，解压后的源码目录结构如下所示：

_examples

：编辑器完整版的示例页面

_demos

：编辑器的各种使用案例

dialogs

：弹出对话框对应的资源和

JS

文件

themes

：样式图片和样式文件

server

：涉及到服务器端操作的

PHP

、

JSP

等文件

third-party

：第三方插件

editor_all.js

：

_src

目录下所有文件的打包文件

editor_all_min.js

：

editor_all.js

文件的压缩版，建议在正式部署时才采用

editor_config.js

：编辑器的配置文件，建议和编辑器实例化页面置于同一目录

3

在你的

web

工程或网站根目录下，

新建一个名称叫

ueditor

文件夹。

复制所有

这些文件夹和

js

到这个文件夹

到此准备工作完成

4

在

JSP

页面包含所需要的

JS

和

css