微信小程序支持富文本latex

最新推荐文章于 2025-03-19 14:45:53 发布
最新推荐文章于 2025-03-19 14:45:53 发布
阅读量877 收藏
点赞数
文章标签： 微信小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/baidu_33853807/article/details/134333213
版权
本文介绍了如何通过mp-html的latex插件解决在微信小程序富文本中展示latex公式的方案，包括获取组件包、集成到项目、配置app.config.ts以及实际使用方法，展示了最终的渲染效果。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

背景

由于latex公式是通过富文本进行展示，因此一些比较原生的处理方案就不能适用；

方案

经过调研和测试，发现通过mp-html的latex插件是可以支持富文本中展示latex

项目文档地址：小程序富文本组件

taro项目接入

1.扫码打开微信小程序，选择获取组件包-对应平台小程序-latex公式渲染，点击底部生成组件包；

2.最终会生成mp-html的源代码组件库，将源码放入到项目components 目录下，更名为mp-html

最低0.47元/天 解锁文章
微信小程序 - 富文本（解析）
王二红
03-02 6653
前言 通常情况下，后台管理系统都配备了富文本编辑器，当数据传入前端时需要解析才能正常显示。 解决方案可分为2种，使用官方富文本解析组件或第三方（轮子）组件。 一、官方组件 组件文档：https://developers.weixin.qq.com/miniprogram/dev/component/rich-text.html 使用官方组件（<rich-text>），易用且不需要引用其他资源（库）， 但是仅仅解析一些文字够用，无法解析视频标签等。 <rich-textnode
Towxml 3.0让微信小程序支持LaTex数学公式及yuml流程图
sbfkcel的博客
01-14 4056
陆续不断地写了近两个月，根据用户的反馈和小程序提供的API对Towxml进行了完成的重写。 新版本较之前解析速度更快，体积也更小，并且支持无限层级的内容解析。 同时也根据部分用户的反馈增加了一些新功能。 项目地址：https://github.com/sbfkcel/towxml 主要增加的有： 支持echarts图表（3.0+）✨ 支持LaTex数学公式（3.0+）✨ 支持yuml流程图（...
扩展微信小程序的wxParse库支持latex数学公式
08-16
对wxParse代码扩展，只需要在html文字中加入$ latex公式 $， 微信小程序中显示数学公式图片。如$ \frac{{\rm{a}}}{b}×\frac{{1 + y\% }}{{1 + x\% }} $就是latex数学公式。wxParse使用自行搜索。
latex教程（简明易懂）
09-02
此教程适合对latex排版一点基础都没有的人群，循序渐近，内容条理清晰，通俗易懂。
小程序实现LaTex的渲染与字符串表达式的计算
最新发布
jaqi.csdn
03-19 439
小程序实现LaTex数学公式的渲染 小程序实现字符串表达式的计算
小程序上支持Latex(不依赖服务端)
rojer的博客
03-14 2618
在小程序上实现latex数学公式的渲染，不依赖服务端
微信小程序--支持LaTex数学公式
lp-Strive的博客
03-26 6282
wxParse和towxml都是微信小程序中HTML和Markdown的解析组件。刚开始在项目中使用了wxParse，但是发现不能解析数学公式，后来了解到towxml3.0，发现towxml3.0功能很强大，支持很多的功能（包括数学公式、echarts图标以及yuml流程图）。于是将wxParse替换成了towxml towxml支持功能： 支持echarts图表（3.0+）✨ 支持LaTex数学公式（3.0+）✨ 支持yuml流程图（3.0+）✨ 支持按需构建（3.0+）✨ 支持代码语法高亮、代码块
微信小程序支持LaTex数学公式
曼巴童鞋-博客
12-31 222
微信小程序支持LaTex数学公式
微信小程序富文本解析（完整demo：商品详情）
tmd
08-22 2564
示例效果图： 一、说明 在小程序项目开发中，会遇到富文本编辑的内容，后台返回到小程序端无法解析，这时就需要一个插件来处理。 微信小程序没有提供webview等html解析，原展示类文本没有办法图文并茂的原生展示，wxParse主要目的就是弥补富文本解析空缺的问题...
uniapp实现微信小程序富文本之mp-html插件详解
CSDN_Admin0的博客
01-15 8883
uniapp实现微信小程序中富文本展示，微信小程序中图片自适应调整，微信小程序集成mp-html富文本
微信小程序wxParse组件及案例
07-21
微信小程序是一种轻量级的应用开发...通过以上步骤，开发者可以在微信小程序中顺利地展示富文本内容，提高用户体验。在实际项目中，结合wxParse提供的各种配置和扩展功能，可以实现更加复杂和个性化的富文本展示效果。
微信小程序解析富文本编辑器
08-22
微信小程序解析富文本编辑器引入的templete和详细的使用说明.
微信小程序-可能是目前最好用的微信小程序富文本解析插件
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 文件 &lt;!-- 在对应页面的 wxml 文件中引入 weParser 模块 --&gt; &lt;!-- 在需要渲染 HTML 数据的地方，使用模板渲染 --&gt; wxss 文件 /* 在 app.wxss 中引入默认的样式文件 */ @import "/weParser/weparser.wxss"; 当然，有时需要处理的数据不是单一的
微信小程序-微信小程序 HTML 富文本解析
08-05
步骤 把 wxParser 目录放到小程序项目的根目录下 在需要富文本解析的的 WXML 内引入 wxParser/index.wxml 在页面 JS 文件内使用 wxParser.parse(options) 方法解析 HTML 内容 在小程序项目根目录的 app.wxss 内引入 wxParser 的默认样式库 wxParser.parse(options) 方法的 options 参数说明 参数名 类型 必填 描述 bind String 是 要绑定的数据名称 html String 是 HTML 内容 target Object 是 绑定数据的模块对象 enablePreviewImage Boolean 否 是否启用富文本内的图片预览功能，默认是 tapLink Function 否 点击超链接时的回调函数 示例 WXML JS const wxParser = require('../../wxParser/index'); Page({ data: {}, onLoad: function () {
微信小程序解析html富文本插件
04-17
微信小程序解析html富文本插件，将html代码解析成小程序可使用的代码，非常好用！
（自用）微信小程序富文本渲染插件-towxml-master-配置包.zip
03-16
下载下来后 npm install、npm run build，然后会在桌面上生成一个 towxml，将此目录复制到你的小程序项目中，然后按照 towxml 文档上写的去用即可 具体见博客：https://blog.csdn.net/qq_37177115/article/details/114908220
微信小程序--支持ckeditor编辑器中mathquill数学公式
lp-Strive的博客
03-31 2175
使用Towxml解析ckeditor文本编辑器中mathquill数学公式 显示如下效果： 一、微信小程序中构建Towxml 参考之前文章：https://blog.csdn.net/qq_33848658/article/details/115234194 二、使用 1、单独封装mathquill.css 2、towxml/towxml.wxss中引入mathquill.css /* mathquill数学公式样式 */ @import './style/theme/mathqu.
微信小程序富文本内容显示
weixin_45561965的博客
02-28 242
微信小程序如何插入富文本
微信小程序如何显示富文本，类似v-html，rich-text
热门推荐
Xpy 的博客
05-20 2万+
一、微信小程序需求，有一段富文本字符串需要解析并展示在页面上； 结构如下 ：content 二、解决办法 一、用过vue 的都知道vue 有个 v-html 属性，可以准换html格式并且展示； 但是微信小程序提供的方法是一个新的标签【基础内容 /rich-text】 ； 使用方法很简单： <view> <rich-text nodes="{{content}}"></rich-text> </view> 二、属性只有两个 属性 类型 默认值 必
微信小程序实现LaTex数学公式解析教程
在微信小程序领域，对于开发者而言，解析LaTeX数学公式是实现特定功能时常常遇到的需求。LaTeX是一种基于TeX的排版系统，被广泛用于生成科技和数学、物理文档的专业排版。在本案例中，涉及到的知识点主要包括微信小...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值