百度ueditor 的相关配置和图片上传的简单配置

申明:用的ueditor是jsp版本的。本人也是第一次使用富文本，若有错误请谅解
1.官网下载之后引入相关的js,css
js： ueditor.all.js,ueditor.config.js,ueditor.parse.js,ueditor/lang/zh-cn/zh-cn.js,
css：ueditor/themes/default/css/ueditor.css
2.初始化编辑器
html中代码 <script type="text/plain" id="editor" > </script>
js代码 var ue = UE.getEditor('editor'); //这里的editor是html中的id值
3.富文本的相关操作 参考官方demo
赋值：
ue.ready(function() {//编辑器初始化完成再赋值
ue.setContent(proinfo); //赋值给UEditor proinfo要赋予的值
});
取值：
var ue = UE.getEditor('editor');
var content = ue.getContent();
4.修改富文本编辑器的相关配置 都在ueditor.config.js中
toolbars：需要显示的按钮
zIndex：编辑器层级的基数
initialFrameWidth 编辑器宽度
initialFrameHeight 编辑器高度
scaleEnabled 是否可以拉伸
等。
5.与上传图片相关(sl_doc 是项目名称)
1)最开始会显示后台配置未成功 controller.jsp 报错：需要吧ueditor/jsp/lib目录中的jar包加到项目中去
2)在ueditor.config.js配置相关重要内容
1. UEDITOR_HOME_URL: URL (可以先alert上方的URl 输出的应该是你ueditor在你项目中的路径)
2. serverUrl: "http://localhost:8080/sl_doc/ueditor/jsp/controller.jsp"
(serverUrl:需要能够取到你项目中controller.Jsp这个文件)

3)在config.json中配置相关重要内容
1.imageUrlPrefix：图片前缀 (“imageUrlPrefix”: “/sl_doc/” 放的是项目名称)
2.imagePathFormat 上传保存路径,可以自定义保存路径和文件名格式，可以自行修改
(“imagePathFormat”: “ueditor/jsp/{yyyy}{mm}{dd}/{time}{rand:6}”)
3.这两个连起来 就是吧图片保存到在你发布的服务器上 项目sl_doc下 ueditor/jsp这个目录下

4)上传的图片很大 在ueditor/themes/iframe.css中添加如下代码(这是百度的)

img {
            max-width: 100%; /*图片自适应宽度*/
        }
        body {
            overflow-y: scroll !important;
        }
        .view {
            word-break: break-all;
        }
        .vote_area {
            display: block;
        }
        .vote_iframe {
            background-color: transparent;
            border: 0 none;
            height: 100%;
        }
        #edui1_imagescale{display:none !important;} /*去除点击图片后出现的拉伸边框*/

6.本人用的富文本框是在bootstrap中的模态框中使用，但是点击全屏会有问题，全屏之后会遮盖模态框，改了zindex好像没用，如有人遇到请多指教。