@x-edu/article-player

概述

一个富文本渲染组件，它可以将 HTML 内容渲染到指定的 HTML 标签中。

安装

npm install @x-edu/article-player

使用

import React from 'react'
import ArticlePlayer from '@x-edu/article-player'

export default function Demo() {
  return (
    <>
      <ArticlePlayer 
        htmlContent="<p>标签默认是 span</p>"
      />
      <ArticlePlayer 
        className="article-player"
        htmlContent="<p>tagName='div'</p>"
        tagName="div"
      />
      <ArticlePlayer 
        className="article-player"
        htmlContent="<p>tagName='h3'</p>"
        tagName="h3"
      />
    </>
  )
}

API

| 参数 | 说明 | 类型 | 默认值 | |---------|--------|--------|---------| | className | 自定义类名 | string | - | | htmlContent | 要显示的 HTML 内容 | string | - | | tagName | 用于渲染 HTML 内容的 HTML 标签 | string | 'span' |