1.介紹html
UMeditor 是一款輕量級的富文本編輯器,比UEditor要小得多,是爲知足廣大門戶網站對於簡單發帖框,或者回復框需求所定製的在線富文本編輯器java
2.下載git
官網地址:http://ueditor.baidu.com/website/umeditor.htmlgithub
說明筆者點擊官網的下載中的按鈕,半天沒反應,而後又去了github上down了一份,github地址:https://github.com/fex-team/umeditor/releasesweb
3.將demo跑一波eclipse
①.跑前準備jsp
先解壓出來編輯器
在eclipse中新建了個項目網站
而後在WebContent下右鍵點擊spa
將下載好的文件包導進去,就ok了
②.試一試
將index.html 文件中的 <script>標籤用form包裹起來
而後點擊一波 ,結果很意外打印了個null
試了好幾撥都不行,就感受參數名可能不對,網上百度一下,參考一老哥的博客:http://blog.csdn.net/u014427391/article/details/51113573 ,
就將jsp/getContent.jsp文件中 拿值參數改了一下。通了。
顯示結果:
控制檯打印:
4.配置文件
在這個文件中能夠設置一些參數,每行都有註釋。
這裏解釋一下圖片配置
參數
imageUrl:是你上傳圖片要調用的上傳文件在哪
imagePath:是你上傳去的圖片存在哪了嗎,會給你建立時間子文件夾
imageFiledName:對應的key值