1. 程式人生 > >百度UMeditor富文本編輯器java使用

百度UMeditor富文本編輯器java使用

網站 scrip spa 文本編輯 gef ips http 打印 技術分享

百度UMeditor富文本編輯器java使用

1.介紹

  UMeditor 是一款輕量級的富文本編輯器,比UEditor要小得多,是為滿足廣大門戶網站對於簡單發帖框,或者回復框需求所定制的在線富文本編輯器

2.下載

  官網地址:http://ueditor.baidu.com/website/umeditor.html

  說明筆者點擊官網的下載中的按鈕,半天沒反應,然後又去了github上down了一份,github地址:https://github.com/fex-team/umeditor/releases

3.將demo跑一波

  ①.跑前準備

   先解壓出來

    技術分享圖片

    在eclipse中新建了個項目

    技術分享圖片

    然後在WebContent下右鍵點擊

技術分享圖片

技術分享圖片

將下載好的文件包導進去,就ok了

②.試一試

index.html 文件中的 <script>標簽用form包裹起來

技術分享圖片

  然後點擊一波 ,結果很意外打印了個null

  試了好幾撥都不行,就感覺參數名可能不對,網上百度一下,參考一老哥的博客:http://blog.csdn.net/u014427391/article/details/51113573 ,

  就將jsp/getContent.jsp文件中 拿值參數改了一下。通了。

技術分享圖片

顯示結果:

技術分享圖片

控制臺打印:

技術分享圖片

4.配置文件

技術分享圖片

在這個文件中可以設置一些參數,每行都有註釋。

這裏解釋一下圖片配置

技術分享圖片

參數

  imageUrl:是你上傳圖片要調用的上傳文件在哪

  imagePath:是你上傳去的圖片存在哪了嗎,會給你創建時間子文件夾

  imageFiledName:對應的key值

百度UMeditor富文本編輯器java使用