百度
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