Popularity
7.7
Growing
Activity
8.1
Growing
2,051
25
386

Monthly Downloads: 0
Programming language: JavaScript
License: MIT License
Latest version: v7.0.2

react-ace alternatives and similar libraries

Based on the "Rich Text Editor" category

Do you think we are missing an alternative of react-ace or a related project?

Add another 'Rich Text Editor' Library

README

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]