react-ace

WebJar for react-ace

License	License MIT
Categories	Categories React User Interface Web Frameworks
GroupId	GroupId org.webjars.npm
ArtifactId	ArtifactId react-ace
Last Version	Last Version 4.4.0
Release Date	Release Date Nov 3, 2018
Type	Type jar
Description	Description react-ace WebJar for react-ace
Project URL	Project URL http://webjars.org
Source Code Management	Source Code Management https://github.com/securingsincity/react-ace

Download react-ace

Filename	Size
react-ace-4.4.0.pom
react-ace-4.4.0.jar	658 KB
react-ace-4.4.0-sources.jar	22 bytes
react-ace-4.4.0-javadoc.jar	22 bytes
Browse

How to add to project

Apache Maven

<!-- https://jarcasting.com/artifacts/org.webjars.npm/react-ace/ -->
<dependency>
    <groupId>org.webjars.npm</groupId>
    <artifactId>react-ace</artifactId>
    <version>4.4.0</version>
</dependency>

Gradle Groovy

// https://jarcasting.com/artifacts/org.webjars.npm/react-ace/
implementation 'org.webjars.npm:react-ace:4.4.0'

Gradle Kotlin

// https://jarcasting.com/artifacts/org.webjars.npm/react-ace/
implementation ("org.webjars.npm:react-ace:4.4.0")

Apache Buildr

'org.webjars.npm:react-ace:jar:4.4.0'

Apache Ivy

<dependency org="org.webjars.npm" name="react-ace" rev="4.4.0">
  <artifact name="react-ace" type="jar" />
</dependency>

Groovy Grape

@Grapes(
@Grab(group='org.webjars.npm', module='react-ace', version='4.4.0')
)

Scala SBT

libraryDependencies += "org.webjars.npm" % "react-ace" % "4.4.0"

Leiningen

[org.webjars.npm/react-ace "4.4.0"]

Dependencies

compile (4)

Group / Artifact	Type	Version
org.webjars.npm : brace	jar	[0.10.0,0.11)
org.webjars.npm : lodash.isequal	jar	[4.1.1,5)
org.webjars.npm : opencollective	jar	[1.0.3,2)
org.webjars.npm : prop-types	jar	[15.5.8,16)

Project Modules

There are no modules declared in this project.

React-Ace

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")
);