去除富文字中的跳脫字元

之前釋出的文章提到過關於某自媒體平臺（為了避免廣告，就不說名字了）的文章釋出介面的問題：釋出文章之後，預期是直接釋出好文章，但是這個平臺對提交的富文字進行了處理，遇到第一個跳脫字元後，就把後面的文章全部切掉。本意是用介面讓文章釋出更方便，卻帶來了這個問題。

因為文章是在遇到程式碼的時候發生截斷的，剛開始還以為是程式碼的問題，後來才發現是跳脫字元的問題。因為一個技術類文章避免不了有程式碼，而程式碼中的雙引號、單引號、大於等於號等字元在經過js富文字編輯器進行處理後就變成了跳脫字元，最終獲得的value值裡面全部都變成了跳脫字元儲存在資料庫中。

解決這個問題的關鍵就是如何去掉跳脫字元，那麼我們可以在儲存到資料中的時候就用原來的字元替換掉跳脫字元，或者在傳遞給介面資料的時候，先從資料庫中拿出來，處理了之後再傳遞給介面，這裡編者採用了第一種方式，在從富文字框中儲存到資料庫的時候，就將跳脫字元替換掉。

這個方案可行性還是不錯的，雖然在HTML中能夠被跳脫字元有很多，但是常用的只有5個，而且寫文章的時候一般用不到特殊字元。這5個字元分別是：“（雙引號）、&、<（小於號）、>（大於號）、空格。解決的方法只需要用它們本來的字元替換掉即可。如下：

點選新增圖片描述（最多60個字）

這裡要注意空格的處理，用了一個span標籤代替一個空格，設定span的左padding為2px即可佔用一個空格。另外，注意第一行，程式碼中的單引號儲存到資料庫中的時候，要用兩個單引號替換掉再儲存到資料庫，不然會因為單引號影響sql語句產生應用程式錯誤。

本文系小部落格網站原創，轉載請註明文章連結地址