java使用百度富文本框_百度富文本Ueditor编辑器的使用

往在web开发的时候,尤其是在网站开发后台管理系统的时候经常会使用到富文本编辑器,这里我们来使用百度提供的富文本编辑器UEditor,以提高我们的开发效率

UEditor官网下载地址:https://ueditor.baidu.com/website/download.html

6939ed7ff586b5ca3215c96a05215c65.png

这里我下载的是jsp版本中的UTF-8版,然后将压缩包解压之后是这个样子

96f2898ce19c3d85bfd73401add8e262.png

解压内容中的index.html是官方给我们提供的一个富文本使用例程,打开页面可以体验到各种富文本操作。

接下来将UEditor应用到我们自己的项目中

1、新建一个动态Web工程

24d7e630472504d1a7b39880bd3118a1.png

2、将解压到的UEditor文件拷贝到新建工程的WebContent目录下

6c24574cba9a7e8c91413bc0e074f1f7.png

这时会报错,不用担心。原因是我们还没有将UEditor需要用到的jar包加入到工程环境当中。

接下来打开目录jsp->lib,将lib下面的所有jar包全部拷贝到WEB-INF/lib文件中,eclipse会自动将新导入的包加入到工程环境当中。

3、新建一个ueditor.jsp页面,开始导入UEditor富文本编辑器

注意:在导入UEditor时必须要的3个文件,

导入这3个文件之后在需要调用UEditor的位置加入

最后通过初始化UEditor,让它显示出来

varue=UE.getEditor('editor');

页面全部代码如下:

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值