微信小程序富文本插件WxParse使用
微信小程序富文本插件WxParse使用
微信小程序可以用前端的来实现的但是,有的情况可能需要微信小程序和前端的其他项目保持一致,一些富文本内容或者接口返回的是html格式的数据或者是md格式的数据这就需要用到微信小程序的富文本插件了
这就需要用到wxParse这个小程序插件了
下载地址
github下载地址
到达github后直接在里面找到此文件就ok了,这就是我们需要的文件
开始使用
1、将文件直接放到微信小程序的项目包中
2、使用在页面中使用的时候,将文件引入
//在需要的页面中引入样式
//需要用到的页面中的wxss中
@import "../../wxParse/wxParse.wxss";
//需要用到的页面中的js中
let WxParse = require('../../wxParse/wxParse.js');
//也可以直接在app.wxss中直接引入
3、使用在相应的页面使用的时候先给一个展示的盒子
//此处data="{{wxParseData:articlea.nodes}}" 中的articlea是你在后台js中配置的名字<import src="../../wxParse/wxParse.wxml" /><template is="wxParse" data="{{wxParseData:articlea.nodes}}" />
对应的js中
//此处的article和页面中调用的时候名字一直
WxParse.wxParse('article', 'html', data.Description, that, 0);
//此处所传参数的意思
/**
* WxParse.wxParse(bindName , type, data, target,imagePadding)
* 1.bindName绑定的数据名(必填)
* 2.type可以为html或者md(必填)
* 3.data为传入的具体数据(必填)
* 4.target为Page对象,一般为this(必填,注意wx中嵌套过深的时候自定义this)
* 5.imagePadding为当图片自适应是左右的单一padding(默认为0,可选)
*/
一个页面多处用到的时候需要这样调用
在wxparse中的源码中可以看看他是使用什么样的方式来实现
使用的正是我们微信小程序中定义工具的方法实现的
所以能看到这里的朋友你可以花费点空闲的时间看看源码
微信小程序富文本插件WxParse使用相关推荐
- 微信小程序-富文本插件wxParse
一.准备工作 github下载waParse插件,地址:https://github.com/icindy/wxParse 放到小程序目录下:和utils平级 二.使用 //WXML页面 <im ...
- 微信小程序富文本插件
一.简介及说明 在小程序项目开发中,会遇到富文本编辑的内容,后台返回到小程序端无法解析,这时就需要一个插件来处理. 微信小程序没有提供webview等html解析,原展示类文本没有办法图文并茂的原生展 ...
- 微信小程序富文本插件mp-html
使用场景: 为了解决uni-app中"rich-text"富文本标签 不支持"微信小程序" : 1.文字长按选中,复制等 2.富文本中的图片可点击预览 3.不能 ...
- 微信小程序富文本组件wxParse
项目地址:https://github.com/icindy/wxParse 1 打开项目地址,下载项目文件 2 将wxParse文件夹粘贴到项目 3 新建页面 "pages/home/ri ...
- 微信小程序富文本编辑器获取内容
1.新建wxParse文件夹 里面的结构是这样:wxParse :{ emojis (文件夹) html2json.js (文件) htmlparser.js(文件) showdown.js (文件) ...
- 微信小程序富文本处理
微信小程序富文本处理 wxml页面代码: <rich-text nodes ="{{content.content}}"></rich-text> ts代码 ...
- 微信小程序富文本渲染(rich-text)换行失效
微信小程序富文本渲染(rich-text)换行失效 给rich-text标签加css 样式 white-space: pre;
- 微信小程序 富文本编辑器组件 editor
微信小程序 富文本编辑器组件 editor <view class="container"><view class="titlebox"> ...
- 微信小程序富文本解析
微信小程序富文本解析 *人狠话不多,直接代码搞起* html代码(后台返回的html代码) <p>这是一段文字</p><p><strong>这是加粗的字 ...
- 微信小程序 富文本组件使用
能够使用微信小程序提供的富文本组件及引入的第三方富文本组件 掌握使用微信小程序的表单组件 掌握使用微信小程序的form表单及如何提交数据 掌握使用微信小程序的导航及跳转组件 一.基础内容组件 1.1 ...
最新文章
- 我拷贝大文件的时候报“超过文件大小限制”错误,怎样突破这个限制?
- 每一个人都是平凡的英雄
- c:#ifndef, #define, #endif 作用
- debugger vsm_ProteusVSM常见问题解答
- Debian系列软件管理(第二版)
- php输出json到表格,PHP中把数据库查询结果输出为json格式
- Java基础 HashMap的添加 修改 遍历 Map.Entry Map.entrySet()的使用及实例
- python好学么数学_Python难学吗,本人数学和英语都很差,想学,都是兴趣爱好
- 【Vue2.0】—Vue与Component的关系(十二)
- 洛谷 P1187 3D模型
- MySQL镜像下载及启动
- 解决VMware重启IP地址改变的问题
- 基于VTD自带的场景 进行场景搭建
- SVN的下载和文件更新
- 人体计算机原理,人体静力学
- 经典逻辑题笔试题和答案(不断更新)
- 关闭开机弹窗广告2345(其他弹窗也适用)
- BMP图像位图法隐藏信息
- 四方光电粒子计数器:洁净室在线监测终极解决方案
- Hive的HQL的执行过程(怎么转换成MR、Spark等任务)