使用百度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/';

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