react ace

React-ace

Satu set komponen reaksi untuk ACE

Catatan untuk versi 8! : Kami telah menghentikan dukungan untuk Brace dan sekarang menggunakan ACE-Build. Harap baca dokumentasi tentang cara bermigrasi. Contoh sedang diperbarui.

Demo react ace

Demo React Ace Split Editor

Demo React Ace Diff Editor

Memasang

npm install react-ace ace-builds

yarn add react-ace ace-builds

Penggunaan dasar

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

Contoh

Periksa Direktori example untuk contoh yang berfungsi menggunakan Webpack.

Dokumentasi

Editor ace

Editor tampilan split

Editor diff

Cara menambahkan mode, tema dan penangan keyboard

Pertanyaan yang sering diajukan

Bermigrasi ke versi 8

Pendukung

Dukung kami dengan sumbangan bulanan dan bantu kami melanjutkan kegiatan kami. [Menjadi pendukung]

Sponsor

Jadilah sponsor dan dapatkan logo Anda di readme kami di GitHub dengan tautan ke situs Anda. [Menjadi sponsor]