小程序內協議使用的三種方法


第一種,直接小程序內寫死協議,每次需發布小程序版本更新

 

第二種,通過web-view打開協議(協議地址需在小程序業務域名內(需在小程序開發平台管理台配置))

具體方法:

1、編輯一個.html格式的文件,內容如下:

<html>
<head>
    <meta charset="UTF-8">
</head>
<body>
    把富文本的內容放到這里來
</body>
</html>

  

2、通過富文本編輯器編輯好內容,復制出html,並放入1中“.html”文件body之間,如:

<html>
<head>
    <meta charset="UTF-8">
</head>
<body>
    <p style="text-align:center;">
	Think Different
    </p>
    <p>
	Here’s to the crazy ones. The misfits.
    </p>
    <p style="text-align:right;">
	- Apple Inc.
    </p>
</body>
</html>

  復制出來的內容一定是得帶html標簽的(如上面<body></body>之間的代碼),不然就沒有樣式效果了

3、第三步,需要用到的地方上傳該文件

4、小程序通過web-view組件引入該文件

 

第三種,通過小程序富文本組件 <rich-text>加載

具體方法:

1、在富文本編輯器里編輯好內容,復制出html,並放入“名稱.html”文件內

注意:在富文本編輯器內編輯好后,點第一個按鈕,拷貝出轉義帶html標簽的模板代碼,一定得是帶標簽的,一定得是帶標簽的,一定得是帶標簽的,如下:

 

 

2、在需要的地方上傳該文件

3、小程序中通過wx.request獲取文件,如:

wx.request({
    url: 'XXXXXX/activityTopic.html',
    dataType:'html',
    method:'GET',
    success (res) {
        that.setData({
             htmlSnip:res.data
        })
    }
})


模板引入
<rich-text nodes="{{htmlSnip}}"></rich-text>                

  

至於展示效果,第一種和第三種基本是相同的(可用於彈窗內等多種展示方式),對於第二種,web-view就只能全屏頁面展示了

 

注:“.html”需先定義好文件名,方便小程序內引用該文件。

對於第三種方法的第2點也可以自己實現一個功能,直接傳html給到服務器保存起來,然后通過接口返回html模板。

富文本編輯器可隨意使用自己喜歡的編輯器

有問題,歡迎大家留言交流~,轉載請備明出處。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM