jsp頁面整合xhEditor文字編輯器

2022-08-19 09:57:08 字數 1163 閱讀 8762

經常寫部落格的都應該接觸文字編輯器,現在大多數都是使用markdown,markdown是一種可以使用普通文字編輯器編寫的標記語言,在文章中通過簡單的語法標記就可以實現文字的不同格式,對於markdown,必須要有一定的語法基礎,其實也比較容易,個人還是用慣了比較原始的編輯器,在csdn中提供了markdown和普通的富文字編輯器xheditor,xheditor對於初學者非常簡單,選中文字,點選上面的格式按鈕,就可以得到想要的格式,插入**檔案等等都可以。下面介紹在jsp頁面中怎樣整合xheditor。

開啟這個資料夾,可以看到很多的檔案,由於這種編輯器都是指令碼語言編寫,所以總共也沒有多大

第乙個資料夾demos裡面就是一些例子,利用瀏覽器檢視源**就可以知道怎麼去用了,點選資料夾開啟:

先看demo01,開啟第乙個demo後就會發現在第每個demo裡都有跳向其他demo的鏈結。裡面有很多的示例,就選擇最普通的預設模式,右鍵檢視源**

**中引入了js的指令碼**,在使用時用到了textarea文字框,其中class屬性是我們不需要改變的,外面用了乙個表單接收傳遞內容。

在我們的jsp頁面中的head標籤中加入

在body標籤中加入乙個form表單和textarea標籤

我們在表單的action屬性中新增要提交的位置,在servlet中通過request.getparameter獲取即可,如果亂碼通過request.setcharacterencoding("utf-8");設定即可

執行專案得到:注意示例中給的textarea屬性中的name屬性是elm1不要寫成e1m1,我是直接拿來用了,建議修改一下,便於辨認

springmvc整合xhEditor編輯器的使用

一.簡介 xheditor是乙個基於 jquery 開發的簡單迷你並且高效的視覺化 xhtml 編輯器。二.用法 2.jsp中的配置 首先引入xheditor外掛程式包下面的xheditor 1.2.1.min.js以及iframe.css以及ui.css 然後編輯器的配置 textarea中只要指...

springboot整合jsp頁面

org.apache.tomcat.embed groupid tomcat embed jasper artifactid dependency 4.將jsp編譯的檔案放到meta inf resource中,在sources下加入如下 源資料夾 directory 目標資料夾 meta inf ...

springboot整合jsp,頁面全報404

springboot專案整合jsp後,只要是訪問跳轉頁面的請求,全部都報404。我的專案目錄結構如下 這樣,在正常情況下,我們可以不通過控制層就能訪問到頁面。404.jsp的訪問路徑為 jsp 404.jsp 如果到這一步,你能正常訪問得到的話,就說明你之前頁面的專案路徑存在問題 但是,如果是像上面...