react ace

ตอบโต้

ชุดของส่วนประกอบปฏิกิริยาสำหรับเอซ

หมายเหตุสำหรับเวอร์ชัน 8! : เราได้หยุดการสนับสนุนสำหรับการรั้งและตอนนี้ใช้ Ace-Builds โปรดอ่านเอกสารเกี่ยวกับวิธีการโยกย้าย ตัวอย่างกำลังได้รับการปรับปรุง

การสาธิตของ React Ace

การสาธิตของ React Ace Split Editor

ตัวอย่างของ React Ace Ace Diff Editor

ติดตั้ง

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

ตัวอย่าง

ชำระเงินไดเรกทอรี example สำหรับตัวอย่างการทำงานโดยใช้ WebPack

เอกสาร

Ace Editor

ตัวแก้ไขมุมมองแยก

ตัวแก้ไขต่าง ๆ

วิธีเพิ่มโหมดธีมและตัวจัดการแป้นพิมพ์

คำถามที่พบบ่อย

โยกย้ายไปยังเวอร์ชัน 8

ผู้สนับสนุน

สนับสนุนเราด้วยการบริจาครายเดือนและช่วยให้เราดำเนินกิจกรรมต่อไป [เป็นผู้สนับสนุน]

ผู้สนับสนุน

เป็นสปอนเซอร์และรับโลโก้ของคุณบน readme ของเราบน GitHub พร้อมลิงค์ไปยังเว็บไซต์ของคุณ [เป็นสปอนเซอร์]