使用百度Ueditor在线文本编辑器心得

由于Ueditor1.2.3.0版本IE8下显示加载zh-cn.js无效字符（本人没找到解决办法，如有大牛解决望告知解决办法），所以使用1.2.2.0版本。

这是本人项目的目录结构，红框是Ueditor的资源包。

此java类是百度资源包里提供的上传类，本人改了个名而已。

测试：在WebRoot/a.jsp中引入Ueditor的js包

以下为a.jsp中的关键代码

<script type="text/javascript">
window.UEDITOR_HOME_URL = "/Yjsw/ueditor/";                            ///此处为项目中Ueditor的目录   Yjsw为项目名
</script>
<script type="text/javascript" charset="utf-8" src="ueditor/editor_config.js"></script>
<script type="text/javascript" charset="utf-8" src="ueditor/editor_api.js"></script>
<link rel="stylesheet" type="text/css" href="ueditor/themes/default/ueditor.css"/>

<script type="text/javascript" charset="utf-8" >

var ue;

ue = new UE.ui.Editor();
    ue.render('editor');   //实例化Ueditor控件

</script>

<div id="editor" style="width: 98%;"></div>//在此处渲染Ueditor

需要注意事项：

1： 由于使用的1.2.2.0版本，查API 在使用ue.ready(function(){}) 方法时报无效函数错误，本人做了如下修改。

在ueditor/_src/core/Editor.js中   增加如下代码：（红色的为新增代码）

  Editor.prototype = /**@lends baidu.editor.Editor.prototype*/{

//92行
ready:function ( fn ) {
            var me = this;
            if ( fn )
                me.isReady ? fn.apply( me ) : me.addListener( 'ready', fn );
        },

//235行

me.isReady = 1;

如果不做上述修改

ue.addListener("ready",function(){
    //this为editor实例
    this.setContent("欢迎使用UEditor！");
})

可用此方法代替。

2：修改了editor_api.js中 94行 baseURL = '/Yjsw/ueditor/_src/';

如果大家有更好的想法，欢迎分享！