在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、测试通过,使用正常。



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