web專案中nicedit富文字編輯器的使用

2022-05-08 13:51:05 字數 1151 閱讀 3312

web專案中nicedit富文字編輯器的使用

一、為什麼要用富文字編輯器?

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

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

要富文字編輯器,沒錯,你們平時寫部落格用的就是富文字編輯器。如果還是無法理解富文字與普通輸入框的區別,請看下圖:

二、為什麼要選nicedit

同類富文字編輯器有很多,這裡選nicedit來說並不是因為它有多好,反而它功能並不全面,也不是很好看,

不過它有幾個很大的優點:相容性好、簡單輕量、適合作為後台管理人員的錄入框。

三、使用方法

2.把nicedit.js和niceditoricons.gif檔案複製到web專案中,放平時放靜態資源的位置即可

3.在nicedit.js中修改niceditoricons.gif在專案中的位置

4.在jsp中**如下(注意修改js所在路徑):

5.獲取富文字輸入的值,注意這裡用textarea的id和值是獲取不了的,因為nicedit會隱藏原有的textarea,並生成自帶的輸入框,這是要獲取框內

文字就需要通過其生成的類名去獲取,**實現如下:

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

到這裡nicedit富文字就能達到使用目的了,需要的檔案只有乙個js檔案和一張,是不是真的很輕量很簡單?所以,在只需實現簡單的文段編輯功能

Web專案中 的含義

在web專案中不同地方的不同表示意義 即 就等同於 htttp localhost 埠號 專案名 代表伺服器的根路徑 見於href等 即 就等同於 htttp localhost 埠號 另外,如果不加 則表示 當前目錄 eg 如圖 errorpage.jsp中 要訪問web專案下的bookinset...

web專案中的路徑問題

在web專案中,相對路徑相對的是使用者上乙個訪問的路徑 public string list model model throws exception jcontractlist.jsp頁面有乙個鏈結貨物 該鏈結使用了相對路徑,相對的是 cargo contract list.action 路徑,所...

關於web專案中啟動載入

近期專案中需要用到容器在web應用啟動的時候主動載入特定的資源 如配置檔案等 其做法有下面小結。在web.xml中引入執行相應功能的servlet,片段如下 testservlet com.util.testservlet x x 1 中的元素作用是 load on startup 元素在web應用...