This demonstrates how to bind handlers to keyboard events in Draft.js

keyBindingsInDraftJS.js

import {getDefaultKeyBinding, KeyBindingUtil} from 'draft-js';
const ViewportShaker = require('ViewportShaker');

const {hasCommandModifier} = KeyBindingUtil;

function mapKeyEventsToCommands(e) {
  const keyCode = e.which;
  const magnitude = hasCommandModifier(e) ? 300 : 100;
  switch (keyCode) {
    case 9: // Tab key
      ViewportShaker.bump({angle: (2 * Math.PI) * Math.random(), magnitude});
    case 27: // Escape key
      ViewportShaker.stopShaking();
      break;
    case 37: // Left arrow key
      ViewportShaker.bump({angle: Math.PI, magnitude});
      break;
    case 38: // Up arrow key
      ViewportShaker.bump({angle: Math.PI / 2, magnitude});
      break;
    case 39: // Right arrow key
      ViewportShaker.bump({angle: 0, magnitude});
      break;
    case 40: // Down arrow key
      ViewportShaker.bump({angle: (3 * Math.PI) / 2, magnitude});
      break;
  }
  return getDefaultKeyBinding(e);
}

class ShakyEditor extends React.Component {
  render() {
    return (
      <DraftEditor
        keyBindingFn={mapKeyEventsToCommands}
        ...
      />
    );
  }
}