added rich text key commands

juliankrispel · Jun 16, 2017 · 16d29d7 · 16d29d7
1 parent 7c7e299
commit 16d29d7
Showing 1 changed file with 13 additions and 1 deletion.
diff --git a/src/App.js b/src/App.js
@@ -1,5 +1,5 @@
 import React, { Component } from 'react';
-import { Editor, EditorState } from 'draft-js';
+import { Editor, EditorState, RichUtils } from 'draft-js';
 
 class App extends Component {
   constructor() {
@@ -13,10 +13,22 @@ class App extends Component {
     this.setState({ editorState });
   };
 
+  handleKeyCommand = (command) => {
+    const newState = RichUtils.handleKeyCommand(this.state.editorState, command);
+
+    if (newState) {
+      this.onChange(newState);
+      return 'handled';
+    }
+
+    return 'not-handled';
+  }
+
   render() {
     return (
       <Editor
         editorState={this.state.editorState}
+        handleKeyCommand={this.handleKeyCommand}
         onChange={this.onChange}
       />
     );