ueditor使用过程遇到的问题

3 篇文章 0 订阅
1 篇文章 0 订阅

问题1 相关配置 (整合Springmvc maven)
下载源码版和jsp版本 (如果需要word转存请下载1.4.2版本 1.4.3版本存在bug无法实现word图片转存)
使用springmvc方式重写controlle
@Controller
@RequestMapping(“/ued”)
public class UEditorController
{

@RequestMapping(value="/config")
public void config(HttpServletRequest request, HttpServletResponse response) {

    response.setContentType("application/json");
    String rootPath = request.getSession()
            .getServletContext().getRealPath("/");
    try {
        String exec = new ActionEnter(request, rootPath).exec();
        PrintWriter writer = response.getWriter();
        writer.write(exec);
        writer.flush();
        writer.close();
    } catch (IOException e) {
        e.printStackTrace();
    }

}
修改config.json位置 我是吧这个文件放到了webapp/conf文件夹下面,这样就需要修改寻找
config.json的源码,找到源码中的ConfigManager类的getConfigPath ()方法修改为
return this.rootPath+ File.separator + “conf”+ File.separator + ConfigManager.configFileName;
然后配置ue的文件上传路径(项目外)

“imageUrlPrefix”: “http://localhost:8080/upload/1/2/3/“, /* 图片访问路径前缀 */
“imagePathFormat”: “../../../upload/image/{yyyy}{mm}{dd}/{time}{rand:6}”, /* 上传保存路径,可以自定义保存路径和文件名格式 */
1/2/3是用来消除虚拟路径的
tomcat中配置
这里写图片描述
这样图片的路径也就配置完成了。
配置ueditor.config.js中的服务器路径

  var URL = "ueditor1_4_3_2-src/";

    /**
     * 配置项主体。注意,此处所有涉及到路径的配置别遗漏URL变量。
     */
    window.UEDITOR_CONFIG = {

        //为编辑器实例添加一个路径,这个不能被注释
        UEDITOR_HOME_URL: URL

        // 服务器统一请求接口路径
        , serverUrl: "http://localhost:8080/SuChangAdmin/ued/config.action"

如果你的ue是放在遮罩层中,需要上传图片和word图片转储的层
同样修改
ueditor.config.js


        ,zIndex : 999999     //编辑器层级的基数,默认是900

这样配置就完成了
页面引入

  <script type="text/javascript" src="ueditor1_4_3_2-src/ueditor.config.js"></script>
     <script type="text/javascript" src="ueditor1_4_3_2-src/ueditor.all.min.js"></script>
         <!--建议手动加在语言,避免在ie下有时因为加载语言失败导致编辑器加载失败-->
    <!--这里加载的语言文件会覆盖你在配置项目里添加的语言类型,比如你在配置项目里配置的是英文,这里加载的中文,那最后就是中文-->
    <script type="text/javascript" charset="utf-8" src="ueditor1_4_3_2-src/lang/zh-cn/zh-cn.js"></script>
ue框
   <script id="editor" type="text/plain" style="width:630px;height:400px;"></script>
ue初始化
   //实例化编辑器
    //建议使用工厂方法getEditor创建和引用编辑器实例,如果在某个闭包下引用该编辑器,直接调用UE.getEditor('editor')就能拿到相关的实例
    var editor = UE.getEditor('editor',{  
         //关闭字数统计
      wordCount:false,
      //关闭elementPath
      elementPathEnabled:false,
  });

问题2

String类型乱码的问题
如果你用的是utf-8编码
只需要在js中将得到数据进行编码就可以了
var de = UE.getEditor(‘editor’).getContent();//获得的ue中的html页面
var detail =encodeURIComponent(de); //如果不对ue进行重新编码(解决%问题),就会抛出标题的异常
问题3

ue的第一次打开不加载内容,第二次打开加载内容,
原因ue加载内容时ue初始化没有完成所以需要先去判断ue加载成以后再去加载内容

        //实例化编辑器
                      //直接调用UE.getEditor('editor')就能拿到相关的实例,使用ready方法判断实例是否全部加载完成加载完成写入内容
        UE.getEditor('editor',{wordCount:false,elementPathEnabled:false,})
        .ready(function()
         {
            UE.getEditor('editor',{wordCount:false,elementPathEnabled:false,})
             .setContent(data.detail); 
          });

以上就是是使用ue时需要的一些问题

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值