富文编辑器使用,Ueditor后端配置项没有正常加载,上传插件不能正常使用!

12 篇文章 0 订阅
6 篇文章 0 订阅

一、使用(我这里使用的是jsp版本的富文本编辑器)

1)

下载ueditor

下载地址:http://ueditor.baidu.com/website/download.html

2)

解压缩文件,并把文件夹名改为ueditor

ueditor\jsp\lib路径下有commons-codec-1.9.jar、commons-fileupload-1.3.1.jar、commons-io-2.4.jar、json.jar、ueditor-1.1.2.jar五个jar包

3)

把整个ueditor文件夹复制到工程WebRoot下;

把ueditor\jsp\lib文件夹下的五个jar包复制到WebRoot—>WEB-INF—>lib文件夹下(我就是放错了文件夹,导致编辑器可以使用,但是无法使用图片上传功能)

4)

在jsp文件中先引入ueditor.config.js、ueditor.all.js文件

 </script>

 <!-- 配置文件 -->

 <script type="text/javascript" src="ueditor.config.js"></script>

 <!-- 编辑器源码文件 -->

 <script type="text/javascript" src="ueditor.all.js"></script>

5)

页面中这么使用

<!-- 加载编辑器的容器 -->

<script id="container" name="content" type="text/plain">

这里写你的初始化内容

<!-- 实例化编辑器 -->

<script type="text/javascript">

var ue = UE.getEditor('container');

</script>

6)

效果图

 

7)

设置和读取编辑器的内容

var ue = UE.getContent();

//对编辑器的操作最好在编辑器ready之后再做

ue.ready(function() {

    //设置编辑器的内容

    ue.setContent('hello');

    //获取html内容,返回: <p>hello</p>

    var html = ue.getContent();

    //获取纯文本内容,返回: hello

    var txt = ue.getContentTxt();

});

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值