RichtextRenderer 富文本组件HTML渲染器

富文本组件 html 渲染器

安装和升级

npm install @icedesign/richtext-renderer

何时使用

参数（Props）

参数名 说明 必填 类型 默认值 可选值
html 富文本字符串 是 string 无
className class名 否 string 无

DEMO 列表

Simple Usage

本 Demo 演示一行文字的用法。

import React, { Component } from 'react';
import ReactDOM from 'react-dom';
import RichtextRenderer from '@icedesign/richtext-renderer';


class App extends Component {

  render() {

    return (
      <div>
        <RichtextRenderer
          className="il-richtext"
          html='<p><span style="color:rgb(255, 68, 0);">测</span><span style="font-size:20px;"><span style="color:rgb(255, 68, 0);">试</span></span></p><p></p><p><span style="font-size:20px;"><span style="background-color:rgb(255, 68, 0);">文</span></span><span style="background-color:rgb(255, 68, 0);">本</span></p>'
        />
      </div>
    );
  }
}

ReactDOM.render((
  <App />
), mountNode);