富文字資料儲存及回顯

開發者應該都使用過富文字編輯器外掛程式吧，對於富文字外掛程式編輯的內容我們需要怎麼儲存及回顯呢，我來簡單介紹下。

儲存：1、檔案儲存，將富文字資料儲存成html檔案，然後將檔案上傳到檔案伺服器；2、直接將html內容儲存到資料庫中。這篇主要介紹第二種。

第二步：處理特殊標籤，我使用的是mysql資料庫，像尖括號這種特殊表會被資料庫誤會，也是為了防止被人惡意在html內容中嵌入指令碼**。

這裡使用的是org.springframework.web.util.htmlutils這個工具類，屬於springboot web包裡。

其中htmlescapehex方法是將所有特殊字元轉義為對應的數字以十六進製制格式引用，htmlescape方法是將所有特殊字元轉義到對應的本質引用，htmlescapedecimal方法是將所有特殊字元以十進位制格式轉義到對應的數字引用。具體是什麼樣子的呢，來看下控制台結果。

第三步，儲存，一般富文字內容都是很大的，所以對應資料庫字段我們應該選用longtext型別，如果選用varchar這些有長度的字段，可能會報data too long錯誤。

第四步，讀取。

第五步，解析，使用的也是htmlutils這個工具類中的解析方法。

解析只需要使用到乙個htmlunescape方法。

可以看到控制台結果，完美解析。將解析後的html內容返回到前端，回顯到富文字框裡面就行了。

歡迎指正或者提出更好的建議。

富文字資料儲存及回顯

開發者應該都使用過富文字編輯器外掛程式吧，對於富文字外掛程式編輯的內容我們需要怎麼儲存及回顯呢，我來簡單介紹下。儲存 1 檔案儲存，將富文字資料儲存成html檔案，然後將檔案上傳到檔案伺服器 2 直接將html內容儲存到資料庫中。這篇主要介紹第二種。第二步 處理特殊標籤，我使用的是mysql資料庫，...

富文字編輯器froalaEditor回顯問題

富文字編輯器froalaeditor常規使用 這是別的大佬的，我是看著這個操作做出的！很詳細nice 使用富文字編輯器froalaeditor出現了文字回顯的時候內容一直帶著html標籤。各種嘗試弄出來了一種解決方案 escape i feedback record froalaeditor htm...

layui 富文字編輯器回顯問題

眾所周知，富文字編輯器存入資料的內容包含了樣式 元素 文字內容等。所以回顯最直接的方法就是將從後台傳回來的資料直接塞進富文字編輯器的元素裡。採用vue可以使用v html,js直接用html 方法。但是記得將這一塊 放在富文字編輯器初始化 前執行，其實就是初始化textarea 否則會受到影響 富文...