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上使用指向您網站的鏈接。 [成為贊助商]