小程序内协议使用的三种方法

第一种，直接小程序内写死协议，每次需发布小程序版本更新

第二种，通过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模板。

富文本编辑器可随意使用自己喜欢的编辑器