{"_id":"@amrn/react-simplemde-editor","_rev":"1-5902ae62cafc966a9e5f22a101ebbd96","name":"@amrn/react-simplemde-editor","description":"[![NPM version][npm-badge]][npm]","dist-tags":{"latest":"3.6.11"},"versions":{"3.6.11":{"name":"@amrn/react-simplemde-editor","homepage":"http://www.benrlodge.com","repository":{"type":"git","url":"git+https://github.com/benrlodge/react-simplemde-editor.git"},"version":"3.6.11","author":{"name":"Ben Lodge"},"license":"MIT","dependencies":{"@amrn/simplemde":"^1.11.3","react":"^15.5.x"},"main":"dist/simplemde-editor.js","devDependencies":{"babel-core":"^6.3.15","babel-loader":"^6.2.0","babel-preset-es2015":"^6.3.13","babel-preset-react":"^6.3.13","gulp":"^3.9.0","gulp-concat":"^2.6.0","gulp-connect":"^2.2.0","gulp-load-plugins":"^1.1.0","gulp-webpack":"^1.5.0","install":"^0.4.1","raw-loader":"^0.5.1","react-dom":"^15.5.x","webpack":"^1.12.9","webpack-dev-server":"^1.12.1"},"scripts":{"dev":"webpack --progress --colors --watch","build":"webpack --progress --colors","build-prod":"NODE_ENV=production webpack --progress --colors && gulp","build-all":"npm run build && npm run build-prod"},"gitHead":"8cf42c0e78a13f66aa6eb896d8ce648aeb063d2f","description":"[![NPM version][npm-badge]][npm]","bugs":{"url":"https://github.com/benrlodge/react-simplemde-editor/issues"},"_id":"@amrn/react-simplemde-editor@3.6.11","_npmVersion":"5.6.0","_nodeVersion":"8.9.4","_npmUser":{"name":"amrn","email":"amr.noman@outlook.com"},"dist":{"integrity":"sha512-HKSSrxoKLzSfABsoS495Y8w+J1nrAf4c5/44Uz53nKlvzV3s/bR1JnUVgfLBNGF4ZtTjSGW2g/BC3WWox728wg==","shasum":"a49c24c0b888d0525da37a6b7660a624ead3f8e3","tarball":"https://registry.npmjs.org/@amrn/react-simplemde-editor/-/react-simplemde-editor-3.6.11.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC95zBoYrWlox6JXQr3ApBCQaOH75bLRkLR7G3h6LHY0gIgTi8Y98PHVM2G+UH1eCqZsF8+Dw+Ff19P+0U9+pLW3vI="}]},"maintainers":[{"name":"amrn","email":"amr.noman@outlook.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-simplemde-editor-3.6.11.tgz_1515757726446_0.656946771312505"}}},"readme":"# React SimpleMDE Markdown Editor\n[![NPM version][npm-badge]][npm]\n\nReact component wrapper for\n[SimpleMDE](https://github.com/NextStepWebs/simplemde-markdown-editor).\n\nOnly two dependencies, React and SimpleMDE.\n\n## New in v3\n - The `initialValue` prop has been removed and replaced with a `value` prop, allowing direct changes to the value to be made after the component mounts.\n - Updated in v3.6.8, if rendering server-side, you can set static ids to avoid errors in rendering synchronization.\n\n## New in v2\nVersion 1.0 did not have SimpleMDE options configured well, this readme reflects the changes made to better include options.\nThis is still a very new project. Testing, feedback and PRs are welcome and appreciated.\n\n## Install\n```\nnpm install --save react-simplemde-editor\n```\n\n## Demo\nhttp://www.benrlodge.com/projects/react-simplemde\n\nor view it locally:\n```\ngit clone https://github.com/benrlodge/react-simplemde-editor.git\ncd react-simplemde-editor\nnpm install\ncd demo\ngulp\nopen browser to localhost:5555\n```\n\n## Usage\nView the [demo code](https://github.com/benrlodge/react-simplemde-editor/tree/master/demo/scripts) for a full example.\n\nNot required, but useless without it, the `onChange` callback is the only option you need to set.\n\n```javascript\nvar React = require('react');\nvar SimpleMDE = require('react-simplemde-editor');\n\n<SimpleMDE\n  onChange={this.handleChange}\n/>\n```\n\n## Options\nSet additional [SimpleMDE options](https://github.com/NextStepWebs/simplemde-markdown-editor#configuration) with an options prop.\n\nNote - while SimpleMDE options has an `initialValue` option, this component only takes a `value` prop which is set as the `initialValue` on first render.\n\n```javascript\nvar React = require('react');\nvar SimpleMDE = require('react-simplemde-editor');\n\n<SimpleMDE\n  onChange={this.handleChange}\n  value={this.state.textValue}\n  options={{\n    autofocus: true,\n    spellChecker: false,\n    // etc.\n  }}\n/>\n```\n\nYou can include key maps using the `extraKeys` prop.\nRead more at https://codemirror.net/doc/manual.html#option_extraKeys\n\n```javascript\nextraKeys = {\n  Up: function(cm) {\n    cm.replaceSelection(\" surprise. \");\n  },\n  Down: function(cm) {\n    cm.replaceSelection(\" surprise again! \");\n  }\n};\n\n<SimpleMDE\n  onChange={this.handleChange}\n  extraKeys={extraKeys}\n/>\n```\n\n[npm-badge]: http://badge.fury.io/js/react-simplemde-editor.svg\n[npm]: http://badge.fury.io/js/react-simplemde-editor\n","maintainers":[{"name":"amrn","email":"amr.noman@outlook.com"}],"time":{"modified":"2022-04-04T13:53:01.321Z","created":"2018-01-12T11:48:48.166Z","3.6.11":"2018-01-12T11:48:48.166Z"},"homepage":"http://www.benrlodge.com","repository":{"type":"git","url":"git+https://github.com/benrlodge/react-simplemde-editor.git"},"author":{"name":"Ben Lodge"},"bugs":{"url":"https://github.com/benrlodge/react-simplemde-editor/issues"},"license":"MIT","readmeFilename":"README.md"}