# uniapp-markdown解析兼容小程序H5App

**Repository Path**: Jopfree/jo-markdown

## Basic Information

- **Project Name**: uniapp-markdown解析兼容小程序H5App
- **Description**: uni_modules版___[towxml2.xDemo支持小程序.安卓.H5: towxml2.xDemo支持小程序.安卓.H5](https://gitee.com/Jopfree/towxml2.xDemo) 
- **Primary Language**: Unknown
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2022-11-11
- **Last Updated**: 2023-04-18

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# jo-markdown解析兼容小程序H5App

### 说明
因项目towxml3.0仅支持微信微信小程序，故参考[towxml uniapp适配](https://github.com/zhongbr/towxml-uniapp)修改成现有项目所需的兼容小程序、H5、App等。项目组件分享给大家。
> 目前测试支持App、H5和微信小程序平台，其他平台暂未测试
>
> 项目Demo:
>
> [jo-markdown: uni_modules版-Gitee](https://gitee.com/Jopfree/towxml2.xDemo)
>
> [markdown解析兼容小程序H5App - DCloud 插件市场](https://ext.dcloud.net.cn/plugin?id=6545)

### uni_modules插件使用
```
<template>
	<view class="content"><jo-markdown :nodes="markdownData"></jo-markdown></view>
</template>

<script>
import markdownFunc from '@/uni_modules/jo-markdown/components/jo-markdown/index.js';
export default {
	components: {},
	data() {
		return {
			markdownData: {}
		};
	},
	onLoad() {
		this.markdownData = markdownFunc(markdown, 'markdown');
	},
	methods: {}
};
```

# 重要：全局样式引入（不然部分样式不生效）

```
//App.vue 

<style lang="scss">
/*每个页面公共css */
@import 'uni_modules/jo-markdown/components/jo-markdown/main.css';
</style>

```

## 效果

![](/REIMAGE.png)

### 交流

有问题可加交流群（857064044）[交流群](https://jq.qq.com/?_wv=1027&k=L3gQzXdA)