zoukankan      html  css  js  c++  java
  • 小程序中页面兼容h5标签的解析

    有时候当小程序向后台拿数据是一篇html标签的文章时,把它放进小程序会发现很多标签就不兼容,如果要一个个改又很麻烦,有没有方法可以很快地兼容html标签呢? 
    有个工具可以做到:wxParse 
    这里写图片描述
    下载了它的压缩包后解压,复制wxParse文件夹放到小程序pages页面里: 
    这里写图片描述
    在wxml里引入,这里的路径仅供参考:

    1
    2
    3
    <import src="../../../../wxParse/wxParse.wxml" />//在需要放置html文本的地方使用wxParse组件 <view class='article_bd'>
        <template is="wxParse" data="{{wxParseData:content.nodes}}" />
      </view>

    在js里引入:

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    let wxparse = require("../../../../wxParse/wxParse.js");
    Page({  /**
       * 页面的初始数据
       */
      data: {
          content: ''
      },
       onLoad: function(options) {     var that = this;
         .....     //在后台拿到content数据后, result.data.content就是拿到的数据
          wxparse.wxParse('content', 'html', result.data.content, that);
       }

    在wxss引入:

    1
    @import "../../../../wxParse/wxParse.wxss";

     

  • 相关阅读:
    Vue的使用
    Bootstrap 提示工具(Tooltip)插件
    基于layerpage 前后端异步分页
    bootstrap的selectpicker的方法
    移动端好用的下拉加载上拉刷新插件 dropload插件
    vue的安装
    chromium ②
    chromium ①
    一些技术博客 集合
    提高pv uv
  • 原文地址:https://www.cnblogs.com/cqlb/p/9494903.html
Copyright © 2011-2022 走看看