React-Ace

A set of react components for Ace / Brace

DEMO of React Ace

DEMO of React Ace Split Editor

Install

npm install react-ace

Basic Usage

importReactfrom'react';import{render}from'react-dom';importbracefrom'brace';importAceEditorfrom'react-ace';import'brace/mode/java';import'brace/theme/github';functiononChange(newValue){console.log('change',newValue);}// Render editorrender(<AceEditormode="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

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]