第一种,直接小程序内写死协议,每次需发布小程序版本更新
第二种,通过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模板。
富文本编辑器可随意使用自己喜欢的编辑器
有问题,欢迎大家留言交流~,转载请备明出处。