Absatztext einrücken?

Unterstützung
1

Ich fühle mich wie ein Idiot, aber ich kann beim besten Willen nicht herausfinden, warum das nicht funktioniert:

<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>

Was Folgendes ergibt:

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.

Was bemerkenswerterweise nicht eingerückt ist!

Sicher muss es irgendeine Möglichkeit geben, Text-Einrückungen zu unterstützen, auch wenn sie aus irgendeinem Grund nicht offensichtlich ist, oder?

2 
  Ich verwende ein paar `      `, wenn ich etwas einrücken muss, aber das funktioniert nur für die erste Zeile.
1 „Gefällt mir“
3

Das macht aber nur die erste Zeile eines Absatzes

1 „Gefällt mir“
4

Mir kommt es wie auf der Zunge. :slightly_smiling_face:

Bearbeiten: Ich habe mich mit dem Hinzufügen von vier Leerzeichen zu einem neuen Absatz in einem Listenelement verwechselt, um diesen ausgerichtet zu halten.

Ich habe entdeckt, dass man einen Textblock in <ul> </ul> einschließen kann und dass dies ihn einrückt. Es ist zwar etwas umständlich, aber vielleicht nützlich, wenn man keinen Zugriff auf die Admin-Einstellungen hat, um die weiter unten beschriebene Wrap-Lösung zu erstellen.

Z.B.

    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 „Gefällt mir“
5

Ich bin mir ziemlich sicher, dass vier Leerzeichen einen Codeblock in Markdown darstellen.

1 „Gefällt mir“
6

Discourse whitelisted nur bestimmte HTML-Tags und Attribute. Ich vermute, dass sie das style-Attribut komplett blockieren, da es im Grunde allmächtig ist.

1 „Gefällt mir“
7

Gibt es eine Möglichkeit, mehr Tags/Attribute in unseren Website-Einstellungen zuzulassen?

8

Ich sehe nichts in den Website-Einstellungen, aber vielleicht könnten Sie es mit einem Plugin versuchen. Ich habe zwei Dateien gefunden, in denen HTML-Tags erwähnt werden, die nützlich sein könnten. Persönlich halte ich es für gefährlich, das style-Attribut auf die Whitelist zu setzen.

1 „Gefällt mir“
9

Ich glaube, dass div style nicht auf der Whitelist steht, Sie benötigen dafür ein Plugin oder eine Komponente. Sie können jedoch einen Wrap-BBCode direkt in Ihrem Admin-Forum erstellen. Fügen Sie diese Zeilen unter Anpassen > Ihr Theme oder Ihre Komponente > CSS Common hinzu

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

Verwenden Sie dann in Ihrem Beitrag Folgendes für den gewünschten Text:

[wrap="indent"]
Ihr Absatz
[/wrap]
9 „Gefällt mir“
10

Das wusste ich nicht, dass man das kann. Ich habe Spans mit einem data-theme-Attribut in meinem Forum verwendet:

image
image372×172 4.02 KB

(Sie können es hier live sehen: 📜 [Wiki] Schlumpf hub serial numbers reference - Unicycles and Equipment - Unicyclist.com)

Ist die [wrap]-Sache anders? Können wir sie für Inline-Stile verwenden?
Gibt es andere Möglichkeiten, Beitragsstile anzupassen?

1 „Gefällt mir“
11

Da wir das div-Element verwenden, können wir einiges anpassen, aber für Inline-Stile ist deine Option meiner Meinung nach die beste.

Ich bin mir nicht sicher, ob es von Anfang an viele weitere Optionen gibt. Wenn ich etwas oft benutze, erstelle ich mit einem Plugin oder einer Komponente eine div-Klasse oder ein bbcode und füge ein Symbol in die Symbolleiste ein.

12

Eine einfache Frage… Wie macht man das?

13

Sie können meine Theme-Komponente als Beispiel verwenden:

Sie haben zwei Möglichkeiten: Fügen Sie ein Symbol zur Symbolleiste oder zum Zahnradmenü hinzu.

image
image485×241 3.13 KB

Symbolleiste:

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')
    });
});

Zahnradmenü

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

Sie können zusätzliche Optionen mit einem Plugin haben, aber die Komponente sollte ausreichen: GitHub - MonDiscourse/discourse-formatting-toolbar: Add formatting options on your post (center, align to right, justify a text, etc.)

5 „Gefällt mir“