zoukankan      html  css  js  c++  java
  • 小程序内协议使用的三种方法

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

     

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

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

    有问题,欢迎大家留言交流~,转载请备明出处。

  • 相关阅读:
    怎样确定需求
    xampp进程和非进程执行
    将博客搬至CSDN
    管理心得
    数据库性能优化
    开发、架构总结
    activeMQ总结
    php数组操作函数
    Examples_08_08
    保险采购单的修复
  • 原文地址:https://www.cnblogs.com/zhangxusong/p/14067591.html
Copyright © 2011-2022 走看看