react ace

Réagir

Un ensemble de composants de réaction pour ACE

Remarque pour la version 8! : Nous avons arrêté le support pour l'attelle et utilisons maintenant ACE-Builds. Veuillez lire la documentation sur la façon de migrer. Des exemples sont mis à jour.

Démo de react ace

Demo of React Ace Split Editor

Demo of React Ace Diff Editor

Installer

npm install react-ace ace-builds

yarn add react-ace ace-builds

Utilisation de base

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

Exemples

Découvrez l' example de répertoire pour un exemple de travail à l'aide de WebPack.

Documentation

ACE Editor

Éditeur de vue Split View

Éditeur de DIFF

Comment ajouter des modes, des thèmes et des gestionnaires de clavier

Questions fréquemment posées

Migrer vers la version 8

Bailleurs de fonds

Soutenez-nous avec un don mensuel et nous aidez à poursuivre nos activités. [Devenez un bailleur de fonds]

Sponsors

Devenez sponsor et obtenez votre logo sur notre lecture sur GitHub avec un lien vers votre site. [Devenir sponsor]