在WeX5上使用UEditor方法

在WeX5上使用UEditor方法
(在WeX5 V3.7,UEditor JSP 1.4.3版本上測試通過。)
1、先按官網:http://fex.baidu.com/ueditor/#server-jsp 的方法安裝UEditor。


2、修改UEditor目錄下的ueditor.config.js,添加代碼:
window.UEDITOR_HOME_URL = "/ue/"; //本例UEditor目錄爲ue。
在以下代碼之上
var URL = window.UEDITOR_HOME_URL || getUEBasePath();
修改\ue\third-party\zeroclipboard文件夾下ZeroClipboard.js裏的代碼:
if (typeof define === "function" && define.amd) {
define(function() {
return ZeroClipboard;
});
} else if (typeof module === "object" && module && typeof module.exports === "object" && module.exports) {
module.exports = ZeroClipboard;
} else {
window.ZeroClipboard = ZeroClipboard;
}
修改爲:
if (typeof define === "function" && define.amd) {
define(function() {
return ZeroClipboard;
});
} else if (typeof module === "object" && module && typeof module.exports === "object" && module.exports) {
module.exports = ZeroClipboard;
}
window.ZeroClipboard = ZeroClipboard;

3、然後複製UEditor到UI2的項目文件夾下,在使用的.w頁面添加textarea組件,JS板塊在define模塊內增加代碼:
require("$UI/項目文件夾/ue/ueditor.config");
require("css!$UI/項目文件夾/ue/themes/default/css/ueditor.css").load();
require("$UI/項目文件夾/ue/ueditor.all.min");
require("$UI/項目文件夾/ue/third-party/ZeroClipboard/ZeroClipboard");
在modelLoad模塊內增加:
var ue = UE.getEditor('textarea1'); //生成UEditor界面
ue.ready(function() {
ue.setContent("新內容"); //設置編輯器內容
});

4、測試通過,使用正常。



發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章