微信小程序中Towxml解析Markdown及html

一、Towxml

Towxml 是一个让小程序可以解析Markdown、HTML的解析库。
在这里插入图片描述

二、引入

2.1 clone代码

git clone https://github.com/sbfkcel/towxml.git

2.2 安装依赖

npm install

2.3 打包

npm run build

2.4 引入文件

将dist文件复制到微信小程序根目录,改名为towxml
在这里插入图片描述

三、使用

3.1 app.js引入

//app.js
App({// 引入`towxml`解析方法towxml:require('/towxml/index')
})

3.2 页面配置文件json中引用

{"usingComponents": {"towxml": "../towxml/towxml"}
}

3.3 页面js使用

const app = getApp();
Page({data: {content: ''},onLoad: function (options) {// todo 库中返回markdownconst contentMd = '# 一级标题';let result = app.towxml(contentMd, 'markdown', {theme: 'light'});this.setData({content: result});}
})

3.4 wxml展示

<towxml nodes="{{content}}"/>

3.5 效果

在这里插入图片描述
在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/web/51892.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

THE UNIVERSITY OF MANCHESTER-NUMERICAL ANALYSIS 2Final Exam2021

2. (a) Briey describe how orthogonal polynomials can be used to fi nd the nodes of Gaussian quadra-ture rules for a weighted integral ∫ a b f ( x ) w ( x ) d x . \int_{a}^bf(x)w(x)\mathrm{d}x. ∫ab​f(x)w(x)dx.(b) Using your described approach to find th…

《全球及中国时域反射计(TDR)行业市场现状分析与发展前景预测研究报告》

报告导读&#xff1a;本报告从国际时域反射计&#xff08;TDR&#xff09;发展、国内时域反射计&#xff08;TDR&#xff09;政策环境及发展、研发动态、供需情况、重点生产企业、存在的问题及对策等多方面多角度阐述了时域反射计&#xff08;TDR&#xff09;市场的发展&#x…

Flutter中的Key

在Flutter 中&#xff0c;Key 是 几乎所有 widget 都具有的属性。为什么 widget 具有 Key 呢&#xff1f;Key的作用是什么&#xff1f; 什么是 Key Key是Widget、Element 和 SemanticNodes 的标识符。 Key 是Widget、Element 和 SemanticNodes的唯一标识。例如对于 Widget 在 …

数据结构之 “单链表“

&#xff08;1&#xff09;在顺表表中&#xff0c;如果是头插/删的时间复杂度是O(1)&#xff1b;尾插/删的时间复杂度是O(N) &#xff08;2&#xff09;增容一般是呈2倍的增长&#xff0c;势必会有一定的空间浪费。比如&#xff1a;申请了50个空间&#xff0c;只用了两个&#…

Type-C接口诱骗取电快充方案

Type-C XSP08Q 快充协议芯片是一种新型电源管理芯片&#xff0c;主要负责控制充电电流和电压等相关参数&#xff0c;从而实现快速充电功能。Type-C XSP08Q快充协议是在Type-C接口基础上&#xff0c;加入了XSP08Q协议芯片的支持&#xff0c;很大程度上提升了充电速度。 正常情况…

CUDA编程08 - 并行编程思维

一:概述 到目前为止,我们集中于学习并行编程的实用知识,包括CUDA编程接口特性、GPU架构、性能优化技术、并行模式和应用案例研究。在本章中,我们将讨论更为抽象的概念。我们将并行编程概括为一种思维过程,即设计或选择并行算法,并将一个实际问题分解基本的工作单元,这些…

C#泛型相关

什么是泛型&#xff1f; 泛型是C#2.0版本和公共语言运行库 (CLR) 中的一个非常重要的新功能。泛型就是类型参数化&#xff0c;用于处理的数据类型不固定的情况下&#xff0c;将类型作为参数传入。 使用泛型的好处&#xff1f; 代码复用&#xff1a;我们一套代码可以支持不同…

Linux——性能调优工具一览

一、CPU 1.调优工具 根据指标找工具 性能指标工具说明 平均负载 uptime、top uptime最简单、top提供了更全的指标 系统整体CPU使用率 vmstat、mpstat、top、sar、/proc/stat top、vmstat、mpstat只可以动态查看&#xff0c;而sar还可以记录历史数据 /proc/stat是其他性…

UE引擎内置插件信息 储存的位置

.uproject。图标文件可以让UE 引擎内置插件&#xff0c;配置更改,比如我希望我的DataSmithImporter插件是启用的。

STM32 ADC采样详解

Content 0x00 前言0x01 ADC配置0x02 滤波处理 0x00 前言 在单片机开发过程中&#xff0c;常常涉及到ADC的使用&#xff0c;市面上大部分便宜的传感器都是采用的ADC来获取其数据&#xff0c;如MQ-2 烟雾传感器、光敏传感器等等。 此类传感器工作原理为根据所采集到的数据变化…

Robot Operating System——带有时间戳和协方差矩阵的加速度信息

大纲 场景描述具体应用定义字段解释 案例 geometry_msgs::msg::AccelWithCovarianceStamped 是 ROS 2 中的一个消息类型&#xff0c;用于表示带有时间戳和协方差矩阵的加速度信息&#xff0c;包括线性加速度和角加速度。协方差矩阵用于描述加速度测量的不确定性。这在机器人导航…

大模型入门 ch01:大模型概述

本文是github上的大模型教程LLMs-from-scratch的学习笔记&#xff0c;教程地址&#xff1a;教程链接 STAGE 1&#xff1a; BUILDING 1. 数据准备与采样 LLM的预测过程&#xff0c;是一个不断预测下一个词&#xff08;准确的说是token&#xff09;的过程&#xff0c;每次根据输…

【C++八股题整理】内存布局、堆和栈、内存泄露、函数调用栈

C八股题整理 内存布局C中的内存分配情况堆和栈的内存有什么区别&#xff1f; 堆堆内存分配慢如何优化&#xff1f;内存池内存溢出和内存泄漏是什么&#xff1f;如何避免&#xff1f;内存碎片是什么&#xff1f;怎么解决&#xff1f; 栈为什么栈的访问效率比堆高&#xff1f;函数…

UI自动化测试 —— web端元素获取元素等待实践!

前言 Web UI自动化测试是一种软件测试方法&#xff0c;通过模拟用户行为&#xff0c;自动执行Web界面的各种操作&#xff0c;并验证操作结果是否符合预期&#xff0c;从而提高测试效率和准确性。 目的&#xff1a; 确保Web应用程序的界面在不同环境(如不同浏览器、操作系统)下…

java xml 转json json 转 json对象

xml 转json 在Java中将XML转换为JSON是一个常见的需求&#xff0c;尤其是在处理Web服务或数据交换时。有多种库可以帮助你完成这项任务&#xff0c;但其中最流行和广泛使用的一个是org.json&#xff08;虽然它本身不直接支持XML到JSON的转换&#xff0c;但可以通过解析XML然后…

JavaScript 在 VSCode 中的开发体验

JavaScript 在 VSCode 中的开发体验 JavaScript 是一种广泛使用的编程语言,它让网页变得生动有趣。而 VSCode(Visual Studio Code)则是一款非常流行的代码编辑器,以其强大的功能和灵活性著称。在这篇文章中,我们将探讨在 VSCode 中使用 JavaScript 进行开发的体验,包括其…

Soul Machines——AI生成虚拟主播或虚拟人,模拟真人交互

一、Soul Machines介绍 Soul Machines 致力于开发高度逼真的虚拟人和数字化身&#xff0c;通过结合人工智能、计算机图形学和面部动画技术&#xff0c;打造具有情感交互能力的虚拟角色。这些虚拟角色可以应用于客户服务、教育、健康护理等领域&#xff0c;为用户提供更具人性化…

Redis多线程特性

Redis6.0版本之前是用单线程模型&#xff0c;6.0版本为什么使用多线程&#xff1f; Redis几乎不存在CPU成为性能瓶颈的情况&#xff0c;主要受限于内存和网络IO 内存优化 内存淘汰策略增加内存硬件 网络IO优化 Redis 在处理客户端的请求时&#xff0c;包括获取 (socket 读…

【前缀和算法】--- 进阶题目赏析

Welcome to 9ilks Code World (๑•́ ₃ •̀๑) 个人主页: 9ilk (๑•́ ₃ •̀๑) 文章专栏&#xff1a; 算法Journey 本篇我们来赏析前缀和算法的进阶题目。 &#x1f3e0; 和可被K整除的子数组 &#x1f4cc; 题目解析 和可被k整除的子数组 &#x1f4cc; …

记一次ssh伪终端修改为shell

问题 用户ssh进行连接后&#xff0c;默认为伪终端。 解决办法&#xff0c;可以先拿到终端shell&#xff0c;查看用户是否为/bin/bash&#xff1a; 不是/bin/bash&#xff0c;使用如下命令进行修改&#xff1a; chsh -s /bin/bash rootservice sshd restart