react ace

反应区域

一组a​​ce的反应组件

注意版本8！ ：我们已经停止了对支架的支持，现在使用Ace-Builds。请阅读有关如何迁移的文档。示例正在更新。

React Ace的演示

React Ace拆分编辑器的演示

React Ace diff编辑器的演示

安装

npm install react-ace ace-builds

yarn add react-ace ace-builds

基本用法

 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" ;
import "ace-builds/src-noconflict/ext-language_tools" ;

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

例子

请查看使用WebPack的工作示例example目录。

文档

ACE编辑

拆分视图编辑器

差异编辑器

如何添加模式，主题和键盘处理程序

常见问题

迁移到版本8

支持者

每月捐款支持我们，并帮助我们继续我们的活动。 [成为支持者]

赞助商

成为赞助商，并在Github上获得徽标，并在Github上使用指向您网站的链接。 [成为赞助商]