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

前言

最近项目需要集成一个编辑器,于是听从了同事的推荐用的是百度的Ueditor,集成很顺利,本地也很顺利,然后部署到linux上就各种不能用。。。
期间也百度了很多的帖子,但是多数帖子都是使用的旧版本,新版本的很少,就算有提问的,也没有人回复,没有办法,只能自己看源码调试了,功夫不负有心人,现在可以用了,也想分享给大家,以免有的小伙伴重蹈我的覆辙。

使用

我也不说我的尝试和调试的过程了,直接上最终的配置

  1. 从百度官网下载http://ueditor.baidu.com/website/ ,看你们具体的服务器语言,我使用的是Jsp版本,最好是自己也把完整源码下载下来,这样就可以知道它的路径是怎么实现的了
    这里写图片描述

  2. 最好是将百度官方文档看一遍吧,虽然我就是被它误导的。。。。
    文档地址:http://fex.baidu.com/ueditor/

  3. 下载完成后将包解压并重命名为ueditor(个人喜好修改),并放置在Web的根目录下,如果不是根目录,需要自行调试
    这里写图片描述

  4. 将jsp/lib下的jar文件全部导入到WEB-INF/lib下

  5. jsp页面引用editor编辑器,个人建议直接将解压包里面附带的index.html拿来修改,因为它提供了完整的demo

    • 引入三个js
      这里写图片描述
    • 实例化编辑器
      这里写图片描述
      这里的window.UEDITOR_CONFIG.charset=”utf-8”;是显示设定字符编码的,避免获取到的Html代码乱码
      UEDITOR_CONFIG.UEDITOR_HOME_URL = ‘/pugilist_system/ueditor/’; 这个是重点,可以配置在所有的实例化编辑器前面,我是配置在ueditor.config.js中,指明了编辑器的具体位置
  6. 修改两个配置文件

    • config.json pugilist_systemTest是我的项目名称
      这里写图片描述
    • ueditor.config.js
      这里写图片描述

OK,自此搞定,希望能帮到大家。。

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值