@aliretail/react-materials-components/demo/PowerEditor/readOnly.md

B 端物料组件库

---
title: 只读状态
order: 2
---

# 只读状态 readOnly
readOnly状态下的富文本

````jsx
import React, { Component } from 'react';
import ReactDOM from 'react-dom';
import { PowerEditor } from '@aliretail/react-materials-components';
import './index.scss';

class App extends Component {
  state = {
    value: '富文本内容'
  };

  onChange(value) {
    this.setState({
      value
    })
  }

  render() {
    return (
      <div>
        <PowerEditor value={this.state.value} onChange={this.onChange.bind(this)} readOnly/>
      </div>
    );
  }
}

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