{"id":13437254,"url":"https://github.com/JedWatson/react-md-editor","last_synced_at":"2025-03-19T06:30:54.403Z","repository":{"id":32577091,"uuid":"36160082","full_name":"JedWatson/react-md-editor","owner":"JedWatson","description":"React.js Markdown Editor Component","archived":false,"fork":false,"pushed_at":"2023-02-23T06:22:39.000Z","size":872,"stargazers_count":507,"open_issues_count":13,"forks_count":62,"subscribers_count":8,"default_branch":"master","last_synced_at":"2025-03-12T05:13:02.897Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/JedWatson.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2015-05-24T06:51:43.000Z","updated_at":"2025-02-22T15:42:22.000Z","dependencies_parsed_at":"2024-01-13T19:22:03.871Z","dependency_job_id":"fd778580-d77e-48b0-a7a4-5a84da6b33ec","html_url":"https://github.com/JedWatson/react-md-editor","commit_stats":{"total_commits":56,"total_committers":6,"mean_commits":9.333333333333334,"dds":0.125,"last_synced_commit":"23159e2d4b31246d5db4078ab16688ca51e7828a"},"previous_names":[],"tags_count":7,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JedWatson%2Freact-md-editor","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JedWatson%2Freact-md-editor/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JedWatson%2Freact-md-editor/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JedWatson%2Freact-md-editor/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/JedWatson","download_url":"https://codeload.github.com/JedWatson/react-md-editor/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244370925,"owners_count":20442316,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-07-31T03:00:55.427Z","updated_at":"2025-03-19T06:30:52.594Z","avatar_url":"https://github.com/JedWatson.png","language":"JavaScript","readme":"# React Markdown Editor\n\nA Markdown Editor for [React.js](http://facebook.github.io/react), built with [CodeMirror](https://codemirror.net).\n\n**This is a work in progress.** Format application and removal is not very robust, some formats are missing.\n\n\n## Demo \u0026 Examples\n\nLive demo: [JedWatson.github.io/react-md-editor](http://JedWatson.github.io/react-md-editor)\n\nTo build the examples locally, run:\n\n```\nnpm install\nnpm start\n```\n\nThen open [`localhost:8000`](http://localhost:8000) in a browser.\n\n\n## Installation\n\nThe easiest way to use codemirror is to install it from NPM and include it in your own React build process (using [Browserify](http://browserify.org), [Webpack](http://webpack.github.io/), etc).\n\nYou can also use the standalone build by including `dist/codemirror.js` in your page. If you use this, make sure you have already included React, and it is available as a global variable.\n\n```\nnpm install codemirror --save\n```\n\n\n## Usage\n\n```js\nvar React = require('react'),\n\tEditor = require('react-md-editor');\n\nvar App = React.createClass({\n\tgetInitialState: function() {\n\t\treturn {\n\t\t\tcode: \"# Markdown\"\n\t\t};\n\t},\n\tupdateCode: function(newCode) {\n\t\tthis.setState({\n\t\t\tcode: newCode\n\t\t});\n\t},\n\trender: function() {\n\t\treturn \u003cEditor value={this.state.code} onChange={this.updateCode} /\u003e\n\t}\n});\n\nReact.render(\u003cApp /\u003e, document.getElementById('app'));\n```\n\n### Properties\n\n* `value` `String` the markdown\n* `options` `Object (newValue)` options passed to the CodeMirror instance\n* `onChange` `Function (newValue)` called when a change is made\n\nSee the [CodeMirror API Docs](https://codemirror.net/doc/manual.html#api) for the available options.\n\n### License\n\nMIT. Copyright (c) 2016 Jed Watson.\n","funding_links":[],"categories":["Uncategorized","UI Components","JavaScript","Demos","\u003csummary\u003eUI Components\u003c/summary\u003e"],"sub_categories":["Uncategorized","Form Components"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FJedWatson%2Freact-md-editor","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FJedWatson%2Freact-md-editor","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FJedWatson%2Freact-md-editor/lists"}