الصفحة الرئيسية>المتعلقة بالبرمجة>شفرة المصدر الأخرى
تنزيل

رد فعل

شعار

مجموعة من مكونات رد الفعل للآس

ملاحظة للنسخة 8! : لقد توقفنا عن الدعم للدعامة واستخدمنا الآن Builds. يرجى قراءة الوثائق حول كيفية الترحيل. يتم تحديث الأمثلة.

العرض التوضيحي لـ React Ace

Demo of React Ace Split Editor

Demo of React 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

محرر عرض الانقسام

محرر فرق

كيفية إضافة أوضاع وموضوعات ولوحة المفاتيح

الأسئلة المتداولة

ترحيل إلى الإصدار 8

مؤيدون

دعمنا بتبرع شهري ومساعدتنا على مواصلة أنشطتنا. [كن مؤيدًا]

الرعاة

كن راعياً واحصل على شعارك على ReadMe على Github مع رابط لموقعك. [كن راعياً]

يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل