如何使用Vue-Quill-Editor富文本編輯器-創新互聯
如何使用Vue-Quill-Editor富文本編輯器?針對這個問題,這篇文章詳細介紹了相對應的分析和解答,希望可以幫助更多想解決這個問題的小伙伴找到更簡單易行的方法。
1、下載Vue-Quill-Editor
npm install vue-quill-editor --save
2、下載quill(Vue-Quill-Editor需要依賴)
npm install quill --save
3、代碼
OK,搞定,簡潔的富文本編輯器就展現在你眼前了,另外附上API。Vue-Quill-Editor
4、存儲及將數據庫中的數據反顯為HTML字符串
后臺接收到數據后會將字符中的標簽進行轉碼,所以我們要先進行一個解碼的操作讓他變成標簽形式的字符串:
例如后臺接收的數據如下:"<h2>title<" ,對應解碼后就是`
title
`。//把實體格式字符串轉義成HTML格式的字符串 escapeStringHTML(str) { str = str.replace(/</g,'<'); str = str.replace(/>/g,'>'); return str; }
然后將返回值賦值給對應的參數:
{{str}}
上面的str就是轉碼函數返回的值,我們要先在data中定義,所以我現在將新增跟展示放在一起,代碼如下:
{{str}}
關于如何使用Vue-Quill-Editor富文本編輯器問題的解答就分享到這里了,希望以上內容可以對大家有一定的幫助,如果你還有很多疑惑沒有解開,可以關注創新互聯成都網站設計公司行業資訊頻道了解更多相關知識。
另外有需要云服務器可以了解下創新互聯scvps.cn,海內外云服務器15元起步,三天無理由+7*72小時售后在線,公司持有idc許可證,提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業上云的綜合解決方案,具有“安全穩定、簡單易用、服務可用性高、性價比高”等特點與優勢,專為企業上云打造定制,能夠滿足用戶豐富、多元化的應用場景需求。
當前題目:如何使用Vue-Quill-Editor富文本編輯器-創新互聯
網頁路徑:http://www.xueling.net.cn/article/dgegdo.html