web項目中nicedit富文本編輯器的使用

web項目中nicedit富文本編輯器的使用

1、爲何要用富文本編輯器？

先說什麼是富文本編輯器吧，普通的html中input或textarea標籤只能進行簡單的輸入，而作不到其餘的文本調整功能，甚至

連空格與回車都要另寫工具類去識別，更談不上字體大小和顏色的修改、總體排版都功能了。其實通常讀入文段類型的輸入框都需

要富文本編輯器，沒錯，大家平時寫博客用的就是富文本編輯器。若是仍是沒法理解富文本與普通輸入框的區別，請看下圖：

     

 2、爲何要選nicedit

同類富文本編輯器有不少，這裏選nicedit來講並非由於它有多好，反而它功能並不全面，也不是很好看，

不過它有幾個很大的優勢：兼容性好、簡單輕量、適合做爲後臺管理人員的錄入框。

3、使用方法

1.下載nicedit工具包，包內目錄以下

    

      2.把nicEdit.js和nicEditorIcons.gif文件複製到web項目中，放平時放靜態資源的位置便可

           

3.在nicEdit.js中修改nicEditorIcons.gif在項目中的位置

      

4.在jsp中代碼以下（注意修改js所在路徑）：

      

5.獲取富文本輸入的值，注意這裏用textarea的id和值是獲取不了的，由於nicedit會隱藏原有的textarea，並生成自帶的輸入框，這是要獲取框內

文本就須要經過其生成的類名去獲取，代碼實現以下：

  

  我這裏爲了方便表單直接提交，就在按鈕事件觸發時直接把富文本內的值獲取出來，並賦給表單中隱藏的input.

 

到這裏nicedit富文本就能達到使用目的了，須要的文件只有一個js文件和一張圖片，是否是真的很輕量很簡單？因此，在只需實現簡單的文段編輯功能

時，能夠考慮使用這個富文本編輯器。分享完畢，謝謝閱讀。