【Maven】maven使用ueditor编辑器

前提:下载ueditor

一、首先将ueditor的jar包放入maven本地仓库(两种方式)

(1)使用eclipse导入maven仓库
  • 单击右键,选择import
    这里写图片描述
  • 添加需要填写的jar包(pom.file不用写)
    这里写图片描述
  • 在pom.xml中添加配置(两种方式生成的jar包路径不一样,所以groupId不一样)
 <!-- 添加Ueditor依赖 -->  
     <dependency>  
            <groupId>com.baidu</groupId>  
            <artifactId>ueditor</artifactId>  
            <version>1.1.2</version>  
    </dependency>  
  
  
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
(2)使用maven命令导入jar包
  • 下载ueditorb压缩包,并解压
  • ueditor/jsp/lib目录下打开maven命令窗口[shift + 单击右键后选择打开命令窗口]
  • 输入以下命令
mvn install:install-file -Dfile=ueditor-1.1.2.jar -Dpackaging=jar -DgroupId=com.baidu.ueditor -DartifactId=ueditor -Dversion=1.1.2
  
  
  • 1
  • 在pom.xml中添加配置(两种方式生成的jar包路径不一样,所以groupId不一样)
 <!-- 添加Ueditor依赖 -->  
     <dependency>  
            <groupId>com.baidu.ueditor</groupId>  
            <artifactId>ueditor</artifactId>  
            <version>1.1.2</version>  
    </dependency>  
  
  
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6

二、在jsp页面添加js文件

config.jsall.js顺序不能错,否则会加载不出来

<!-- 配置文件 -->
    <script type="text/javascript" src="UEditor/ueditor.config.js"></script>  
<!-- 编辑器源码文件 -->
    <script type="text/javascript" src="UEditor/ueditor.all.js"></script>  
    <link rel="stylesheet" href="UEditor/themes/default/css/ueditor.css">  
    <script type="text/javascript"  src="UEditor/lang/zh-cn/zh-cn.js"></script>
  
  
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6

三、JSP页面应用ueditor

<textarea id="container" name="content"></textarea>  
   <script type="text/javascript">  
    $(function(){
         UE.getEditor("container");

    })       
   </script> 
  
  
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7

基本步骤就这些,还需要导入json包,直接在去中央仓库找dependency就可以。
这样配完正常显示没啥问题,可能会出现其他问题,只能后期再慢慢改善啦。革命尚未成功,同志仍需努力…
参考链接:使用百度富文本编辑器UEditor碰到的问题
【Maven】添加ueditor到maven本地仓库

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值