【小程序】使用wxParse解析html

2023-11-19

小程序在开发时,读取到服务器的内容是html格式的,因小程序不支持html格式的内容显示的,因此要对html格式的内容进行编译,可以通过wxParse来实现。

wxParse下载地址

实现方法:

  1. 将下载下来的wxParse文件夹复制到开发项目的根目录下。
  2. 在小程序页面对应的wxss文件中引用wxParse.wxss
    @import "../../wxParse/wxParse.wxss";
    
  3. 在小程序页面对应的js文件中引用wxParse.js,并使用
var WxParse = require('../../wxParse/wxParse.js');

Page({
  data: {

  },
  onLoad: function () {
    const that = this;

    var article = "<p>避免用不干净的手去碰手术伤口,以免引起细菌感染;术后姿势要注意,睡觉时枕高头部,有助于消肿;术后冷敷只需要1~2天,之后要热敷,热敷可以帮助血液循环;可以适量服用消炎药;恢复前不能佩戴隐形眼镜;饮食尽量清淡,不要吃海鲜、辛辣等食物。</p>" +
      "<p><font color=\"#e8714f\"><br /></font></p>" +
      "<p><font color=\"#e8714f\">现在正流行的韩式三点双眼皮,和切开法、埋线法相比较,区别在哪里?</font></p>" +
      "<p>韩式三点算是部分切开法,手术的切口是三个小点,它的优点是只有三个小痕迹,不明显,缺点是只能去脂肪,不能去皮。完全切开法是切开一条长线,可以去脂去皮。而埋线的话则是没有切口,不能去脂去皮,只是通过缝合的方法来打造双眼皮。韩式三点适合眼皮比较薄,眼部脂肪不多、皮肤不松的人,轻微的肿泡眼也可以做。所以也可以理解为适合</p>" +
      "<p>做埋线的就适合做韩式三点。</p>" +
      "<p><font color=\"#e8714f\"><br /></font></p>" +
      "<p><font color=\"#e8714f\">做了双眼皮会不会影响我的视力?</font></p>" +
      "<p>上眼皮,下眼皮,眼球的视觉系统是三个相对独立的解剖生理结构和部位,所以手术是不会对视力产生影响的。</p>"
      
    /**
    * WxParse.wxParse(bindName , type, data, target,imagePadding)
    * 1.bindName绑定的数据名(必填)
    * 2.type可以为html或者md(必填)
    * 3.data为传入的具体数据(必填)
    * 4.target为Page对象,一般为this(必填)
    * 5.imagePadding为当图片自适应是左右的单一padding(默认为0,可选)
    */
    
    WxParse.wxParse('article', 'html', article, that, 5);
  }
})
  1. 在小程序页面对应的wxml文件中引用wxParse.wxml
<import src="../../wxParse/wxParse.wxml"/> 
<view class="wxParse">
    <template is="wxParse" data="{{wxParseData:article.nodes}}"/>
</view>

wxParse高级用法

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

【小程序】使用wxParse解析html 的相关文章

随机推荐

  • 微信小程序支付完整流程

    1 注册微信支付商户号 由上级或法人注册 注册链接 https pay weixin qq com index php apply applyment home guide normal none 此商户号 需要由主管及更上级领导进行注册
  • matlab计算基础

    目录 1 创建矩阵和向量 2 矩阵的基本运算 2 1 数乘 2 2 转秩 2 3 求逆 2 4 点积 2 5 拼接 3 复数 4 矩阵元素的引用 5 工作区中数据的保存和使用 1 创建矩阵和向量 向量包括行向量和列向量 向量就是个特殊的矩阵
  • 动态链接库-DLL探秘

    在Windows世界中 有无数块活动的大陆 它们都有一个共同的名字 动态链接库 在Windows世界中 有无数块活动的大陆 它们都有一个共同的名字 动态链接库 现在就让我们走进这些神奇的活动大陆 找出它们隐藏已久的秘密吧 初窥门径 Wind
  • Ceph入门到精通-Macvlan网络模式

    Docker中的Macvlan网络模式提供了一种将容器直接连接到宿主机网络的方式 使得容器可以拥有自己的MAC地址和与宿主机网络的直接连接 以下是使用Macvlan网络模式的一般步骤 创建Macvlan网络 docker network c
  • 通过uniapp打包生成的ipa安装包如何上架appstore

    通过uniapp打包生成的ipa安装包如何上架appstore 今天刚接手一个发布在android和ios平台的uniapp项目 因为我之前没有上线appstore平台的经验就专门了解了一下之前的上架流程 对于如何获取ios开发证书 发布证
  • 真正解决ScrollView嵌套RecyclerView的显示不全及滑动问题

    很多人都会遇到ScrollView嵌套RecyclerView嵌套的问题 各种嵌套模式 这种嵌套会出现以下几种问题 1 ScrollView和RecyclerView两者都会滑动 而且有时候 滑动会冲突 2 RecyclerView显示不全
  • 基于Bert的提示学习(prompt)文本分类

    1 介绍 1 1任务描述 1 2任务说明 2 建立模型 3 数据加载 4 训练 1 介绍 1 1任务描述 商品同款挖掘 同款商品是指商品的重要属性完全相同且客观可比的商品 商品同款识别的主要目的是从海量结构化和无结构化的商品图文数据库中匹配
  • 双模态情感分析

    1 任务介绍 2 建立模型 1 任务介绍 在做情感分析任务是 一般是通过纯文本进行判断的 或者通过语音来判断 现结合语音 文本双模态来进行情感分析 2 建立模型 from keras layers import from mult emti
  • 基于Qt的OpenGL编程(3.x以上GLSL可编程管线版)---(未知)阴影映射

    未完成 黑近白远 oglmanager h ifndef OGLMANAGER H define OGLMANAGER H include
  • 熄灯问题

    有一个由按钮组成的矩阵 其中每行有6个按钮 共5行 每个按钮的位置上有一盏灯 当按下一个按钮后 该按钮以及周围位置 上 下 左 右 的等都会转变状态 即 如果灯原来是点亮的 就会被熄灭 如果灯原来是熄灭的 则会被点亮 在矩阵角上的按钮改变3
  • 【3D人脸】Open3D学习笔记 一

    最近头疼于点云法向量的计算 实在找不到python的相关资料 想起来Open3D这个专门的工具 一搜还真有 踩了很多坑 记录一下 Open3D官方文档 http www open3d org docs release index html
  • uniapp(二) 之 uniapp 搭建与组件库的引用

    小扩展 rpx responsive pixel 可以根据屏幕宽度自适应 规定屏幕宽度为750rpx 如果iphon6上 屏幕宽度为375px 共有750个像素 则750rpx 375培训 750物理像素 1rpx 0 5px 1物理像素
  • 自定义类型 (结构体)

    文章目录 结构体的声明 1 结构的基础知识 2 结构的声明 3 特殊的声明 4 结构的自引用 5 结构体变量的定义和初始化 6 结构体内存对齐 7 修改默认对齐数 8 结构体传参 结构体的声明 1 结构的基础知识 结构是一些值的集合 这些值
  • Mac VSCode常用快捷键

    cmd option gt cmd option lt 返回上 下一个光标位置 cmd p 打开文件搜索框 control 返回 control shift 前进 补充
  • 工具及方法 - Process Explorer以及类似工具,用来获取系统运行的进程信息

    下载Process explorer Process Explorer Sysinternals Microsoft Learn Process explorer简介 有没有想过哪个程序打开了一个特定的文件或目录 现在你可以找到了 Proc
  • BDA初级分析——可视化图形

    一 时间趋势 时间趋势要如何呈现 Excel函数补充 YEAR 提取日期中的年份 MONTH 提取日期中的月份 DAY 提取日期中的天 HOUR 提取时间中的小时 TEXT 将数值转换为按指定数字格式表示的函数 写法 TEXT value
  • 提交表单--get与post方式

    我们经常在网页上输入信息 然后通过按钮提交 有两种提交方式 get和post get方式效率高但安全性低 post是封装后进行提交安全性高 get方式经常用于搜索 查询 post常用与用户注册登陆等 提交表单标签
  • 【Sibelius】制谱软件 (西贝柳斯)入门笔记

    首先声明 本人非音乐专业 连业余爱好者都算不上 因为小女是音乐生 为了填补代沟 所以就整点音乐相关的软件玩玩 又怕自己忘了 做个笔记 笔记主要是从B站学习的 链接 https www bilibili com video BV1Kb4114
  • 成功解决VS编译时提示“已经在 LIBCMT.lib(xxx) 中定义“

    报错信息 解决方法 在项目右击 gt 属性 gt 连接器 gt 命令行 gt 附加选项中 添加 force
  • 【小程序】使用wxParse解析html

    小程序在开发时 读取到服务器的内容是html格式的 因小程序不支持html格式的内容显示的 因此要对html格式的内容进行编译 可以通过wxParse来实现 wxParse下载地址 实现方法 将下载下来的wxParse文件夹复制到开发项目的