Implement editable (#13)

* implement editable

* Update README.md

* Update index.js

Author: sebaiturravaldes

README.md

@@ -34,6 +34,7 @@ const CodepenEmbedded = () => {
 | defaultTab | `string`  | `false`  | `css,result` | Default tab to display                                         |
 | themeId    | `string`  | `false`  | `dark`       | Theme for the pen                                              |
 | preview    | `boolean` | `false`  | `true`       | Make the preview "Click-to-Load"                               |
+| editable   | `boolean` | `false`  | `false`       | Can edit code                                                  |
 | title      | `string`  | `false`  |              | Title of the pen                                               |
 
 ## API

src/index.js

@@ -65,6 +65,7 @@ const ReactCodepen = props => {
         data-embed-version={props.version}
         data-pen-title={props.title}
         data-preview={props.preview}
+        data-editable={props.editable}
         className="codepen"
         style={styles}
       >
@@ -80,6 +81,7 @@ ReactCodepen.defaultProps = {
   defaultTab: 'css,result',
   height: 300,
   preview: true,
+  editable: false,
   themeId: 'dark',
   version: 2,
 };
@@ -90,6 +92,7 @@ ReactCodepen.propTypes = {
   height: PropTypes.number,
   loader: PropTypes.oneOfType([PropTypes.element, PropTypes.func]),
   preview: PropTypes.bool,
+  editable: PropTypes.bool,
   title: PropTypes.string,
   themeId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   user: PropTypes.string.isRequired,