add readonly classname

react-component · May 3, 2017 · 7a35e25 · 7a35e25
1 parent 47a819b
commit 7a35e25
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/examples/controllered.js b/examples/controllered.js
@@ -33,7 +33,7 @@ class Editor extends React.Component {
       value: this.state.defaultValue,
     });
   }
-  toggleReadOnly() {
+  toggleReadOnly = () => {
     this.setState({
       readOnly: !this.state.readOnly,
     })

diff --git a/src/EditorCore/index.tsx b/src/EditorCore/index.tsx
@@ -469,15 +469,15 @@ class EditorCore extends React.Component<EditorProps, EditorCoreState> {
     return 'not-handled';
   }
   render() {
-    const { prefixCls, toolbars, style } = this.props;
+    const { prefixCls, toolbars, style, readOnly } = this.props;
     const { editorState, toolbarPlugins } = this.state;
     const customStyleMap = configStore.get('customStyleMap');
     const blockRenderMap = configStore.get('blockRenderMap');
     const eventHandler = this.getEventHandler();
     const Toolbar = toolbar.component;
     return (<div
       style={style}
-      className={`${prefixCls}-editor`}
+      className={`${prefixCls}-editor ${readOnly ? 'readonly' : ''}`}
       onClick={this.focus.bind(this)}
     >
       <Toolbar