إزاحة نص الفقرة؟

الدعم
1

أشعر وكأنني أحمق لكنني لا أستطيع فهم سبب عدم عمل هذا على الإطلاق:

<div style="margin-left: 20px">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</div>

يعطي ما يلي:

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

وهو ليس مسافًا بادئًا بشكل ملحوظ!

بالتأكيد يجب أن تكون هناك طريقة لدعم المسافة البادئة للنص، حتى لو لم تكن واضحة لسبب ما، أليس كذلك؟

2

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

إعجاب واحد (1)
3

هذا يفعل السطر الأول فقط من الفقرة

إعجاب واحد (1)
4

أشعر أن الكلمة على طرف لساني. :slightly_smiling_face:

تعديل: لقد اختلط علي الأمر بشأن إضافة أربعة مسافات إلى فقرة جديدة في عنصر قائمة للحفاظ على محاذاة ذلك.

لقد اكتشفت أنه يمكنك تغليف كتلة نصية بـ <ul> </ul> وهذا يقوم بتغيير المسافة البادئة لها. إنها خدعة قليلاً، ولكن قد تكون مفيدة إذا لم يكن لديك وصول إلى إعدادات المسؤول لإنشاء حل التغليف من الأسفل.

مثال.

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
إعجاب واحد (1)
5

أنا متأكد من أن أربعة مسافات هي كتلة تعليمات برمجية في Markdown

إعجاب واحد (1)
6

يقوم Discourse بإدراج القائمة البيضاء لعلامات HTML وسمات معينة فقط. أخمّن أنهم يحظرون تمامًا السمة style نظرًا لأنها قوية للغاية في الأساس.

إعجاب واحد (1)
7

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

8

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

إعجاب واحد (1)
9

أعتقد أن div style غير مدرج في القائمة البيضاء، ستحتاج إلى مكون إضافي أو عنصر. ولكن يمكنك إنشاء bbcode التفاف مباشرة في لوحة تحكم المسؤول الخاصة بك. أضف هذه الأسطر في تخصيص > السمة أو المكون الخاص بك > CSS المشترك

[data-wrap="indent"] {
    margin-left: 20px;
}

ثم في مشاركتك، استخدم هذا للنص الذي تريده:

[wrap="indent"]
فقرتك
[/wrap]
9 إعجابات
10

لم أكن أعرف أنه يمكنك فعل ذلك. لقد استخدمت عناصر span مع سمة data-theme في منتدى الخاص بي:

image
image372×172 4.02 KB

(يمكنك رؤيته مباشرة هنا: 📜 [Wiki] Schlumpf hub serial numbers reference - Unicycles and Equipment - Unicyclist.com)

هل الشيء [wrap] مختلف بأي شكل من الأشكال؟ هل يمكننا استخدامه للتنسيقات المضمنة؟
هل هناك طرق أخرى لتخصيص أنماط المشاركات؟

إعجاب واحد (1)
11

بما أننا نستخدم عنصر div، يمكننا تخصيص الكثير، ولكن بالنسبة للتنسيقات المضمنة، فإن خيارك هو الأفضل في رأيي.

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

12

سؤال بسيط واحد… كيف تفعل ذلك؟

13

يمكنك استخدام مكون السمة الخاص بي كمثال:

لديك خياران، إضافة أيقونة إلى شريط الأدوات أو إلى قائمة الترس

image
image485×241 3.13 KB

شريط الأدوات:

api.onToolbarCreate(toolbar => {
    toolbar.addButton({
        id: "align_justify_button",
        group: "extras",
        icon: "align-justify",
        perform: e => e.applySurround('[wrap="justify"]\n', '\n[/wrap]', 'align_justify_text')
    });
});

قائمة الترس

api.addToolbarPopupMenuOptionsCallback(() => {
  return {
      action: "floatleft",
      icon: "indent",
      label: "float_left_button"
  };
});

يمكنك الحصول على بعض الخيارات الإضافية مع إضافة، ولكن يجب أن يكون المكون كافياً: GitHub - MonDiscourse/discourse-formatting-toolbar: Add formatting options on your post (center, align to right, justify a text, etc.)

5 إعجابات