Share your code. npm Orgs help your team discover, share, and reuse code. Create a free org »

react-ace

6.1.4 • Public • Published

React-Ace

logo

Backers on Open Collective Sponsors on Open Collective Greenkeeper badge

npm version Build Status CDNJS Coverage Status

Buy Me A Coffee

A set of react components for Ace / Brace

DEMO of React Ace

DEMO of React Ace Split Editor

DEMO of React Ace Diff Editor

Install

npm install react-ace

Basic Usage

import React from 'react';
import { render } from 'react-dom';
import brace from 'brace';
import AceEditor from 'react-ace';
 
import 'brace/mode/java';
import 'brace/theme/github';
 
function onChange(newValue) {
  console.log('change',newValue);
}
 
// Render editor
render(
  <AceEditor
    mode="java"
    theme="github"
    onChange={onChange}
    name="UNIQUE_ID_OF_DIV"
    editorProps={{$blockScrolling: true}}
  />,
  document.getElementById('example')
);

Examples

Checkout the example directory for a working example using webpack.

Documentation

Ace Editor

Split View Editor

Diff Editor

How to add modes, themes and keyboard handlers

Frequently Asked Questions

Backers

Support us with a monthly donation and help us continue our activities. [Become a backer]

Sponsors

Become a sponsor and get your logo on our README on Github with a link to your site. [Become a sponsor]

install

npm i react-ace

Downloadsweekly downloads

37,494

version

6.1.4

license

MIT

homepage

github.com

repository

Gitgithub

last publish

collaborators

  • avatar