1. 程式人生 > >【Maven】maven使用ueditor編輯器

【Maven】maven使用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>

(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
  • 在pom.xml中新增配置(兩種方式生成的jar包路徑不一樣,所以groupId不一樣)
 <!-- 新增Ueditor依賴 -->  
     <dependency>  
            <groupId>com.baidu.ueditor</groupId>  
            <artifactId>ueditor</artifactId>  
            <version>1.1.2</version>  
    </dependency
>

二、在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>

三、JSP頁面應用ueditor

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

    })       
   </script> 

基本步驟就這些,還需要匯入json包,直接在去中央倉庫找dependency就可以。
這樣配完正常顯示沒啥問題,可能會出現其他問題,只能後期再慢慢改善啦。革命尚未成功,同志仍需努力…
參考連結:使用百度富文字編輯器UEditor碰到的問題
【Maven】新增ueditor到maven本地倉庫