uniapp 使用towxml

Towxml 是一个可将HTML、Markdown转为微信小程序WXML(WeiXin Markup Language)的渲染库。用于解决在微信小程序中Markdown、HTML不能直接渲染的问题。

  1. 克隆项目到本地
bash 复制代码
git clone https://github.com/sbfkcel/towxml.git
  1. 构建依赖
bash 复制代码
npm install
  1. 本地打包
bash 复制代码
npm run build
  1. 拷贝dist到项目中,重命名

  2. 修改 decode.json

    路径修改为相对路径

javascript 复制代码
{
  "component": true,
  "usingComponents": {
    "decode": "./decode",
    "audio-player": "./audio-player/audio-player",
    "echarts": "./echarts/echarts",
    "latex": "./latex/latex",
    "table": "./table/table",
    "todogroup": "./todogroup/todogroup",
    "yuml": "./yuml/yuml",
    "img": "./img/img"
  }
}

使用

pages.json 中进行组件注册

如果单个页面使用

javascript 复制代码
{
	"pages": [

		{
			"path": "pages/detail/detail",
			"style": {
				"navigationBarTitleText": "详情",
				"disableScroll": true,
				"app-plus": {
					"softinputMode": "adjustResize"
				},
				// 如果是单个页面使用
				// #ifdef APP-PLUS || H5 || MP-WEIXIN || MP-QQ
				// "usingComponents": {
					// "towxml": "/wxcomponents/towxml/towxml"
				// }
				// #endif
			}
		},
	],
	"globalStyle": {
		"navigationBarTextStyle": "black",
		"navigationBarTitleText": "uni-app",
		"navigationBarBackgroundColor": "#F8F8F8",
		"backgroundColor": "#F8F8F8",
		// 如果是组件使用
		// #ifdef APP-PLUS || H5 || MP-WEIXIN || MP-QQ
		"usingComponents": {
			"towxml": "/wxcomponents/towxml/towxml"
		}
		// #endif
	},
	"uniIdRouter": {}
}
相关推荐
游戏开发爱好者83 分钟前
iOS 混淆工具链实战 多工具组合完成 IPA 混淆与加固 无源码混淆
android·ios·小程序·https·uni-app·iphone·webview
2501_916008896 小时前
用多工具组合把 iOS 混淆做成可复用的工程能力(iOS混淆|IPA加固|无源码混淆|Ipa Guard|Swift Shield)
android·开发语言·ios·小程序·uni-app·iphone·swift
阿金要当大魔王~~6 小时前
uniapp 页面标签 传值 ————— uniapp 定义 接口
前端·javascript·uni-app·1024程序员节
全栈软件开发7 小时前
uniapp三端影视源码苹果cms自动采集电影视频网站源码前端源码带VIP
前端·uni-app·影视源码
开发者小天12 小时前
uniapp中对接开发激励广告视频
uni-app
奎歪歪13 小时前
UniApp缓存系统详解
缓存·uni-app·1024程序员节
2501_9151063215 小时前
iOS 打包 IPA 全流程详解,签名配置、工具选择与跨平台上传实战指南
android·macos·ios·小程序·uni-app·cocoa·iphone
00后程序员张15 小时前
iOS 混淆实操指南多工具组合实现 IPA 混淆、加固与发布治理 IPA 加固
android·ios·小程序·https·uni-app·iphone·webview
十五春会1 天前
【uniapp】App平台展示pdf文件
pdf·uni-app
请叫我欧皇i2 天前
保姆级教程vscode创建uniapp vue3+ts+pinia项目并实现自动导入、打包功能
ide·vscode·uni-app