小程序在開發的過程中都會遇到小程序官方給了富文本編輯器editor組件,但是隻能在小程序端編輯,然後保存到後臺的數據庫中,但是一般都是網站後臺編輯好,然後在小程序端展示後臺編輯好的富文本信息。這樣就可以實現很多信息的交互展示,本人也查詢了好久,最終實現了這樣的解決方案,費話不多少,講述實現步驟。
步驟一、
本人選用的後端富文本編輯器是:summernote.css[可以根據自己後端系統去選用的富文本編輯器]
圖片截取的是後端編輯器的大致模樣,寬高大致和手機的做了一模一樣,這樣方便於和手機端的大小保持一致。富文本編輯的樣子就是實際展示的樣子。
步驟二、點擊保存後將編輯好的內容都保存到數據庫中。
步驟三、在小程序端展示後臺編輯好的富文本信息
謹記使用的是<rich-text nodes="{{content}}"></rich-text>而不是使用editor