ueditor富文本编辑器配置方法

注意事项:

1.导入js文件

<!--ueditor-->
<script type="text/javascript" charset="utf-8" src="/BWG/utf8-jsp/ueditor.config.js"></script>
    <script type="text/javascript" charset="utf-8" src="/BWG/utf8-jsp/ueditor.all.min.js"> </script>
    <!--建议手动加在语言,避免在ie下有时因为加载语言失败导致编辑器加载失败-->
    <!--这里加载的语言文件会覆盖你在配置项目里添加的语言类型,比如你在配置项目里配置的是英文,这里加载的中文,那最后就是中文-->
    <script type="text/javascript" charset="utf-8" src="/BWG/lang/zh-cn/zh-cn.js"></script>

2.写入编辑器

<!-- 写入编辑器-->
<textarea name="message" style="height=800px;" wrap="physical" id="message">
</textarea>
       <script id="message" name="message"  type="text/plain" style="width:900px;height:800px;">
  </script>

<script type="text/javascript" >
       var editor = new UE.ui.Editor({ initialFramewidth:800,initialFrameHeight:400});
                 editor.render("message");
</script>

3.解析json文件

图片上传路径:需要放到项目下

"imageUrlPrefix": "http://localhost:8080/BWG", /* 图片访问路径前缀 */

4.ueditor.cinfig.js

/**
     * 编辑器资源文件根路径。它所表示的含义是:以编辑器实例化页面为当前路径,指向编辑器资源文件(即dialog等文件夹)的路径。
     * 鉴于很多同学在使用编辑器的时候出现的种种路径问题,此处强烈建议大家使用"相对于网站根目录的相对路径"进行配置。
     * "相对于网站根目录的相对路径"也就是以斜杠开头的形如"/myProject/ueditor/"这样的路径。
     * 如果站点中有多个不在同一层级的页面需要实例化编辑器,且引用了同一UEditor的时候,此处的URL可能不适用于每个页面的编辑器。
     * 因此,UEditor提供了针对不同页面的编辑器可单独配置的根路径,具体来说,在需要实例化编辑器的页面最顶部写上如下代码即可。当然,需要令此处的URL等于对应的配置。
     * window.UEDITOR_HOME_URL = "/xxxx/xxxx/";
     */
window.UEDITOR_HOME_URL="/BWG/utf8-jsp/"
    var URL = window.UEDITOR_HOME_URL || getUEBasePath();

 

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值