الخط أحادي المسافات في محرر Markdown-only

تنبيه سريع:

بالنسبة لأولئك منكم الذين يختبرون المحرر الجديد (سواء هنا على ميتا أو على موقعكم الخاص)، قمنا للتو بتغيير خط الترميز (المعروف أيضًا باسم الكود المصدري) إلى خط أحادي المسافة.

يساعد هذا في توضيح للمستخدمين أنك في وضع “الترميز” مقابل وضع “الغني”.

يتماشى التغيير مع اختيار الخط لما هو مقبول بشكل عام في الصناعة (reddit / stack exchange).

يؤثر التغيير فقط على المواقع التي تم تمكين المحرر الغني فيها، ويجب أن يكون متاحًا هنا في غضون 20-40 دقيقة.

13 إعجابًا

نظرًا لأنني لا أستخدم أيًا منهم، لكنني أنتمي إلى فرع مختلف تمامًا من الصناعة، فكيف يمكنني استعادته لاستخدام خط أكثر… أناقة؟ على نسخة ذاتية الاستضافة، بالطبع.

3 إعجابات

لديك القدرة على تقديم سمات ومكونات على موقعك، وتجاوز هذا الاختيار للخط هو 3 أسطر من CSS.
يظل الخط الأجمل في المؤلف الجديد، ولا ننتقل إلى الخط أحادي المسافة هناك.

4 إعجابات

أنا أكتب عادةً مشاركات أطول، ولا أحتاج إلى WYSIWYG، لكن المستخدمين يحتاجون إليه، لذا سألتزم بـ markdown. لكن monospace صعب القراءة حقًا، وهناك سبب لعدم استخدام الغالبية العظمى من الصناعة لـ monospace في المحررات.

من باب الفضول فقط - ما الهدف من هذا التغيير؟ لقد أفسد قابلية الاستخدام الآن.

لكن نعم، سأبدأ في البحث في الفئات عندما أكون على جهاز أكثر سهولة في الاستخدام مما هو عليه جهاز iPad في هذا الشأن :joy:

إعجابَين (2)

هذا ليس صحيحًا تمامًا، فجميع محررات الأكواد تستخدم أحادي المسافة، وهو المعيار الصناعي.

ومع ذلك، تعايش مع التغيير هنا، إذا كان يزعجك حقًا في ميتا، أوصي بتجربة النقر على هذا:

المحرر الغني يعمل بشكل جيد للغاية هنا. نحن نستمع إلى الملاحظات حول خط الخط.

6 إعجابات

[اقتباس=“sam، منشور:5، موضوع:359936”]
جميع محرري الشفرة
[/اقتباس]

أنا لا أستخدم محرري الشفرة. أنا أُنشئ نصوصًا ومحتوى.

[اقتباس=“sam، منشور:5، موضوع:359936”]
المحرر الغني يعمل بشكل ممتاز هنا
[/اقتباس]

يعمل.

[اقتباس=“sam، منشور:5، موضوع:359936”]
إذا أزعجك حقًا جدًا على ميتا
[/اقتباس]

لقد أزعجني حقًا، لكن يمكنني التعايش معه هنا، لأنه لا أكتب كثيرًا. لكنني حصلت على تلميح منك حول كيفية إصلاح ذلك لمنتداي، ونجح ذلك. شكرًا.

لكنني حصلت على الإجابة، رغم أنني لا أفهم بعد معنى وهدف هذا التغيير، لكنني لا أحتاج لذلك أيضًا. ميتا تفعل ما تفعله ميتا، ويمكنني تغيير ذلك من جهتي. معظم الأشخاص سعداء.

إعجابَين (2)

بينما هذا صحيح، أتساءل عما إذا كانت هذه هي الاستعارة الصحيحة هنا. إذا فكرت في كتابة المشاركات في Discourse مع وجود Markdown فيها، فأنا ذهنيًا لست في “مساحة الترميز”، بل في “مساحة تحرير الويب”. وإذا نظرت إلى Discord أو JIRA، حيث أكتب أيضًا مشاركات بتنسيق Markdown، كلاهما لا يستخدم خطوطًا أحادية المسافة.

الآن، أنا راضٍ إلى حد كبير عن المحرر الجديد (نظرًا لأنه يمكن استخدامه في نوع من “وضع شبه ما تراه هو ما تحصل عليه”، حيث لا تزال تدخل Markdown ويتم تنسيقه بعد إكمال كتلة السطر)، وأعتقد أنني سألجأ إلى القديم بشكل أقل بمجرد طرحه. ومع ذلك، إذا قررت الاحتفاظ بالخط الأحادي المسافة، أعتقد أنه سيكون من الجيد تقليل وزن الخط، بحيث يكون أقرب إلى وزن النص المعروض. حاليًا، يبدو النص جريئًا جدًا.

8 إعجابات

هذا تغيير مثير للاهتمام! بعد استخدامه لكتابة بعض المنشورات الطويلة اليوم، الشيء الرئيسي الذي أواجه صعوبة في التعود عليه هو أن الجانب الأيسر يشغل مساحة أكبر من الجانب الأيمن، مما يعني أن الجانبين سرعان ما يخرجان عن المحاذاة.

لقد اعتدت كثيرًا على مشاهدة المعاينة أثناء الكتابة للتأكد من أنها تبدو كما أريدها، لدرجة أنه حتى بعد كل هذه السنوات ما زلت أحيانًا أنقر على جانب المعاينة بدلاً من جانب markdown!

مع هذا التغيير، لن تكون هذه مشكلة بالطبع. من الواضح جدًا أين يجب أن أكتب.

سأحتاج إلى بعض الوقت للتعود عليه، لكنني أعتقد أنني أتفق مع @schneeland في أن خط markdown يمكن أن يكون أصغر.

6 إعجابات

أتفهم القصد من وجود إشارة مرئية. هذا منطقي في هذا السياق! أتساءل أحيانًا ما إذا كنت أستخدم المحرر الغني.
من المهم أيضًا الإشارة لصالح المحرر الغني، حيث إنه كان يؤدي بشكل جيد بشكل عام.

ما زلت أستخدم محرر Markdown كثيرًا بسبب الأخطاء في المحرر الغني.
في الوقت الحالي، ليس من السهل القراءة:

كما قال Schneeland، لا أعتبر محرر Markdown محرر ترميز؛ سيستغرق الأمر وقتًا للتكيف معه. سيكون من الرائع لو أمكن تعديل حجم الخط ليتناسب بشكل أوثق مع خط المعاينة.

8 إعجابات

إذا قمت بتنزيل إضافة للمتصفح تسمى Stylus لمتصفحات Firefox و Chromium، يمكنك تجاوز CSS على مواقع الويب الأخرى.

لا أستخدم Safari كثيرًا ولم أجربه، ولكن هناك إعداد لإضافة ورقة أنماط مخصصة ضمن AdvancedStyle Sheet.

لقطة شاشة لإعداد Safari

أعتقد أن CSS هذا سيعمل:

.d-editor-input {
    font-family: var(--font-family) !important;
}

(استبدل var(--font-family) باسم خط آخر إذا كنت تريد خطًا مختلفًا.)

إعجابَين (2)

كانت هذه ملاحظات متكررة، سأجرب استخدام jetbrains mono وتعديل الحجم قليلاً لمعرفة ما إذا كان يمكن محاذاة الأشياء بشكل أفضل.

نقطة كبيرة ساعدت هذه الملاحظات في توضيحها هي أننا جميعًا نختبر الخط أحادي المسافة بشكل مختلف قليلاً، وقد يساعد توفير تجربة متسقة هنا.

3 إعجابات

هذا كيف يبدو مع تعيين JetBrains Mono على 14px:

مقارنة مباشرة:

تبدو JetBrains Mono رائعة بالنسبة لي. من المؤكد أنها أسهل في القراءة وتتناسب مع خط المعاينة بشكل جيد.

بالإضافة إلى ذلك، سيكون من المنطقي إبراز المحتوى الآن بعد أن تم التعامل معه كرمز. هناك موضوع، لكنني لا أستطيع تذكر المحتوى. على سبيل المثال:


6 إعجابات

من المحتمل ألا يساعد ذلك في مظهر الخط أحادي المسافة لأنه يستخدم إعدادات النظام الافتراضية لـ --d-font-family--monospace، على عكس الخط الأساسي الافتراضي Inter في --font-family. عند 14 بكسل (حجم الخط لكتل التعليمات البرمجية)، يبدو جيدًا، ولكن عند حجم خط محرر النصوص، يبدو غريبًا بجوار Inter.

Firefox - Windows

Firefox - MacOS

Safari - MacOS

بينما يتطابق هذا السلوك في الرجوع إلى الإعدادات الافتراضية للنظام مع مواقع أخرى تركز على البرمجة مثل GitHub و StackOverflow، فمن المحتمل أن يكون من الأفضل العثور على خط أحادي المسافة محدد يتناسب جيدًا مع خط النص الأساسي الافتراضي Inter.

6 إعجابات

سيتم تفعيل هذا قريبًا، أنا فقط أنهي مراجعة طلب السحب.

هذه اللقطات التي لديك سيتم حلها @Alteras

هذا صعب، أنا لست ضد هذا، ولكنه سيكون تغييرًا كبيرًا جدًا.

نقوم حاليًا بعرض ماركداون في TEXTAREA، للقيام بهذا التمييز الرائع سنحتاج إلى استبداله لاستخدام Ace (الذي نوفره) أو CodeMirror (الذي لا نوفره) أو إعداد ProseMirror مخصص (والذي سيكون معقدًا للغاية)

أنا شخصياً أحب ماركداون المميز بالصياغة، ولكن أعتقد أن مهمة جانبية في هذا المجال ستشتت انتباهنا جميعًا بشكل كبير عن التقدم المحرز في المحرر الغني.

7 إعجابات

ما زلت أتساءل ألن يكون الحل الأكثر وضوحًا هو عدم استخدام الخط أحادي المسافة على الإطلاق. واستخدام مكون بسيط عندما يكون الخط أحادي المسافة مرغوبًا فيه.

لكنني أرى الفرق في السياسة هنا:

  • markdown للمطورين والبرمجة
  • المحرر الغني لجميع الآخرين
  • إذا كان الشخص عضوًا في كل شيء آخر ويحب استخدام markdown، فيجب عليه الاختيار

ما لا أفهمه حقًا هو الحاجة والطلب الفعلي لتقديم الخط أحادي المسافة عند إنشاء محتوى للكتابة، والذي يتم عرضه باستخدام خط مختلف تمامًا.

ما يزعجني كثيرًا هو الشعور مرة أخرى بأن شيئًا ما يتم مرة أخرى عن طريق رسم حدود بين المطورين والعامة - ولكن ربما يكون المطورون هم الأغلبية عالميًا - ولكن هذا الشعور ربما يكون مشكلتي فقط، لأن كل شخص آخر في هذا الموضوع سعيد تمامًا (إذا كان يمكن إصلاح مشكلة حجم الخط).

حسنًا، موضوع أكاديمي جدًا بالنسبة لي، لأنه في منتدى الخاص بي تعمل خدعة CSS هذه، ولا يحتاج مستخدمي إلى هذا المؤشر الكبير لإخبار أي منهما، markdown أو الغني، يستخدمونه. ولأن لدي شعور بأن ما وراء الكواليس حول لماذا و ماذا يقدم غير مرغوب فيه أو غير مطلوب، فمن الأفضل للجميع أن أنسحب - لأنه في النهاية، أنا لست مطورًا ولا أحتاج إلى محرر برمجة/تعليمات برمجية، ولكن محرر markdown للمحتوى.

5 إعجابات

نحتاج إلى أن يكون التغيير للتنفس قليلاً، فكل التغييرات مزعجة عندما تقوم بها. التحسينات اليوم جعلت التغيير أقل إزعاجًا بشكل كبير.

تأتي الخطوط أحادية المسافة مع مزايا أخرى عندما يتعلق الأمر بـ markdown، فالجداول أسهل بكثير في التعامل معها، والنصوص المنسقة مسبقًا أسهل بكثير في التعامل معها.

أنا هنا، أستمع للتعليقات، إذا وصلنا في النهاية إلى مرحلة نشعر فيها أن هذا كثير جدًا بسبب ردود الفعل الساحقة، فقد نراجع أو نحسن القرار.

التغيير اليوم له أيضًا تأثير جانبي رائع لـ Discourse. كانت الخطوط أحادية المسافة تعني أشياء مختلفة لأشخاص مختلفين لأن كل نظام تشغيل له تفسيره الخاص. الأشخاص الذين لديهم rich_editor ممكّن لديهم الآن تجربة متسقة أحادية المسافة عبر المنتج.

أتفهم تمامًا ردود الفعل بالأمس، ولكن اليوم، أشعر براحة أكبر بكثير مع الخط المعدل. إنه جيد، ويسمح لي بكتابة هذا:

   \(^ - ^)/
     |
    / \

ويبدو في المحرر تمامًا كما يبدو في المعاينة.

7 إعجابات

أتفق، هذا منطقي تمامًا كإعداد افتراضي.

وفرصة لمكون سمة لتوفير مزيد من المرونة (قائمة منسدلة للخطوط قابلة للتثبيت؟؟)

إعجابَين (2)

شكراً على التحديث! يبدو طبيعياً، وهو مريح جداً الآن.
هذا التغيير البسيط أحدث فرقاً كبيراً، ويمكنني بالفعل أن أرى نفسي أعتاد عليه. :chefs_kiss:

5 إعجابات

لست من أشد المعجبين. أجد أن الخط أحادي المسافة يجعلني أدرك بشكل مفرط حقيقة أنني أكتب في نافذة واحدة ويتم عرض النص الفعلي في نافذة أخرى. إنه يستحضر بعض ذكريات LaTeX…

إذا كان سيتم تنفيذ هذا على المدى الطويل، فأعتقد أنه يجب أن يكون له متغير خط مخصص مثل --d-font-md-composer. بدلاً من الخط أحادي المسافة الافتراضي --d-font-family-monospace. بهذه الطريقة يمكن تغييره بسهولة على أساس الموقع دون التأثير على الخط أحادي المسافة.

8 إعجابات

لاحظت أن الخط الخاص بالمحرر هنا في المنتدى قد تغير:

image

لا أعرف ما إذا كان هذا مقصودًا أم لا؟
إذا كان مقصودًا، آمل ألا يكون تحديثًا لجميع مستخدمي Discourse، حيث أنني أحب الخط العادي “Arial/Helvetica/sans serif”. أو على الأقل أن نتمكن من تغييره بأنفسنا في لوحة الإدارة.

تحرير: نظرًا لأن مشاركتي كانت موضوعًا تم تقسيمه، فإنها تبدو غريبة بعض الشيء في هذا الموضوع الحالي، لذا لا تهتم. أعرف أن هذا مقصود…


رأيي: أتفهم لماذا قد يكون وجود خطوط مختلفة لمحررين مختلفين منطقيًا، ولكن على سبيل المثال، Obsidian هي أداة markdown، ولا تستخدم monospace بشكل افتراضي. وكما قال أحدهم، لا أرى هذه المساحة على أنها “ترميز” على الرغم من أنه يمكننا بالفعل إضافة أشياء لا يفهمها “الشخص العادي” عندما يستخدم محرر النصوص المنسقة.

لا أعرف، يبدو الأمر غريبًا، لأنه خط لا نستخدمه بشكل منتظم (إن وجد) عندما نكتب نصوصًا/رسائل. لقد اعتدت على استخدام كل من Discourse و Obsidian بالطريقة “القديمة”، لذا من الغريب أن تكتب إما باستخدام monospace أو استخدام محرر النصوص المنسقة.

ألا يمكن أن تكون هذه ميزة يمكن لكل مستخدم تغييرها؟