@datlas/react-ace
v6.5.0
Published
A react component for Ace Editor
Downloads
2
Maintainers
Readme
React-Ace
A set of react components for Ace / Brace
DEMO of React Ace Split 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
How to add modes, themes and keyboard handlers
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]