# RichText 富文本解析 高性能渲染

一般用于富文本解析,例如新闻内容、文章内容、评论显示、推广信息等各类HTMl标签内容显示

提示

当前 <n-rich-text> 组件为基础的渲染富文本数据(高性能渲染),如果需要更强大的富文本渲染组件,可查看n-html组件(渲染降级)

# 基本使用

通过 <n-rich-text> 形式调用,使用 nodes 参数进行渲染富文本

<n-rich-text :nodes="nodes" />

# API

# Attribute 参数

参数 说明 类型 可选值 默认值
nodes 富文本内容 String - -
width 宽度(rpx) String,Number - -
min-width 最大宽度(rpx) String,Number - -
max-width 最小宽度(rpx) String,Number - -
style-custom 组件自定义样式,同 css 样式。注意带’-‘连接符的属性需要使用小驼峰写法如:backgroundColor:red Object - -

注意

  • 支持默认事件,包括:click、touchstart、touchmove、touchcancel、touchend、longpress。
  • 全局支持class和style属性,不支持id属性。
节点 属性
a -
abbr -
b -
blockquote -
br -
code -
col span,width
colgroup span,width
dd -
del -
div -
dl -
dt -
em -
fieldset -
h1 -
h2 -
h3 -
h4 -
h5 -
h6 -
hr -
i -
img alt,src,height,width
ins -
label -
legend -
li -
ol start,type
p -
q -
span -
strong -
sub -
sup -
table width
tbody -
td colspan,height,rowspan,width
tfoot -
th colspan,height,rowspan,width
thead -
tr -
ul -