https://github.com/ShaoGongBra/taro-html-view

支持渲染由富文本编辑器编辑的html文本内容，支持小程序、h5、ReactNative，复杂的内容可能并不能正确渲染
https://github.com/ShaoGongBra/taro-html-view

Last synced: about 1 month ago
JSON representation

支持渲染由富文本编辑器编辑的html文本内容，支持小程序、h5、ReactNative，复杂的内容可能并不能正确渲染

• Host: GitHub
• URL: https://github.com/ShaoGongBra/taro-html-view
• Owner: ShaoGongBra
• Created: 2022-05-30T06:45:30.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2022-12-08T09:16:57.000Z (about 2 years ago)
• Last Synced: 2024-09-23T10:19:16.140Z (3 months ago)
• Language: JavaScript
• Size: 53.7 KB
• Stars: 7
• Watchers: 2
• Forks: 1
• Open Issues: 2
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-taro - Taro HtmlView 支持将简单的html富文本渲染为Taro组件

README

        
# Taro HTML View

支持将简单的html富文本渲染为Taro组件，支持小程序、H5、ReactNative

## 安装

```bash

yarn add taro-html-view

```

## 使用

```jsx

import { HtmlView } from 'taro-html-view'

```

## 属性

|  属性   | 类型  | 说明 |

|  ----  | ----  | ----  |

| html  | string | 用于渲染的HTML |

| previewImage  | boolean | 开启图片预览功能 |

| onLinkClick  | function | 点击链接时回调，参数为 href 指向的地址 |

| style  | CSSProperties | 用于组件最外层的样式 |

| className  | string | class |

## 说明

- 支持小程序、H5、ReactNative

- 只支持在Taro3上使用

- 支持在小程序上渲染视频

- 此组件的目的是渲染后台编辑器生成的内容，复杂或者ReactNative不支持的样式将不会被渲染

## 已知问题

- rn不支持 `line-height: 1.5;` 这样的倍数行距

- 对em的单位转换不完善

- rn不支持 `text-indent` 首行缩进