使用百度富文本编辑器UEditor碰到的问题

前面使用的是kindEditor，可是发现这个已经再也不维护，而且bug很多，而我又不会改，哈哈，因此我就放弃了。

原来想过要用百度的这个UEditor,可是在配置的时候遇到了不少问题，基本上加载不出来，可是最后仍是硬着头皮把那些bug都解决了，顺利跑通。

 

问题1：按百度Demo的配置我发现连最基本的编辑器都不出来。

缘由：下面的配置的顺序不能错，顺序错了可能会致使加载不出来的状况。

<!-- 配置文件 -->
<script type="text/javascript" src="/common/ueditor/ueditor.config.js"></script>
<!-- 编辑器源码文件 -->
<script type="text/javascript" src="/common/ueditor/ueditor.all.js"></script>

下面是个人配置

<!-- 实例化编辑器 -->
<script type="text/javascript">
    UEDITOR_CONFIG.UEDITOR_HOME_URL = '/common/ueditor/'; //必定要用这句话，不然你须要去ueditor.config.js修改路径的配置信息
    var ue = UE.getEditor('container',{
        toolbars: [
            ['fullscreen', 'source', 'undo', 'redo', '|', 'fontsize', '|', 'blockquote', 'horizontal', '|', 'removeformat', 'formatmatch', 'link', 'unlink', '}', 'simpleupload', 'insertimage', 'preview'],
            ['bold', 'italic', 'underline', 'forecolor', 'backcolor', '|', 'indent', '|', 'justifyleft', 'justifycenter', 'justifyright', 'justifyjustify', '|',
                'rowspacingtop', 'rowspacingbottom', 'lineheight', '|', 'insertorderedlist', 'insertunorderedlist', '|', 'imagenone', 'imageleft', 'imageright', 'imagecenter']
        ]
        ,autoHeightEnabled: false
        ,autoFloatEnabled: true
        ,initialFrameWidth : 1000//编辑器宽度，默认1000
        ,initialFrameHeight : 500//编辑器高度，默认320
        ,maximumWords : 1000//最大字符数
    });
</script>

 

问题2：上传图片功能加载失败

　　我使用的是springmvc idea

总的缘由：编辑器初始化的时候会发送一个请求，去请求ueditor/jsp/controller.jsp文件，可是它报了500错误，不能正确的返回json配置。

缘由1：jar包没有导入到项目中。

解决：在ueditor/jsp/lib下面有几个jar文件，须要把这几个jar文件导入到项目中，最好是直接复制到WEB-INF/lib下面，否则可能也会出现问题。　

问题又来了，我使用的是maven管理项目的，这个ueditor-1.1.2.jar在中央仓库里面没有，须要本身手动添加到本地仓库中

ueditor/jsp/lib目录下打开命令窗口，运行下面代码

mvn install:install-file -Dfile=ueditor-1.1.2.jar -Dpackaging=jar -DgroupId=com.baidu.ueditor -DartifactId=ueditor -Dversion=1.1.2

 

缘由2：ueditor/jsp/controller.jsp文件里面会有错误。

解决：一、里面 <%@ page trimDirectiveWhitespaces="true" %> 这句报错，我直接注释了，百度了一下，这个应该是用来jsp输出html时去除多余的空行的。注释影响不大。

　　二、里面write方法提示不能处理String类型的变量，这个我想是springmvc的缘由，由于我发现我使用springmvc的时候全部的内置对象都没有使用struts2的时候不同了，这个还不知道为何会这样。

out.write( new ActionEnter( request, rootPath ).exec() );

改为了

response.getWriter().write( new ActionEnter( request, rootPath ).exec() );

 

这些都配置好，这个UEditor应该就配置好了，至少上传图片这一块没有问题了。