首页 > 编程语言 >微信小程序-wxParse插件的使用转化HTML到小程序识别的插件

微信小程序-wxParse插件的使用转化HTML到小程序识别的插件

时间:2022-11-04 11:12:24浏览次数:49  
标签:插件 微信 程序 HTML 标签 wxParse

优点:目前已知唯一可以转化HTML到小程序识别的插件

缺点:转换一个HTML标签可能需要大量的微信小程序标签还有样式

配置:第一步,下载

https://github.com/icindy/wxParse 第二步,放入项目中,我选择pages目录下 第三步,配置 wxml加入: <import src="../wxParse/wxParse.wxml"/> 在需要的地方使用: <template is="wxParse" data="{{wxParseData:article.nodes}}"/> 其中article是后台html值的变量名   js加入: var WxParse = require('../wxParse/wxParse.js'); 这里貌似使用es6的import会有错误 我在onload事件写下了: WxParse.wxParse('article', 'html', this.data.article, this, 5); 注意的是第三个和第四个参数,前几个可以固定不变但是第一个要和数据变量名一致,第三个是后台数据,第四个是指的小程序标签,可以注册多个wxparse wxss加入: @import '../wxParse/wxParse.wxss'; 到此完成,但是要注意的是a标签的转化,需要加入一个方法,示例如下: wxParseTagATap: function (e) { var href = e.currentTarget.dataset.src; console.log(href); wx.redirectTo({ url: href }); } 这个在点击a标签的时候控制台其实是输出了警告信息的 此外url也只能是小程序内部地址,这是个限制,他不能跳到外部,这里我想后台编辑的时候可以用二维码替代,小程序跳转外部地址可以使用web-view标签,详情参考官方文档

标签:插件,微信,程序,HTML,标签,wxParse
From: https://www.cnblogs.com/liweigang/p/16857073.html

相关文章

  • 应用程序主题研发有妙招!DevExtreme拥有多种预定义主题样式
    DevExtreme拥有高性能的HTML5/JavaScript小部件集合,使您可以利用现代Web开发堆栈(包括React,Angular,ASP.NETCore,jQuery,Knockout等)构建交互式的Web应用程序,该套件附带功能......
  • 使用WinRar制作程序安装包
    这次研究了下WinRar制作程序安装包,我使用的是5.21版本。选中要打包的文件,先压缩为RAR文件,然后双击打开文件输入目录时可以选择前两项,输入绝对路径时,则为第三项。......
  • 手把手教你搭建消防安全答题小程序-首页
    火灾事故重预防,无灾避难得安康。本月是“119”消防月,请大家注意用火用气用电安全,共同做好单位、家庭消防安全工作。接下来,就让我手把手教你搭建消防安全答题小程序吧。软......
  • SOLIDWORKS插件SolidKits高级BOM之批量写入模型属性
    一般情况下,我们在做设计时,可能都是在三维设计完成之后才去添加模型的属性信息,这部分工作就需要我们一个一个打开模型去做,也是很繁琐的一项工作。因此批量写属性的工具就变......
  • coq程序编写好用的IDE推荐
    编写coq程序需要一个后台coq库(负责证明过程推导等所有功能,提供coq的所有服务),一个界面编辑器组成。可以编写coq的开发环境大概有3个:1、coqIDE这个是coq官方的,下载地址 ​​I......
  • 【程序员讲装修】如何花最少的钱做出最出彩的装修效果?
    【程序员讲装修】如何花最少的钱做出最出彩的装修效果?前言首先先自我介绍一下,做过程序员,也做过装修,现在自由职业。有空写写文章,用程序员的思维规范化系统化定义装修,梳理自......
  • 程序员讲装修内容思路
    程序员讲装修内容思路前言最近闲来无事,整理一下自己装修的干货知识。大致分四大块讲:设计、材料、施工、验收;内容装修设计:平面布局、水电设计、瓷砖设计、吊顶设计、地板设......
  • 第 45 届国际大学生程序设计竞赛(ICPC)亚洲区域赛(济南)-L Bit Sequence
    题意给你两个数l,m,大小为m的数组a,求[0,l]之间满足以下条件的数x的个数:对于任何i输入[0,m-1],f(x+i)%2=a[i];f(k):代表k在二进制下1的个数m的范围<=100,l<=1e18,a[i]=0/1......
  • 【正则表达式】关于正则表达式在程序中可能的报错情况
    regex._regex_core.error:missing)atposition16报错原因:在正则表达式中括号不对等,需要查验是否括号一致反例:r'(?<=("addr":)|("name:":)[0-9A-Za-z]+'regex._r......
  • Linux下获取当前程序的绝对路径
    Linux下获取当前程序的绝对路径阿拉懒神灯2020-02-18原文在Linux开发应用时,我们常常需要在程序中获取当前程序绝对路径,我们可以通过readlink读取符号链接/......