先下载百度ueditor完整包,如果你网站服务器端语言是PHP的话,你可以删除一些个文件。像server文件夹下的upload文件夹下的asp、 jsp、net文件夹都可以删除,server文件夹下的submit文件夹下的net文件夹也可以删除,还有其他像_examples文件夹都可以删 除,如果你还想减轻百度ueditor编辑器大小的话甚至可以删除一些表情图片。
好,在你想包含ueditor编辑器的文件头部<head></head>之间插入以下3行代码,载入ueditor需要的三个入口文件。
代码如下:
1 <script type="text/javascript" src="./ueditor/editor_config.js"></script> 2 <script type="text/javascript" src="./ueditor/editor_all.js"></script> 3 <link rel="stylesheet" href="./ueditor/themes/default/ueditor.css"/>
然后在你需要显示ueditor编辑器的地方插入如下代码:
1 <div id="myEditor"></div> 2 <script type="text/javascript"> 3 var editor = new baidu.editor.ui.Editor(); 4 editor.render("myEditor"); 5 </script>
小问题:
有些童鞋反应说无法弹出dialog窗口和表情图片等,就是点击插入图片的图片无法显示。
原因:这是由于配置文件里的路径不正确造成的,豆芽刚开始测试的时候也遇到了同样的问题。
解决办法:
打开editor_congif.js文件,在前几行有一行定义URL的js代码,我的做法是注释掉它的,在下一行添加如下申明代码:
var URL = "./ueditor/";
注意:我的ueditor相对于加载ueditor的页面是同级的,这个大家写好相对当前显示ueditor的相对路径即可。