小程序展示後臺編輯好的富文本[文字圖片視頻等]

小程序在開發的過程中都會遇到小程序官方給了富文本編輯器editor組件,但是隻能在小程序端編輯,然後保存到後臺的數據庫中,但是一般都是網站後臺編輯好,然後在小程序端展示後臺編輯好的富文本信息。這樣就可以實現很多信息的交互展示,本人也查詢了好久,最終實現了這樣的解決方案,費話不多少,講述實現步驟。

步驟一、
    本人選用的後端富文本編輯器是:summernote.css[可以根據自己後端系統去選用的富文本編輯器]
    圖片截取的是後端編輯器的大致模樣,寬高大致和手機的做了一模一樣,這樣方便於和手機端的大小保持一致。富文本編輯的樣子就是實際展示的樣子。

步驟二、點擊保存後將編輯好的內容都保存到數據庫中。

步驟三、在小程序端展示後臺編輯好的富文本信息
    謹記使用的是<rich-text nodes="{{content}}"></rich-text>而不是使用editor

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章