quill-react 是一个基于 Quill.js 的 React 组件，用于在 React 应用中集成富文本编辑器。以下是如何使用 quill-react 来渲染 HTML 内容的基本示例：
首先，确保你已经安装了 quill-react 和 react-quill：
bash
npm install quill react-quill
然后，你可以在你的 React 组件中这样使用它：
jsx
import React from 'react'; 
import ReactQuill from 'react-quill'; 
 
class MyComponent extends React.Component { 
  constructor(props) { 
    super(props); 
    this.state = { text: '' }; 
  } 
 
  handleChange = (value) => {  html富文本框
    this.setState({ text: value }); 
  } 
 
  render() { 
    return ( 
      <ReactQuill 
        value={} 
        onChange={this.handleChange} 
      /> 
    ); 
  } 
} 
 
export default MyComponent;
这个例子中，我们使用 ReactQuill 组件并传递了 value 和 onChange 属性。value 是编辑器的内容，而 onChange 是一个函数，当编辑器的内容发生变化时，这个函数会被调用。
然后，如果你想在 quill-react 中渲染 HTML，你可以直接将 HTML 字符串赋值给 value。例如：
jsx
this.state = { text: '<p>Hello, World!</p>' };
这将在编辑器中渲染 "Hello, World!"。但请注意，Quill.js 默认会以纯文本形式显示 HTML 标签，而不是渲染它们。如果你想让 Quill.js 渲染 HTML 标签，你可能需要使用一些额外的插件或配置。例如，你可以使用 dangerouslySetInnerHTML 属性，但请注意这可能会带来安全风险，因为它允许插入任何 HTML。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。