+- منتدى فيجوال بيسك لكل العرب | منتدى المبرمجين العرب (http://vb4arb.com/vb)
+-- قسم : قسم لغة الفيجوال بيسك VB.NET (http://vb4arb.com/vb/forumdisplay.php?fid=182)
+--- قسم : قسم اسئلة VB.NET (http://vb4arb.com/vb/forumdisplay.php?fid=183)
+--- الموضوع : اقدم لكم هدية تصفح منتدى vb4arb.com بشكل أفضل من قبل مع ( vb4arb Code Highlighter ) (/showthread.php?tid=46107)
اقدم لكم هدية تصفح منتدى vb4arb.com بشكل أفضل من قبل مع ( vb4arb Code Highlighter ) - عبدالله الدوسري - 28-05-23
بسم الله الرحمن الرحيم
نحن مبرمجون ويجب أن نرى الأكواد بشكل أفضل
لذلك قررت أن اقوم بعمل شيء يحقق ما اريد وأن يستفيد منه أي شخص يتصفح هذا المنتدى
فقمت بتصميم ( Extension ) تعمل مع ( Google Chrome ) فقط
باسم
vb4arb Code Highlighter
[attachment=28995]
[attachment=28997]
وهي الآن موجودة في متجر chrome web store
على الرابط التالي
بإمكانك تثبيتها الآن
هذة الـ Extension جعلتها حصرية لموقع vb4arb.com فقط، ولن تعمل مع أي موقع آخر
طريقة التثبيت بسيطة
اذهب إلى الـ Extension في متجر chrome web store
[attachment=28990]
[attachment=28991]
[attachment=28992]
[attachment=28993]
[attachment=28994]
استمتع بكل بساطة ستظهر الأكواد بهذا الشكل ( مع زر لحفظ الكود ) :
[attachment=28989]
هذة أول ( Extension ) اقوم بتصميمها ، تم تصميمها فقط لتخدم vb4arb.com ، طبها تم تجربتها مئات المرات، إذا كان لديك أي إقتراح أو وجدت أي مشكلة، لا تتردد في وضعها هنا...
الـ ( Extension ) بالكامل عبارة عن ( CSS + HTML + Javascript )
تم إستخدام : ( highlight.js ) + ( highlightjs-line-numbers.js ) + ( Bootstrap ) + ( Bootstrap 5 Toggle ) + ( jquery )
لقد واجهة الكثير من الصعوبات ، أولا ان هناك الكثير من المشاركات أصحابها ( الله يهديهم ) لا يستخدمون مربع النص الخاص بالكود
مثل هذا :
كود :
الكود هنابل يتم رمي الكود مبعثر مثله مثل أي نص عادي هكذا :
Private Sub Form1_Load(sender As Object, e As EventArgs) Handles MyBase.Load
DataGridView1.RowHeadersWidth = 50
End Sub
طبها هنا في هذة الحالة مستحيل عمل أي شيء لإظهار هذا الكود بشكل افضل.
ثاني تحدي :
هو معرفة لغة الكود، حتى استطيع تشكيل الألوان بالشكل المناسب لهذة اللغة،
مثلاً لغة VB.NET في التلوين تختلف عن لغة SQL
وجدت مشاركات تحتوي على أكثر من لغة :
مثلاً يتم وضع كود VB.NET في مربع، ثم يتم وضع كود SQL في مربع آخر.
الـ highlight.js يمكنة أن يكتشف ما هي اللغة المكتوبة وبناءاً على ذلك يتم وضع الألوان التي تخص هذة اللغة،
ولكنة غير دقيق أبداً ، 90% يخطئ في تحديد اللغة لصعوبة وتشابة اللغات في المفردات،
لذلك قمت بعمل مصفوفة تحتوي على أقسام المنتدى،
أقسام الـ VB.NET يتم تشكيلها بنائاً على لغة VB.NET حتى وان كان هناك كود مكتوب بأي لغة أخرى.
وكذلك الأقسام الأخرى.
الأقسام المتعددة اللغات أو الغير محددة ، تركتها لـ الـ highlight.js هو يحدد لغة الكود إن وجد ويقوم بالتشكيل حسب ما اكتشفة هو.
الفكرة بدأة من الصفر ، وها هي الآن بين أيديكم ،
اتمنى ان تعجبكم وأن تستفيدوا منها.
كما اتمنى من إدارة المنتدى تثبيت هذا الموضوع بطريقة معينة، ليستفيد الكل.
RE: اقدم لكم هدية تصفح منتدى vb4arb.com بشكل أفضل من قبل مع ( vb4arb Code Highlighter ) - Taha Okla - 28-05-23
وأيضاً عمل آخر رائع في نفس الاسبوع
حيث أن مايكروسوفت أيضاً قدمت تحديث جديد للسي شارب 2022 وكل اللغات التي تعتمد على أقواس المجموعة.
يميز ألوان الأقواس لكل مجموعة بلون مختلف عن غيره..
وكذلك ربط مباشر حصراً بين السي شارب مع (GitHub) لجلب أمثلة توضيحية عن (IntelliCode API)
عن استخدام أي وظيفة مدعومة بمجرد تحديدها وضغط الرابط من داخل نافذة كتابة الكود.
RE: اقدم لكم هدية تصفح منتدى vb4arb.com بشكل أفضل من قبل مع ( vb4arb Code Highlighter ) - ابو روضة - 02-06-23
في هذا العالم صادفنا الجميل والسيء
ولعل اسمك ومشاركاتك هو أحد أشياء
جمال في هذا العالم أ/ عبدالله الدوسري
RE: اقدم لكم هدية تصفح منتدى vb4arb.com بشكل أفضل من قبل مع ( vb4arb Code Highlighter ) - DOX.1 - 06-09-23
أنت يا أستاذ عبدالله والأخوان أجمل هدية يشهد الله
شكراً بحجم السسسسسـماء
RE: اقدم لكم هدية تصفح منتدى vb4arb.com بشكل أفضل من قبل مع ( vb4arb Code Highlighter ) - محمود صالح - 23-09-23
من ابداع الى ابداع تحياتي لشخصك الكريم
RE: اقدم لكم هدية تصفح منتدى vb4arb.com بشكل أفضل من قبل مع ( vb4arb Code Highlighter ) - annagui - 24-01-24
هدية رووووعة شكرا