فكرة هذا الكود مستوحاة من إضافة قمتُ بكتابتها لتعمل في ويكيبيديا العربية، ويُمكن مطالعة شرح كامل حول طريقة عمل الإضافة في هذه الصفحة. https://ar.wikipedia.org/wiki/ويكيبيديا:تبديل_الحروف_العربية_لمقابلها_الإنجليزي_والعكس
هذا الكود البسيط مكتوب بلغة جافا سكريبت، ويقوم بتحويل الحروف العربية إلى الإنجليزية، أو العكس؛ وذلك في حال استخدام لوحة المفاتيح العربية-الإنجليزية، والتي يلزم فيها تحويل نظام الكتابة من حين لآخر (Shift+Alt).
بهذا الكود سيتم توفير الوقت والجهد لعملية استبدال (تحويل) الحروف؛ فبمجرد كتابة نص إنجليزي سيقوم بإظهار جملة هل تقصد: كذا؛ لتُعطي مقابل تبديل الحروف من الإنجليزية إلى العربية. الأمر يشبه تمامًا الكتابة في محرك البحث جوجل.
عرض توضيحي
يمكنك مشاهدة مثال عملي هنا.
كيف يمكن استخدامها؟
كل ما عليك فعله هو إضافة ملف الكود Main.js إلى مشروعك.
<script src="Main.js"></script>
أدناه هو أبسط مثال لكيفية استخدام الكود.
<label class="form-label" for="ar-en">من العربية إلى الإنجليزية</label>
<input class="form-input" type="text" id="ar-en" placeholder="اكتب نصًا بالعربية">
<span class="ar-en-span"></span>سيقوم الكود في المثال السابق باستبدال الأحرف العربية إلى الإنجليزية عندما يتم الكتابة في صندوق النص.
The idea of this code is inspired by a gadget I have written to work in Arabic Wikipedia, and you can see a full explanation of how the add-on works on this page. https://ar.wikipedia.org/wiki/ويكيبيديا:تبديل_الحروف_العربية_لمقابلها_الإنجليزي_والعكس
This simple code converts Arabic characters into English, or vice versa; if you use the Arabic-English keyboard, you need to convert the script from time to time (Shift + Alt).
This code will save time and effort to the process of replacing (conversion) or swipe characters; When you write an English text it will display a sentence did you mean: plah plah; to give the opposite of characters from English to Arabic. It's quite like typing in a Google search engine.
Demo
See a pen here.
How to use?
All you have to do is include the Main.js file to your project.
<script src="Main.js"></script>
Below is a very simple example of how it work.
<label class="form-label" for="ar-en">من العربية إلى الإنجليزية</label>
<input class="form-input" type="text" id="ar-en" placeholder="اكتب نصًا بالعربية">
<span class="ar-en-span"></span>This will convert arabic to english when you start writing in the textbox.