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模板。

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

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

  • 相关阅读:
    vue-fullcalendar插件
    iframe 父框架调用子框架的函数
    关于调试的一点感想
    hdfs 删除和新增节点
    hadoop yarn 实战错误汇总
    Ganglia 安装 No package 'ck' found
    storm on yarn(CDH5) 部署笔记
    spark on yarn 安装笔记
    storm on yarn安装时 提交到yarn失败 failed
    yarn storm spark
  • 原文地址:https://www.cnblogs.com/zhangxusong/p/14067591.html
Copyright © 2011-2022 走看看