كيفية إعادة استخدام قواعد التلوين في مكان آخر

أولا: codemirror v5

قواعد التلوين عبارة عن ملف واحد فقط موجود هنا: src/codemirror/alif-simple-mode-states.js.

كل ما عليك هو استخدامها هكذا:

CodeMirror.defineSimpleMode("alif", 👉alifSimpleModeStates👈);

مع الأخذ في الحسبان إعداد محرر codemirror وجعله من اليمين لليسار وإضافة الشكل الخاص به (theme)، وتضمين لغات الجافاسكريب وال C-like، لأن لغة ألف يمكن أن يكتب بها هذه اللغات. ستجد هذه اللغات مضمنة في src/codemirror/alif-mode.js، والإعدادت هنا src/codemirror/index.js.

ثانيا: codemirror v6

قواعد التلوين تأخذ من نفس الملف، لكن الاختلاف يمكن في طريق الإعداد ومتطلبات التشغيل، إذ أنها تعمتد على الوحدات التي تستورد من خلال import، ثم يتم تَحزِيمُها في عن طريق مُحَزِّمات مثل parcel.

لإنشاء المشروع ثم البناء لتحل على الملفات جاهزة للاستخدام، إذا يتم البناء في مجلد build، ستكتب ال html الخاص بك في ملف ./index.html الموجود في المسار الجذر، ثم تضيف ملف الجافاسكريبت الخاص بك الذي سيكون به الاستيراد، مثل:

<script src="./my-javascript-file-that-conatins-imports.js"></script>

كود الجافاسكريبت الخاص بك ./my-javascript-file-that-conatins-imports.js، سيكون مشابها للموجود في src/codemirror-v6/index.js.

في النهاية ستقوم بالبناء وسينتج مجلد به ملف index.html مع باقي الملفات والأكواد، بحيث لو نقرت على ملف index.html وفتحته في المتصفح، ستجده يعمل دون الحاجة ل parcel أو npm أو yarn أو node. يمكنك أخذ المجلد الذي تم البناء فيه ووضعه في أي مكان أو استضافته وإعطاء نطاق له.

# it will execute `parcel build index.html`
# which by default builds into `./build`
> yarn build

رخصة

MIT