react-ace
    TypeScript icon, indicating that this package has built-in type declarations

    9.4.4 • Public • Published

    React-Ace

    logo

    Backers on Open Collective Sponsors on Open Collective Greenkeeper badge

    npm version CDNJS Coverage Status

    Buy Me A Coffee

    A set of react components for Ace

    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.

    DEMO of React Ace

    DEMO of React Ace Split Editor

    DEMO of React Ace Diff Editor

    Install

    npm install react-ace ace-builds

    yarn add react-ace ace-builds

    Basic Usage

    import React from "react";
    import { render } from "react-dom";
    import AceEditor from "react-ace";
    
    import "ace-builds/src-noconflict/mode-java";
    import "ace-builds/src-noconflict/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

    Migrate to version 8

    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

    235,264

    Version

    9.4.4

    License

    MIT

    Unpacked Size

    1.76 MB

    Total Files

    56

    Last publish

    Collaborators

    • securingsincity