{"id":13396641,"url":"https://github.com/securingsincity/react-ace","last_synced_at":"2025-05-13T15:01:59.513Z","repository":{"id":23911924,"uuid":"27292141","full_name":"securingsincity/react-ace","owner":"securingsincity","description":"React Ace Component","archived":false,"fork":false,"pushed_at":"2025-05-02T10:26:42.000Z","size":53750,"stargazers_count":4155,"open_issues_count":225,"forks_count":609,"subscribers_count":30,"default_branch":"main","last_synced_at":"2025-05-13T10:47:33.989Z","etag":null,"topics":["ace","code-editor","hacktoberfest","javascript","react","reactjs"],"latest_commit_sha":null,"homepage":"http://securingsincity.github.io/react-ace/","language":"TypeScript","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/securingsincity.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":"CONTRIBUTING.md","funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null},"funding":{"github":"securingsincity","open_collective":"react-ace"}},"created_at":"2014-11-29T05:15:14.000Z","updated_at":"2025-05-06T14:46:17.000Z","dependencies_parsed_at":"2023-11-11T22:09:15.175Z","dependency_job_id":"6c40e5fe-3579-4006-8c32-57df118c07c9","html_url":"https://github.com/securingsincity/react-ace","commit_stats":{"total_commits":1005,"total_committers":123,"mean_commits":8.170731707317072,"dds":0.6766169154228856,"last_synced_commit":"83ef07eca4cdbafda0a1832e01a56cdd14f268bf"},"previous_names":[],"tags_count":95,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/securingsincity%2Freact-ace","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/securingsincity%2Freact-ace/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/securingsincity%2Freact-ace/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/securingsincity%2Freact-ace/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/securingsincity","download_url":"https://codeload.github.com/securingsincity/react-ace/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":253968108,"owners_count":21992252,"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":["ace","code-editor","hacktoberfest","javascript","react","reactjs"],"created_at":"2024-07-30T18:00:58.625Z","updated_at":"2025-05-13T15:01:59.461Z","avatar_url":"https://github.com/securingsincity.png","language":"TypeScript","funding_links":["https://github.com/sponsors/securingsincity","https://opencollective.com/react-ace","https://opencollective.com/react-ace/backer/0/website","https://opencollective.com/react-ace/backer/1/website","https://opencollective.com/react-ace/backer/2/website","https://opencollective.com/react-ace/backer/3/website","https://opencollective.com/react-ace/backer/4/website","https://opencollective.com/react-ace/backer/5/website","https://opencollective.com/react-ace/backer/6/website","https://opencollective.com/react-ace/backer/7/website","https://opencollective.com/react-ace/backer/8/website","https://opencollective.com/react-ace/backer/9/website","https://opencollective.com/react-ace/backer/10/website","https://opencollective.com/react-ace/backer/11/website","https://opencollective.com/react-ace/backer/12/website","https://opencollective.com/react-ace/backer/13/website","https://opencollective.com/react-ace/backer/14/website","https://opencollective.com/react-ace/backer/15/website","https://opencollective.com/react-ace/backer/16/website","https://opencollective.com/react-ace/backer/17/website","https://opencollective.com/react-ace/backer/18/website","https://opencollective.com/react-ace/backer/19/website","https://opencollective.com/react-ace/backer/20/website","https://opencollective.com/react-ace/backer/21/website","https://opencollective.com/react-ace/backer/22/website","https://opencollective.com/react-ace/backer/23/website","https://opencollective.com/react-ace/backer/24/website","https://opencollective.com/react-ace/backer/25/website","https://opencollective.com/react-ace/backer/26/website","https://opencollective.com/react-ace/backer/27/website","https://opencollective.com/react-ace/backer/28/website","https://opencollective.com/react-ace/backer/29/website"],"categories":["Editor Components","react","UI Components","Uncategorized","TypeScript","Browser editor","Demos","\u003csummary\u003eUI Components\u003c/summary\u003e","JavaScript"],"sub_categories":["Form Components","Uncategorized"],"readme":"# React-Ace\n\n![logo](https://github.com/securingsincity/react-ace/raw/master/logo.png)\n\n[![Backers on Open Collective](https://opencollective.com/react-ace/backers/badge.svg)](#backers) [![Sponsors on Open Collective](https://opencollective.com/react-ace/sponsors/badge.svg)](#sponsors) [![Greenkeeper badge](https://badges.greenkeeper.io/securingsincity/react-ace.svg)](https://greenkeeper.io/)\n\n[![npm version](https://badge.fury.io/js/react-ace.svg)](http://badge.fury.io/js/react-ace)\n[![CDNJS](https://img.shields.io/cdnjs/v/react-ace.svg)](https://cdnjs.com/libraries/react-ace)\n[![Coverage Status](https://coveralls.io/repos/github/securingsincity/react-ace/badge.svg?branch=main)](https://coveralls.io/github/securingsincity/react-ace?branch=main)\n\n\nA set of react components for Ace\n\n_NOTE FOR VERSION 8!_ : We have stopped support for Brace and now use Ace-builds. Please read the documentation on how to migrate. Examples are being updated.\n\n[DEMO of React Ace](https://securingsincity.github.io/react-ace/)\n\n[DEMO of React Ace Split Editor](https://securingsincity.github.io/react-ace/split.html)\n\n[DEMO of React Ace Diff Editor](https://securingsincity.github.io/react-ace/diff.html)\n\n## Install\n\n`npm install react-ace ace-builds`\n\n`yarn add react-ace ace-builds`\n\n## Basic Usage\n\n```javascript\nimport React from \"react\";\nimport { render } from \"react-dom\";\nimport AceEditor from \"react-ace\";\n\nimport \"ace-builds/src-noconflict/mode-java\";\nimport \"ace-builds/src-noconflict/theme-github\";\nimport \"ace-builds/src-noconflict/ext-language_tools\";\n\nfunction onChange(newValue) {\n  console.log(\"change\", newValue);\n}\n\n// Render editor\nrender(\n  \u003cAceEditor\n    mode=\"java\"\n    theme=\"github\"\n    onChange={onChange}\n    name=\"UNIQUE_ID_OF_DIV\"\n    editorProps={{ $blockScrolling: true }}\n  /\u003e,\n  document.getElementById(\"example\")\n);\n```\n\n## Examples\n\nCheckout the `example` directory for a working example using webpack.\n\n## Documentation\n\n[Ace Editor](https://github.com/securingsincity/react-ace/blob/master/docs/Ace.md)\n\n[Split View Editor](https://github.com/securingsincity/react-ace/blob/master/docs/Split.md)\n\n[Diff Editor](https://github.com/securingsincity/react-ace/blob/master/docs/Diff.md)\n\n[How to add modes, themes and keyboard handlers](https://github.com/securingsincity/react-ace/blob/master/docs/Modes.md)\n\n[Frequently Asked Questions](https://github.com/securingsincity/react-ace/blob/master/docs/FAQ.md)\n\n[Migrate to version 8](https://github.com/securingsincity/react-ace/blob/master/docs/Migrate-v7-to-v8.md)\n\n## Backers\n\nSupport us with a monthly donation and help us continue our activities. [[Become a backer](https://opencollective.com/react-ace#backer)]\n\n\u003ca href=\"https://opencollective.com/react-ace/backer/0/website\" target=\"_blank\"\u003e\u003cimg src=\"https://opencollective.com/react-ace/backer/0/avatar.svg\"\u003e\u003c/a\u003e\n\u003ca href=\"https://opencollective.com/react-ace/backer/1/website\" target=\"_blank\"\u003e\u003cimg src=\"https://opencollective.com/react-ace/backer/1/avatar.svg\"\u003e\u003c/a\u003e\n\u003ca href=\"https://opencollective.com/react-ace/backer/2/website\" target=\"_blank\"\u003e\u003cimg src=\"https://opencollective.com/react-ace/backer/2/avatar.svg\"\u003e\u003c/a\u003e\n\u003ca href=\"https://opencollective.com/react-ace/backer/3/website\" target=\"_blank\"\u003e\u003cimg src=\"https://opencollective.com/react-ace/backer/3/avatar.svg\"\u003e\u003c/a\u003e\n\u003ca href=\"https://opencollective.com/react-ace/backer/4/website\" target=\"_blank\"\u003e\u003cimg src=\"https://opencollective.com/react-ace/backer/4/avatar.svg\"\u003e\u003c/a\u003e\n\u003ca href=\"https://opencollective.com/react-ace/backer/5/website\" target=\"_blank\"\u003e\u003cimg src=\"https://opencollective.com/react-ace/backer/5/avatar.svg\"\u003e\u003c/a\u003e\n\u003ca href=\"https://opencollective.com/react-ace/backer/6/website\" target=\"_blank\"\u003e\u003cimg src=\"https://opencollective.com/react-ace/backer/6/avatar.svg\"\u003e\u003c/a\u003e\n\u003ca href=\"https://opencollective.com/react-ace/backer/7/website\" target=\"_blank\"\u003e\u003cimg src=\"https://opencollective.com/react-ace/backer/7/avatar.svg\"\u003e\u003c/a\u003e\n\u003ca href=\"https://opencollective.com/react-ace/backer/8/website\" target=\"_blank\"\u003e\u003cimg src=\"https://opencollective.com/react-ace/backer/8/avatar.svg\"\u003e\u003c/a\u003e\n\u003ca href=\"https://opencollective.com/react-ace/backer/9/website\" target=\"_blank\"\u003e\u003cimg src=\"https://opencollective.com/react-ace/backer/9/avatar.svg\"\u003e\u003c/a\u003e\n\u003ca href=\"https://opencollective.com/react-ace/backer/10/website\" target=\"_blank\"\u003e\u003cimg src=\"https://opencollective.com/react-ace/backer/10/avatar.svg\"\u003e\u003c/a\u003e\n\u003ca href=\"https://opencollective.com/react-ace/backer/11/website\" target=\"_blank\"\u003e\u003cimg src=\"https://opencollective.com/react-ace/backer/11/avatar.svg\"\u003e\u003c/a\u003e\n\u003ca href=\"https://opencollective.com/react-ace/backer/12/website\" target=\"_blank\"\u003e\u003cimg src=\"https://opencollective.com/react-ace/backer/12/avatar.svg\"\u003e\u003c/a\u003e\n\u003ca href=\"https://opencollective.com/react-ace/backer/13/website\" target=\"_blank\"\u003e\u003cimg src=\"https://opencollective.com/react-ace/backer/13/avatar.svg\"\u003e\u003c/a\u003e\n\u003ca href=\"https://opencollective.com/react-ace/backer/14/website\" target=\"_blank\"\u003e\u003cimg src=\"https://opencollective.com/react-ace/backer/14/avatar.svg\"\u003e\u003c/a\u003e\n\u003ca href=\"https://opencollective.com/react-ace/backer/15/website\" target=\"_blank\"\u003e\u003cimg src=\"https://opencollective.com/react-ace/backer/15/avatar.svg\"\u003e\u003c/a\u003e\n\u003ca href=\"https://opencollective.com/react-ace/backer/16/website\" target=\"_blank\"\u003e\u003cimg src=\"https://opencollective.com/react-ace/backer/16/avatar.svg\"\u003e\u003c/a\u003e\n\u003ca href=\"https://opencollective.com/react-ace/backer/17/website\" target=\"_blank\"\u003e\u003cimg src=\"https://opencollective.com/react-ace/backer/17/avatar.svg\"\u003e\u003c/a\u003e\n\u003ca href=\"https://opencollective.com/react-ace/backer/18/website\" target=\"_blank\"\u003e\u003cimg src=\"https://opencollective.com/react-ace/backer/18/avatar.svg\"\u003e\u003c/a\u003e\n\u003ca href=\"https://opencollective.com/react-ace/backer/19/website\" target=\"_blank\"\u003e\u003cimg src=\"https://opencollective.com/react-ace/backer/19/avatar.svg\"\u003e\u003c/a\u003e\n\u003ca href=\"https://opencollective.com/react-ace/backer/20/website\" target=\"_blank\"\u003e\u003cimg src=\"https://opencollective.com/react-ace/backer/20/avatar.svg\"\u003e\u003c/a\u003e\n\u003ca href=\"https://opencollective.com/react-ace/backer/21/website\" target=\"_blank\"\u003e\u003cimg src=\"https://opencollective.com/react-ace/backer/21/avatar.svg\"\u003e\u003c/a\u003e\n\u003ca href=\"https://opencollective.com/react-ace/backer/22/website\" target=\"_blank\"\u003e\u003cimg src=\"https://opencollective.com/react-ace/backer/22/avatar.svg\"\u003e\u003c/a\u003e\n\u003ca href=\"https://opencollective.com/react-ace/backer/23/website\" target=\"_blank\"\u003e\u003cimg src=\"https://opencollective.com/react-ace/backer/23/avatar.svg\"\u003e\u003c/a\u003e\n\u003ca href=\"https://opencollective.com/react-ace/backer/24/website\" target=\"_blank\"\u003e\u003cimg src=\"https://opencollective.com/react-ace/backer/24/avatar.svg\"\u003e\u003c/a\u003e\n\u003ca href=\"https://opencollective.com/react-ace/backer/25/website\" target=\"_blank\"\u003e\u003cimg src=\"https://opencollective.com/react-ace/backer/25/avatar.svg\"\u003e\u003c/a\u003e\n\u003ca href=\"https://opencollective.com/react-ace/backer/26/website\" target=\"_blank\"\u003e\u003cimg src=\"https://opencollective.com/react-ace/backer/26/avatar.svg\"\u003e\u003c/a\u003e\n\u003ca href=\"https://opencollective.com/react-ace/backer/27/website\" target=\"_blank\"\u003e\u003cimg src=\"https://opencollective.com/react-ace/backer/27/avatar.svg\"\u003e\u003c/a\u003e\n\u003ca href=\"https://opencollective.com/react-ace/backer/28/website\" target=\"_blank\"\u003e\u003cimg src=\"https://opencollective.com/react-ace/backer/28/avatar.svg\"\u003e\u003c/a\u003e\n\u003ca href=\"https://opencollective.com/react-ace/backer/29/website\" target=\"_blank\"\u003e\u003cimg src=\"https://opencollective.com/react-ace/backer/29/avatar.svg\"\u003e\u003c/a\u003e\n\n## Sponsors\n\nBecome a sponsor and get your logo on our README on Github with a link to your site. [[Become a sponsor](https://opencollective.com/react-ace#sponsor)]\n\n\u003ca href=\"https://opencollective.com/react-ace/sponsor/0/website\" target=\"_blank\"\u003e\u003cimg src=\"https://opencollective.com/react-ace/sponsor/0/avatar.svg\"\u003e\u003c/a\u003e\n\u003ca href=\"https://opencollective.com/react-ace/sponsor/1/website\" target=\"_blank\"\u003e\u003cimg src=\"https://opencollective.com/react-ace/sponsor/1/avatar.svg\"\u003e\u003c/a\u003e\n\u003ca href=\"https://opencollective.com/react-ace/sponsor/2/website\" target=\"_blank\"\u003e\u003cimg src=\"https://opencollective.com/react-ace/sponsor/2/avatar.svg\"\u003e\u003c/a\u003e\n\u003ca href=\"https://opencollective.com/react-ace/sponsor/3/website\" target=\"_blank\"\u003e\u003cimg src=\"https://opencollective.com/react-ace/sponsor/3/avatar.svg\"\u003e\u003c/a\u003e\n\u003ca href=\"https://opencollective.com/react-ace/sponsor/4/website\" target=\"_blank\"\u003e\u003cimg src=\"https://opencollective.com/react-ace/sponsor/4/avatar.svg\"\u003e\u003c/a\u003e\n\u003ca href=\"https://opencollective.com/react-ace/sponsor/5/website\" target=\"_blank\"\u003e\u003cimg src=\"https://opencollective.com/react-ace/sponsor/5/avatar.svg\"\u003e\u003c/a\u003e\n\u003ca href=\"https://opencollective.com/react-ace/sponsor/6/website\" target=\"_blank\"\u003e\u003cimg src=\"https://opencollective.com/react-ace/sponsor/6/avatar.svg\"\u003e\u003c/a\u003e\n\u003ca href=\"https://opencollective.com/react-ace/sponsor/7/website\" target=\"_blank\"\u003e\u003cimg src=\"https://opencollective.com/react-ace/sponsor/7/avatar.svg\"\u003e\u003c/a\u003e\n\u003ca href=\"https://opencollective.com/react-ace/sponsor/8/website\" target=\"_blank\"\u003e\u003cimg src=\"https://opencollective.com/react-ace/sponsor/8/avatar.svg\"\u003e\u003c/a\u003e\n\u003ca href=\"https://opencollective.com/react-ace/sponsor/9/website\" target=\"_blank\"\u003e\u003cimg src=\"https://opencollective.com/react-ace/sponsor/9/avatar.svg\"\u003e\u003c/a\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsecuringsincity%2Freact-ace","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsecuringsincity%2Freact-ace","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsecuringsincity%2Freact-ace/lists"}