段落のテキストをインデントしますか？

サポート
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:

編集: リストアイテムで新しい段落に4つのスペースを追加して揃えるのと混同していました。

テキストブロックを<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では、4つのスペースはコードブロックである可能性が高いです

「いいね！」 1
6

Discourse は特定の HTML タグと属性のみをホワイトリストに登録しています。style 属性は基本的にすべてを制御できるため、完全にブロックされていると推測します。

「いいね！」 1
7

サイト設定でより多くのタグ/属性を許可する方法はありますか？

8

サイト設定には何も見当たりませんが、プラグインを使えばできるかもしれません。HTMLタグに言及しているファイルが2つ見つかりましたが、これらを確認すると役立つかもしれません。個人的には、style属性をホワイトリストに登録するのは危険だと思います。

「いいね！」 1
9

div スタイルはホワイトリストに登録されていないと思われます。プラグインまたはコンポーネントが必要になります。ただし、管理フォーラムで直接ラップ bbcode を作成できます。次の行を「カスタマイズ」>「テーマまたはコンポーネント」>「CSS共通」に追加してください。

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

その後、投稿で、次のように、テキストに適用したいものを使用します。

[wrap="indent"]
段落
[/wrap]
「いいね！」 9
10

そんなことができるとは知りませんでした。フォーラムでは data-theme 属性を持つ span を使用していました。

image
image372×172 4.02 KB

（ライブで確認できます：https://unicyclist.com/t/schlumpf-hub-serial-numbers-reference/106130）

[wrap] は何か違うのですか？インラインスタイルに使用できますか？
投稿スタイルをカスタマイズする他の方法はありますか？

「いいね！」 1
11

div要素を使用しているため、かなりカスタマイズできますが、インラインスタイルについては、あなたの選択肢が最善だと思います。

すぐに使えるオプションはあまりないかもしれません。よく使うものは、プラグインやコンポーネントでdivクラスやbbcodeを作成し、ツールバーにアイコンを追加します。

12

簡単な質問ですが…どうすればできますか？

13

テーマコンポーネントを例として使用できます。

オプションは2つあります。ツールバーにアイコンを追加するか、ギアメニューに追加します。

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