Ueditor入门小结

来源：互联网发布：js bind 参数编辑：程序博客网时间：2024/06/05 19:22

a.首先我们需要来认识下UEditor，它是由百度web前端研发部开发所见即所得富文本web编辑器，并且是基于BSD协议的开源产品，允许自由使用和修改，开源就意味着可以自己来定制这个编辑器。官网：http://ueditor.baidu.com/website/。

b.下载地址：http://ueditor.baidu.com/website/download.html。

c.打开压缩包，目录如下图：

d.在你的项目下新建一个ueditor目录，然后将上述文件拷进去。

e.在index.jsp页面（根据你的情况而定）里<head>标签内加入：

<script type="text/javascript" src="ueditor/editor_config.js"></script><script type="text/javascript" src="ueditor/editor_all.js"></script><link rel="stylesheet" href="ueditor/themes/default/css/ueditor.css"/>

<body>标签内加入

<div id="myeditor"></div><script type="text/javascript">     var editor = new baidu.editor.ui.Editor();     editor.render('myeditor');</script>

f.如果将UEditor应用到项目中我们还需要对编辑器的路径进行设置。我们打开editor_config.js文件，找到window.UEDITOR_HOME_URL，然后配置编辑器所在文件的路径，这个路径可以是绝对路径也可以是相对路径。此处的配置仅对这个编辑器起作用，如果你使用了多个UEditor则需要分别进行设置。

/XXXX/XXXX/设置配置文件的相对路径（也可以设置成绝对路径），例如：/Ueditor/ueditor/;前一个是项目名

g.然后部署项目运行看结果。

h.Ueditor还是挺好用的，下载的时候可以定制自己的需求。