react ace

React-Ace

Ein Satz von React -Komponenten für ACE

Hinweis für Version 8! : Wir haben die Unterstützung für Klammer gestoppt und jetzt Ace-Builds verwenden. Bitte lesen Sie die Dokumentation zum Migrieren. Beispiele werden aktualisiert.

Demo von React Ace

Demo des React Ace Split Editors

Demo des React Ace Diff Editors

Installieren

npm install react-ace ace-builds

yarn add react-ace ace-builds

Grundnutzung

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

Beispiele

Checkout im example für ein Arbeitsbeispiel mit WebPack.

Dokumentation

Ace Editor

Herausgeber von Split View

Diff -Editor

So fügen Sie Modi, Themen und Tastaturhandler hinzu

Häufig gestellte Fragen

Migrieren Sie auf Version 8

Unterstützer

Unterstützen Sie uns mit einer monatlichen Spende und helfen Sie uns, unsere Aktivitäten fortzusetzen. [Backer werden]

Sponsoren

Werden Sie Sponsor und holen Sie sich Ihr Logo auf unserem Readme auf GitHub mit einem Link zu Ihrer Website. [Sponsor werden]