Skip to content

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

Notifications You must be signed in to change notification settings

ShaoGongBra/taro-html-view

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

18 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Taro HTML View

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

安装

yarn add taro-html-view

使用

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

<HtmlView html='<p>文本内容</p>' />

属性

属性 类型 说明
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 首行缩进

About

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

Resources

Stars

Watchers

Forks

Packages

No packages published