تلوين الصيغة
لوّن قائمة وانسخ الترميز
تلوين الصيغة يقطّع الملف إلى سلاسل وتعليقات وكلمات مفتاحية وأرقام، ثم يدهن كل واحد. انسخ النتيجة كـ HTML مهروب، أو ككتلة محرر نصوص، أو كنص عادي منزوع اللون. ولا شيء مما تلصقه يغادر المتصفح.
- مجانيالسعر
- 12اللغات
- 4المخرجات
- لا شيءالرفع
تلوين الصيغة
لوّن قائمة باثنتي عشرة لغة، ثم انسخ الـ HTML المهروب، أو كتلة محرر نصوص، أو نصًا عاديًا، أو ورقة الأنماط وحدها
إن كنت تستخدم قارئ شاشة، فتبويب النص العادي هو النسخة المقروءة: أما الملوَّنة فتحمل span حول كل رمز.
جاهز. الصق قائمة، أو اضغط أحد أزرار الأمثلة.
ماذا يفعل تلوين الصيغة
اللون ادّعاء عن ماهية قطعة النص. لذلك القائمة الملوَّنة أسهل قراءة. ويلتقط القارئ شكل الملف قبل أن يقرأ منه سطرًا.
هذا هو عمل تلوين الصيغة كله. يقطّع النص إلى رموز، ويقرر ماهية كل واحد، ويعطي كل صنف لونًا.
يعرف اثنتي عشرة لغة، ويعامل السلسلة والتعليق والكلمة المفتاحية والرقم والاسم كأشياء مختلفة. ولأن القرار يأتي من مقطّع لا من مطابقة نمط، تبقى الكلمة المفتاحية داخل تعليق تعليقًا.
أربعة مخارج تخرج من مرور واحد. HTML مهروب للصقه في صفحة، وكتلة لمحرر النصوص، ونص عادي، وورقة أنماط صغيرة للألوان وحدها.
كل شيء يجري في هذا التبويب. ولهذا تُلوَّن قائمة غير منتهية تمامًا كقائمة منشورة.
كيف يقطّع تلوين الصيغة الشيفرة إلى رموز
يمشي القارئ في النص مرة واحدة، وهو يحمل حالة ومجموعة. عند كل حرف يقرر هل هو داخل سلسلة أو تعليق أو رقم أو شيفرة عادية. ويصدر رمزًا حين تتغير تلك الحالة.
قائمة كلمات مفتاحية لكل لغة توفّر الباقي. والقائمة قصيرة عن قصد، لأن السؤال المفيد هو أي كلمات تحفظها اللغة. وتلك القائمة المحفوظة هي ما تنشره الوثائق المعيارية.
ولأن القارئ يحمل تلك الحالة، لا تكون كلمة داخل تعليق كلمة مفتاحية. هذا هو الفرق بين ملوِّن وبحث واستبدال. وهو أيضًا أول ما تنظر إليه حين تبدو القائمة الملوَّنة خاطئة.
اللغة التي تتداخل فيها تعليقات الكتلة تحتاج عدّاد عمق بدل راية. واللغة التي تسمح بقالب نصي تحتاج مجموعة. وكلتاهما محفوظة كي لا يغلق فاصل داخلي كتلة خارجية.
لا شيء هنا يغيّر النص الذي يصله القارئ. ونسخة الخرج العادي بايت ببايت ما لصقته، وهذا يهم حين تأتي القائمة من طرفية.
لماذا يهرب الخرج قبل أن يلوّن
الشيفرة الملوَّنة ترميز، والترميز الملصوق في صفحة ترميز ينفذه المتصفح. لذلك يجب أن تصبح الأقواس الزاوية في القائمة كيانات قبل أي شيء آخر.
هذا ليس تفصيل تنسيق. فمقتطف منسوخ من متتبع مشكلات قد يحمل وسمة script، والصفحة التي تلصقه خامًا قد نفّذت للتو شيفرة غريب.
هنا كل خرج يهرب أولًا ويلوّن ثانيًا. ولأن التهريب يحدث قبل أن تكتب الأداة span واحدًا، لا تستطيع قائمة أن تدخل عنصرًا من عندها.
القاعدة نفسها تشمل السمة. فالتعليق الذي يحمل علامة تنصيص يذهب إلى نص الـ span لا إلى سمة. لذلك لا يمكن أن يغلق شيئًا مبكرًا.
ولهذا يستحق خرج الـ HTML أن تنسخه من هنا لا من محرر يلوّن للعرض فقط. الألوان تبدو متطابقة، وواحد منها فقط آمن للصق.
اللغات الاثنتا عشرة، وما تحتاجه كل واحدة
أربع منها تتشارك قواعد مع شقيقتها. JavaScript و TypeScript و JSON قريبة بما يكفي ليغطيها قارئ واحد. و CSS و SCSS تتشاركان قارئًا بالمثل.

عائلة C تضيف سطر معالج أولي. يأخذ القارئ سطر الشباك على حدة قبل تقطيع باقي السطر. ولهذا يخرج include و define بلون مختلف عن الشيفرة حولهما.
Python و Ruby تحتاجان كلتاهما وعيًا بالإزاحة. فالسلسلة بثلاث علامات تنصيص والـ heredoc لا تنتهيان عند فاصل السطر. لذلك على القارئ أن يبقي السلسلة مفتوحة بين الأسطر.
PHP و HTML يتداخلان، لذلك يبدّل القارئ وضعه عند وسم الفتح. ولأن القواعدين مختلفتان، فمرور واحد يتجاهل التبديل سيلوّن الـ HTML كأنه PHP.
SQL و Bash الأخيرتان، وكلتاهما موجّهة بالسطر. وعلامة التعليق تختلف بينهما، وهذا نوع التفصيل الذي يقرر هل تُقرأ القائمة بالصواب.
المخرجات الأربعة، ومتى تستخدم كل واحد
الـ HTML المهروب هو الأول، وهو المناسب لصفحة. كل رمز يصبح span بصنف. وتهرب الأداة النص داخله إلى كيانات، لذلك تسقط الكتلة في مقال بلا عمل آخر.

كتلة محرر النصوص هي الثانية. ولأن محرر النصوص يتجاهل ورقة أنماطك، تصل الألوان كأنماط ضمنية في كل span، وهذا يبقى عبر لصق في مستند.
النص العادي هو الثالث، ويحفظ الإزاحة وعدد الأسطر بلا لون واحد. استخدمه حين تذهب القائمة إلى طرفية أو رسالة كوميت، حيث يكون الترميز ضجيجًا.
ورقة الأنماط هي الرابعة. تحمل القواعد الاثنتي عشرة بلا ترميز مرافق. لذلك موقع يغلّف span الخاصة به بالفعل يستطيع تبنّي اللوحة دون تبنّي الخرج.
كيف تستخدم تلوين الصيغة
أربع خطوات، ولا واحدة منها تحتاج حسابًا.
- 1
اختر اللغة
لذلك اختر من الاثنتي عشرة. فقائمة الكلمات المفتاحية وعلامات التعليق كلتاهما من هذا الإعداد. ولهذا الاختيار الخطأ هو السبب المعتاد لقائمة نصف ملوَّنة.
- 2
الصق القائمة
ثم الصق الشيفرة. تُحفظ الإزاحة كما لُصقت، لذلك ملف مُنسّق سلفًا يُقرأ كما في محرر.
- 3
اضبط العمود والسمة
بعد ذلك، قرّر هل تنتمي أرقام الأسطر إلى الخرج واختر لوحة فاتحة أو داكنة. ولأن الاختيارين يدخلان الترميز، اضبطهما قبل أن تنسخ.
- 4
انسخ الشكل الذي تحتاجه
أخيرًا، خذ الـ HTML أو كتلة محرر النصوص أو النص العادي أو ورقة الأنماط. وبعد ذلك، الصقه حيث تنتمي القائمة.
لماذا تستخدم تلوين الصيغة هذا
خمسة أسباب، والثاني أهمها جميعًا.
يهرّب قبل أن يلوّن
ولأن النص يُهرَّب إلى كيانات أولًا، لا تستطيع قائمة ملصوقة أن تدخل عنصرًا ولا سمة من عندها. لذلك الخرج آمن لوضعه في صفحة.
يحمل حالة لا أنماطًا
كلمة مفتاحية داخل تعليق تبقى تعليقًا، وقوس داخل سلسلة يبقى نصًا. لذلك تطابق الألوان ما تعنيه اللغة فعلًا.
أربعة مخارج من مرور واحد
صفحة ومحرر نصوص وطرفية وورقة أنماط كل واحد يريد شكلًا مختلفًا. لذلك لصق واحد يغطي ما تحتاجه بعدها.
لا شيء يُرفع
التقطيع والتلوين يحدثان كلاهما في هذا التبويب وحده. ولهذا تحصل ورقة أنماط غير منشورة على المعاملة نفسها.
قواعد الألوان لك
خرج ورقة الأنماط يحمل اللوحة بلا ترميز مرافق. ولذلك موقع يغلّف span الخاصة به بالفعل يستطيع تبنّي الألوان وحدها لا غير.
عادات تبقي القائمة مقروءة
ست عادات تقرر هل تساعد الشيفرة الملوَّنة فعلًا.
- اعرض أقصر مقتطف يثبت النقطة قائمة من ثلاثين سطرًا تُتصفّح وقائمة من ستة تُقرأ. ولأن القارئ يبحث عن الشكل لا عن الملف كله، اقتطع قبل أن تلوّن.
- أبقِ الإزاحة كما كتبها المؤلف إعادة إزاحة مقتطف تغيّر شكله في الملف الذي جاء منه. لذلك اترك العمق وشأنه ودع القارئ يقارنه بالمصدر.
- لا تلجأ إلى عمود الأرقام إلا بعد عشرة أسطر أرقام الأسطر تساعد حين يحتاج قارئ إلى الإحالة إلى سطر. وتحت عشرة أسطر تكون ضجيجًا بجانب شيفرة يستطيع القارئ عدّها.
- طابق اللوحة مع الصفحة كتلة داكنة في مقال فاتح تسحب العين بعيدًا عن الحجة. ولأن اللوحتين معروضتان، خذ التي تتفق مع الصفحة حولها.
- انسخ الـ HTML لا الكتلة المعروضة سحب كتلة ملوَّنة خارج المتصفح يفقد الأصناف ويحفظ فوضى من الأنماط الضمنية. لذلك استخدم زر النسخ، الذي يكتب ترميزًا تستطيع قراءته.
- احفظ نسخة نص عادي للطرفية الترميز في رسالة كوميت أو جلسة shell يصبح حروفًا لا لونًا. لذلك احفظ الخرج العادي بجانب الملوَّن.
ست طرق يفسد بها مقتطف ملوَّن
كل واحدة تبدو سليمة في المعاينة وتفشل حيث تهبط.
لصق ترميز خام في صفحة
احترس هنا. قائمة ملصوقة بلا تهريب هي ترميز ينفذه المتصفح، ووسمة script واحدة في تعليق تكفي. لذلك استخدم خرج الـ HTML لا نسخة من محرر آخر.
اختيار اللغة الخطأ
قائمة كلمات مفتاحية من لغة تترك كلمات لغة أخرى بلا لون. ولأن النتيجة تبدو مقصودة رغم ذلك، يسهل شحنها بالخطأ.
توقّع أن ينتهي القالب النصي عند فاصل السطر
العلامة الخلفية تبقي السلسلة مفتوحة بين الأسطر. ولذلك قالب غير مغلق في الأعلى يلوّن بقية الملف كسلسلة واحدة، وهذا يُقرأ كخلل في الأداة.
تلوين فرق diff كأنه مصدر
زائد أو ناقص في أول السطر ليس جزءًا من اللغة. لذلك الصق الجانبين منفصلين، وإلا فأول حرف في كل سطر خاطئ بالفعل.
تشغيل عمود الأرقام لمقتطف منسوخ
قارئ ينسخ قائمة مرقّمة يحصل على الأرقام مع الشيفرة. ولأن اللصق يفشل في الجريان حينها، أبقِ العمود لصفحة يقرؤها القارئ فقط.
افتراض أن الألوان تحمل معنى
اللون وحده إشارة ضعيفة لقارئ لا يراه. لذلك الكلمات أهم من اللوحة، وعلى القائمة أن تظل مفهومة بلا لون.
أسئلة عن تلوين الصيغة
هل تلوين الصيغة مجاني؟
نعم. لا يوجد حساب، ولا حد، ولا مستوى مدفوع. لذلك تلوّن ما تشاء من القوائم.
ما اللغات التي يدعمها؟
اثنتا عشرة: JavaScript و TypeScript و JSON و HTML و CSS و SCSS و PHP و Python و Ruby و Java و SQL و Bash. أربع منها تتشارك قارئًا مع شقيقتها.
هل الخرج آمن للصقه في صفحة؟
خرج الـ HTML آمن، لأن الأداة تهرب النص إلى كيانات قبل أن تكتب أول span. وبذلك تصل وسمة script داخل مقتطف ملصوق كنص لا كعنصر.
أين تذهب الأقواس الزاوية؟
تصبح كيانات، لذلك يعرضها المتصفح بدل أن يقرأها كترميز. هذا هو سبب وجود الخرج المهروب كله.
لماذا لا تُلوَّن كلمة مفتاحية داخل تعليقي؟
لأنها داخل تعليق، والقارئ يعرف ذلك. ومُلوِّن يقرر من الكتابة وحدها سيخطئ هنا، لكن هذا القارئ يقرر من الحالة.
هل يمكنني الحصول على النتيجة بلا أي ترميز؟
نعم. خرج النص العادي يحفظ الإزاحة وعدد الأسطر ولا يضيف لونًا. وهذا هو نص الرسالة في كوميت أو الطرفية.
هل يعمل في محرر نصوص؟
نعم، عبر خرج محرر النصوص. ولأن المستند يتجاهل ورقة الأنماط، تصل الألوان كأنماط ضمنية في كل span.
هل يمكنني استخدام الألوان في موقعي؟
نعم. خرج ورقة الأنماط يحمل القواعد الاثنتي عشرة بلا ترميز مرافق، لذلك يمكن لـ span الخاصة بك أن تتبنى اللوحة.
هل تُرفع الشيفرة إلى أي مكان؟
لا. التقطيع والتلوين يحدثان كلاهما داخل هذا التبويب. لذلك ملف غير منشور لا يعبر الشبكة أبدًا.
هل يغيّر شيفرتي؟
لا. الخرج العادي بايت ببايت هو ما لصقته، والخرج الملوَّن لا يختلف إلا في الـ span حول النص.
هل يمكنني تلوين ملف كامل؟
نعم. ملف من بضعة آلاف سطر يُلوَّن في لحظة، والحد هو جهازك لا حصة الخادم.
هل يفحص شيفرتي من الأخطاء؟
لا. المُلوِّن يجيب ما هو الرمز، لا هل البرنامج صحيح. لذلك شغّل المفحص لهذا السؤال.
هل يمكنني تلوين فرق diff؟
ليس مباشرة، لأن زائدًا أو ناقصًا في أول السطر ليس جزءًا من اللغة. لذلك الصق الجانبين منفصلين.
هل يرقّم الأسطر؟
نعم، إن طلبت ذلك. يدخل عمود الأرقام في الخرج، لذلك قرّر قبل أن تنسخ، واتركه لمن مقتطف قد يلصقه قارئ.
ما دور خيار الفاتح والداكن؟
يبدّل اللوحة كي تتفق الكتلة مع الصفحة حولها. الرموز هي نفسها في الحالتين، ولا تتحرك إلا الألوان.
هل يتعامل مع قالب نصي على عدة أسطر؟
نعم. لأن القارئ يبقي السلسلة مفتوحة عند الفاصل، فيُلوَّن القالب متعدد الأسطر كسلسلة واحدة لا كشيفرة.
هل يمكنني تلوين قائمة لشريحة عرض؟
خرج محرر النصوص هو المناسب. لذلك الصق الكتلة في المستند فتحفظ ألوانها.
لماذا يظهر نصي ملوَّنًا نصف تلوين؟
السبب المعتاد سلسلة أو تعليق غير مغلق فوقه، فيبتلع الأسطر التالية. لذلك افحص أعلى اللصق أولًا.
هل يعمل على الهاتف؟
نعم. تتراكم الألواح وتنطوي التبويبات في صفوف. لذلك يمكن تلوين قائمة قصيرة بعيدًا عن المكتب، وإن كان الملف الطويل أسهل على لوحة المفاتيح.
هل أحتاج حسابًا أو إضافة؟
لا. لا تسجيل، ولا إضافة برمجية، ولا امتداد تريد إضافته. لذلك تغلق التبويب بعد أن تصبح القائمة في الحافظة.
أدوات تمشي مع هذه
أربع صفحات يأدي إليها العمل نفسه عادة.
مرمّز كيانات الـ HTML
خطوة التهريب وحدها. ولأن مقتطفًا قد يحمل ترميزًا، فتهريب الأقواس أولًا عادة تستحق البقاء.
افتح الأداة ←مُنسّق الشيفرة
تُقرأ القائمة أفضل حين يستقر التخطيط. لذلك أعد إزاحة الملف قبل أن تلوّنه.
افتح الأداة ←مصغّر JavaScript
بعد أن تصبح الكتلة في صفحة، يمكن للسيناريو حولها أن يصغر. لذلك التنزيل الذي ينتظره زائر يصبح أصغر.
افتح الأداة ←مصغّر HTML
بعد أن تصبح الكتلة في صفحة، يمكن للترميز حولها أن يصغر. ولأن المتصفح ينزّل كل تعليق، فهذه الخطوة الأخيرة.
افتح الأداة ←
لوّن القائمة وانسخ الترميز
اختر اللغة، ثم الصق الشيفرة، وخذ لوحة ألوان، وبعد ذلك الشكل الذي تحتاجه في الخرج. لا شيء يُرفع، لأن الأداة تهرب النص قبل أن تلوّنه، لذلك الكتلة آمنة لوضعها في صفحة. كذلك معظم القوائم تكون جاهزة قبل أن يبرد الشاي.