在微信小程序中,使用wxParse插件解析HTML/md富文本

晓殇大人

已于 2023-02-07 21:28:33 修改

阅读量998

点赞数

文章标签：微信小程序 html 小程序

于 2023-02-07 21:19:49 首次发布

本文链接：https://blog.csdn.net/dx3906nnn/article/details/128925904

版权

1. 在微信小程序中,使用wxParse插件解析HTML富文本

下载文件
GitHub地址：https://github.com/icindy/wxParse
解压文件,在解压后的文件夹里找到wxParse文件夹
将wxParse文件夹直接复制到微信小程序项目的根目录下
在想要解析HTML富文本的页面内的wxml文件中引入wxParse.wxml文件

<import src="/wxParse/wxParse"/> //路径看自己的目录结构变化

在想要解析HTML富文本的页面内的wxss文件中引入wxParse.wxss文件

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

晓殇大人

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
在微信小程序中,使用wxParse插件解析HTML/md富文本

在微信小程序中,使用wxParse插件解析HTML/md富文本
复制链接

扫一扫

微信小程序-可能是目前最好用的微信小程序富文本解析插件

08-07

weParser - 微信小程序富文本解析插件使用方法将 weParser 组件完整引入小程序项目 - weParser/ - html2json.js - htmldiscode.js - htmlparser.js - weparser.wxml - weparser.wxss 文件引入 js 文件 // 在使用的页面 js 中引入 weParser 模块 import WeParser from '../../weParser/weparser.js'; // 使用 WeParser 处理 HTML 数据，然后返回给模板文件 let data = WeParser('html', data.content); wxml 文件   wxss 文件 /* 在 app.wxss 中引入默认的样式文件 */ @import "/weParser/weparser.wxss"; 当然，有时需要处理的数据不是单一的

推荐开源项目：wxParse - 微信小程序富文本解析库

gitblog_00095的博客

03-28

835

参与评论您还未登录，请先登录后发表或查看评论

微信小程序解析html格式的内容

最新发布

weixin_46328739的博客

05-10

525

【代码】微信小程序解析html格式的内容。

微信小程序使用第三方组件wxParse加载富文本html

竹毛言己

07-04

3828

微信小程序使用第三方组件wxParse加载富文本html * 微信小程序 * 微信小程序加载富文本html * 微信小程序富文本第三方组件wxParse * wxParse * 富文本html

微信小程序使用wxParse解析渲染html代码片段

这货有些呆

04-25

1026

微信小程序使用wxParse解析渲染html代码片段

微信小程序插件wxParse的使用

越陌度阡

07-06

4414

由于微信小程序不支持后台富文本编辑器编辑的html，需要使用wxParse 这个插件来解析，下面介绍一下这个插件的使用方法。 1. 下载插件在GigHub上面找到插件Demo，地址为https://github.com/icindy/wxParse，把Demo里面的wxParse目录拷贝到项目里面. 2. 在当前页面的JS里引入wxParse.js var WxParse = req......

微信小程序wxParse用法（解析富文本）

JQ971的博客

05-30

1480

1.先下载wxparse 然后放到你的项目中（与pages同层级） 2.然后在全局的app.wxss中引入 @import "/wxParse/wxParse.wxss"; 3.index.js引入使用 var Wxparse = require("../../wxParse/wxParse.js"); Page({ data: {} onload: function(){ Wxparse.wxParse('article', 'html', that.d

微信小程序中如何使用wxParse解析html

03-29

最近项目上遇到在微信小程序里需要显示新闻内容，新闻内容是通过接口读取的服务器中的富文本内容，是html格式的，小程序默认是不支持html格式的内容显示的，那我们需要显示html内容的时候，就可以通过wxParse来实现...

微信小程序、小程序html富文本转换插件、html富文本标签转换

06-10

总之，“微信小程序html富文本转换”是小程序开发中的一个常见需求，通过wxParse这样的插件，我们可以轻松地在小程序中展示丰富多彩的HTML内容，提升用户体验。在实践中，开发者应当熟悉插件的使用方法，结合微信小...

微信小程序使用wxParse实现接入富文本编辑

03-29

微信小程序中比如活动说明，简介这样的图文介绍说明页面，后台通常配置成富文本编辑框，由后台直接输入内容，然后在小程序界面展现。 (此图片来源于网络，如有侵权，请联系删除! ) 但是富文本编辑提取到内容是html...

微信小程序开发--富文本插件wxParse的使用

03-29

后来找到了wxParse-微信小程序富文本解析组件。特性支持特性实验功能 ... 昨天一位网友问我小程序怎么解析富文本。他尝试过把html转出小程序的组件，但是还是不成功，我说可以把内容剥离出来。但是这两种...

wxParse-微信小程序富文本解析自定义组件，支持HTML及markdown解析.zip

10-25

【wxParse】是针对微信小程序开发的一个富文本解析自定义组件，它的主要功能是将HTML和Markdown格式的文本转换为适合微信小程序展示的结构。这个组件的出现解决了微信小程序原生不支持HTML和Markdown渲染的问题，...

微信小程序富文本插件wxParse简单使用---随笔

qq_39668819的博客

03-21

219

下载插件 Github地址:https://github.com/icindy/wxParse csdn地址: 若是从GitHub上下载，只需引入wxParse就行了具体使用可参考 GitHub上的官方提示使用一、导入插件首先将下载好的插件导入小程序，如：二、引入依赖【具体路径视自己的实际情况而定】在需要使用的page的js中引入 wxParse.js【当然也可以在app.js中...

微信小程序中使用富文本插件 wxParse

花铛

03-26

826

github下载地址：https://github.com/icindy/wxParse 下载完成后,复制文件夹wxParse到项目目录中(例如放在utils目录中). 在需要使用的JS文件中引入wxParse.js文件。 var WxParse = require('../../utils/wxParse/wxParse.js'); 在CSS文件中引入样式文件. @import "./...

【微信小程序】使用wxParse，解决图片显示路径问题

qq_25285531的博客

12-08

493

我们经常用到发布文章，用的是UEditor百度富文本编辑器,方便排版，存储的也是html代码，这样小程序解析出来的也是排版的样式，但是使用wxParse解析html的时候，因为存储的是图片的相对路径，所有在小程序解析的时候图片不显示，网上搜了好多，说当时图片的时候在解析出来的图片相对路径前面加上域名，这样也挺麻烦的，没到图片的地方都要判断一下，所有我找了个简单粗暴的方法，直接改wxParse的代...

WxParse 微信小程序html 渲染方法

weixin_49587053的博客

11-04

378

/** * WxParse.wxParse(bindName , type, data, target,imagePadding) * 1.bindName绑定的数据名(必填) * 2.type可以为html或者md(必填) * 3.data为传入的具体数据(必填) * 4.target为Page对象,一般为this(必填) * 5.imagePadding为当图片自适应是左右的单一padding(默认为0,可选) */ Page({ data: { }, onLoad: function (

微信小程序 - 解析富文本插件版们

Qianmoer的博客

08-02

1854

完成，存在不稳定因素，如对稳定性有很高的要求，请自行搭建解析服务，或在自家服务器上直接完成解析。如果为了追求极致的体验，建议将markdown、html转换为towxml数据的过程放在服务器上，在小程序中直接请求数据即可。方法进行数据绑定，注意路径，参数分别为绑定的数据名、已解析的富文本数据、当前页面对象和容器与屏幕边缘的单边的距离。富文本的解析默认是由QwqOffice完成，存在不稳定因素，你可以自行搭建解析服务或将解析组件引入到你的项目中。，添加使用组件的声明，注意路径。最后一步在页面上渲染使用就行。

在微信小程序中使用富文本转化插件wxParse

weixin_33804990的博客

08-28

130

在微信小程序中我们往往需要展示一些丰富的页面内容，包括图片、文本等，基本上要求能够解析常规的HTML最好，由于微信的视图标签和HTML标签不一样，但是也有相对应的关系，因此有人把HTML转换做成了一个富文本转化插件wxParse，方便我们使用，前人种树后人乘凉，我们使用它来解析HTML就很方便了，这对于我们在后端已经完成的一些HTML内容，展示在小程序里就非常不错。这个插件的Github地址如...

微信小程序WxPrase中包含文件无法点击解决

PBitW的博客

11-10

852

1、如何把HTML通过正则取出文件？ 2、数据处理 3、界面显示和事件

微信小程序代码中wxParse的功能

05-05

wxParse是一款用于微信小程序中解析HTML并转化为WXML的插件，它可以将HTML代码转化为小程序原生的WXML结构，并支持一些基本的CSS样式。使用wxParse可以方便地实现富文本展示、富文本编辑等功能。 wxParse的主要功能包括： 1. 支持解析HTML标签，包括基本的标签如div、p、span、img等。 2. 支持解析HTML标签中的属性，如class、style、src等。 3. 支持解析HTML标签中的事件绑定，如click、touchstart等。 4. 支持解析HTML标签中的样式属性，如font-size、color等。 5. 支持自定义解析器，可以根据自己的需求进行定制。使用wxParse可以大大简化小程序中富文本展示的开发难度，提高开发效率。