Add onChange prop to LiveEditor

README.md

@@ -111,6 +111,7 @@ It accepts these props for styling:
 |className|PropTypes.string|An additional class that is added to the Content Editable
 |ignoreTabKey|PropTypes.bool|Makes the editor ignore tab key presses so that keyboard users can tab past the editor without getting stuck
 |style|PropTypes.object|Additional styles for the Content Editable
+|onChange|PropTypes.function|Accepts a callback that is called when the user makes changes
 
 This component renders a Prism.js editor underneath it and also renders all of Prism’s
 styles inside a `style` tag.

src/components/Live/LiveEditor.js

@@ -1,16 +1,24 @@
 import React from 'react'
+import PropTypes from 'prop-types'
 import { LiveContextTypes } from './LiveProvider'
 import Editor from '../Editor'
 
 const LiveEditor = (props, { live }) => (
   <Editor
     {...props}
     code={live.code}
-    onChange={live.onChange}
+    onChange={code => {
+      live.onChange(code)
+
+      if (typeof props.onChange === 'function') {
+        props.onChange(code)
+      }
+    }}
   />
 )
 
 LiveEditor.contextTypes = LiveContextTypes
+LiveEditor.propTypes = { onChange: PropTypes.function }
 
 export default LiveEditor