心血来潮,想搞一个后台文章管理,发现了百度的一个插件UEditor,尝试着用了一下,感觉还可以,所以稍微做下记录。可以先去官网下下载自己所需的版本:http://ueditor.baidu.com/website/download.html
我下载的是最新版的jsp版本:1.4.3.1 jsp版本。下载下来之后将其解压,并将他放到项目中即可。我把它放在webcontent下的ueditor中
在自己的页面上必须引用ueitor才能正常运行:
在body中加入:
初始化界面即可:
var ue = UE.getEditor('editor');
如果要图片上传到自己指定的地方:
UE.Editor.prototype._bkGetActionUrl = UE.Editor.prototype.getActionUrl;
UE.Editor.prototype.getActionUrl = function(action) {
if (action == 'uploadimage' || action == 'uploadscrawl' || action == 'uploadimage') {
return '/mengxi/upload_baidu';
} else if (action == 'uploadvideo') {
return 'http://a.b.com/video.php';
} else {
return this._bkGetActionUrl.call(this, action);
}
}
完整的代码如下
文章编辑