富文本UMeditor的使用

下载地址：http://ueditor.baidu.com/website/download.html#mini
一、前端配置
1、将下载的压缩包解压
2、将文件复制到项目webapp（webroot、webcontent ）下
3、在需要使用到的页面引入css和js

<link href="/umeditor/themes/default/css/umeditor.css" type="text/css" rel="stylesheet">


<script type="text/javascript" src="/umeditor/third-party/template.min.js"></script>

<script type="text/javascript" charset="utf-8" src="/umeditor/umeditor.config.js"></script>

<script type="text/javascript" charset="utf-8" src="/umeditor/umeditor.js"></script>

<script type="text/javascript" src="/umeditor/lang/zh-cn/zh-cn.js"></script>

4、页面实例化Editor
在body中引入如下script ，定义宽高以及id

<div>
    <script type="text/plain" id="myEditor" style="width:600px;height:240px;"> 
    </script>
</div>

在body外
<script>
     //实例化编辑器
    var um = UM.getEditor('myEditor');
    um.addListener('blur', function () {
        $('#focush2').html('编辑器失去焦点了')
    });
    um.addListener('focus', function () {
        $('#focush2').html('')
    });
</script>

5、配置UMEDITOR_HOME_URL
在umeditor.config.js中定义
window.UMEDITOR_HOME_URL = “/umeditor/”;

二、后端配置（也可以直接使用压缩包里面的jar）
1、将解压后的 Uploader.java放在自己项目src中，改下顶部的包名路径
2、将commons-fileupload-1.2.2.jar拷贝到自己项目lib中
3、在imageUp.jsp引入的Uploader路径改为自己项目中Uploader.java的路径

<%@ page import="xxx.xxx.Uploader" %>

三、上传完图片保存到数据库时，如何删除掉src中所带的域名

在getAllPic方法中
将node.src的协议、主机名、端口号替换掉
var imgsrc = node.src.replace(window.location.protocol + '//' + window.location.hostname + ":" + window.location.port, '');

然后重新赋值
_src: imgsrc,src: imgsrc

四、img的src跨域请求