Maik 79c46dcb5d modul | 3 năm trước cách đây | |
---|---|---|
.. | ||
.github | 3 năm trước cách đây | |
dist | 3 năm trước cách đây | |
docs | 3 năm trước cách đây | |
lib | 3 năm trước cách đây | |
src | 3 năm trước cách đây | |
.babelrc | 3 năm trước cách đây | |
.eslintrc | 3 năm trước cách đây | |
CHANGELOG.md | 3 năm trước cách đây | |
CODE_OF_CONDUCT.md | 3 năm trước cách đây | |
CONTRIBUTING.md | 3 năm trước cách đây | |
LICENSE | 3 năm trước cách đây | |
PULL_REQUEST_TEMPLATE.md | 3 năm trước cách đây | |
README.md | 3 năm trước cách đây | |
logo.png | 3 năm trước cách đây | |
package.json | 3 năm trước cách đây | |
tsconfig.json | 3 năm trước cách đây | |
tslint.json | 3 năm trước cách đây | |
types.d.ts | 3 năm trước cách đây | |
webpack.config.base.js | 3 năm trước cách đây | |
webpack.config.development.js | 3 năm trước cách đây | |
webpack.config.example.js | 3 năm trước cách đây | |
webpack.config.production.js | 3 năm trước cách đây |
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 Split Editor
npm install react-ace ace-builds
yarn add react-ace ace-builds
|> click here to run codeimport 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")
);
Checkout the example
directory for a working example using webpack.
How to add modes, themes and keyboard handlers
Support us with a monthly donation and help us continue our activities. [Become a backer]
Become a sponsor and get your logo on our README on Github with a link to your site. [Become a sponsor]