هل هناك طريقة بسيطة لعدم إزالة المسافات البادئة وتنسيق الشعر؟

أنا أدير مجموعة على منصة Discourse، وأقوم بإجراء اختبارات لمجتمع Gene Keys، وسأل أحد المشاركين عن السماح بالتنسيق في الشعر. يصف دليل الأسئلة الشائعة (FAQ) الخاص بالتنسيق خيارات HTML وبرمجيات أخرى، لكن هذه الخيارات ليست بسيطة للمستخدمين.

أخبرني إذا كان هناك حل سهل.

شكراً، ديفيد

مرحباً @pinetree1111 :wave: أهلاً بك

لا أعرف إذا كنت تعتبر هذا “سهلاً”، لكنني أجده سهلاً لأنني استخدمته في منشوراتي من حين لآخر هاهاه.

يمكنك استخدام   للمسافة الفارغة:
مثل هذا

مرحباً العالم
 هذه سطر بمسافة بادئة واحدة
  هذه سطر بمسافتين باديتين
   هذه سطر بثلاث مسافات بادئة

الكود:

مرحباً العالم
 هذه سطر بمسافة بادئة واحدة
  هذه سطر بمسافتين باديتين
    هذه سطر بثلاث مسافات بادئة

يمكنك أيضاً وضع مسافات بينها

مرحباً العالم
  هذه سطر بمسافتين باديتين
    هذه سطر بأربع مسافات بادئة
      هذه سطر بست مسافات بادئة

مرحباً العالم
  هذه سطر بمسافتين باديتين
    هذه سطر بأربع مسافات بادئة
      هذه سطر بست مسافات بادئة

لقد كان من الجميل وجود ذلك في شريط الأدوات - خاصة لأولئك الذين لا يستخدمون Markdown، أليس كذلك؟

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

من الممكن أيضًا استخدام علامات الاقتباس العكسية (```)، والتي ستحافظ على التنسيق، لكن قد لا يعجبك التصميم

hello world
 this is a line with a leading space
  this is a line with 2 leading spaces
   this is a line with 3 leading spaces

وإذا كان لديك وصول إلى TC، يمكنك إضافة بعض CSS الصغيرة للتخفيف من ذلك:

code.lang-plaintext {
  font-family: cursive;
  font-size: inherit;
  background: transparent;
  color: inherit;
}
pre:has(code.lang-plaintext) {
  background: transparent;
  border: none;
  padding: 0;
}

والذي يبدو مثل (على سبيل المثال):

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

أعتقد أن أبسط حلين هما:

  1. استخدام “النص المنسق مسبقًا”:
    اكتب النص مع المسافات، وحدده، ثم استخدم زر image لتنسيق النص.
    بديلًا عن ذلك، يمكنك تحديد الأسطر وكتابة CTRL+E.
    هذا مطابق تمامًا لحل الشرطات العكسية المقترح أعلاه.

  2. استخدام وسم HTML <pre> (أعلم أنك طلبت حلولًا تتجنب HTML، لكن هذا بسيط للغاية):
    احيط النص بوسمي HTML، كالتالي:

    <pre>
    نص
        مع
            مسافات
                بادئة.
    </pre>    
    

    سيبدو الإخراج كالتالي:

     نص
         مع
             مسافات
                 بادئة.
     

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