詩の先頭のスペースやその他のフォーマットを保持する簡単な方法はありますか？

サポート
1

私は Discourse グループをホスティングしており、Gene Keys コミュニティ向けのテストを行っています。参加者の一人が、詩のフォーマット（装飾）を許可する方法について質問してきました。フォーマットに関する FAQ には HTML やその他のコーディングオプションが説明されていますが、これらはユーザーにとって簡単ではありません。

簡単な解決策があれば教えてください。

よろしくお願いします、David

2

こんにちは @pinetree1111 :wave: ようこそ

これが「簡単」かどうかはわかりませんが、私は投稿でたまにこれを使っているので簡単だと思います lol。

空白スペースには   を使用できます：
このように

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

コード：

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

それらの間にスペースを入れることもできます

hello world
  this is a line with 2 leading spaces
    this is a line with 4 leading spaces
      this is a line with 6 leading spaces

hello world
  this is a line with 2 leading spaces
    this is a line with 4 leading spaces
      this is a line with 6 leading spaces
3

ツールバーにその機能があればいいのにね。特にマークダウンを使わない人にとっては、そうでしょう？

4

はっきりしないけど、このコンポーネントでカスタムボタンを追加できるような気がする？ ともかく、プログラミングのスキルがある人ならテーマコンポーネントを作るのは大した手間じゃない。自分では使う予定はないけど、誰かが必要なら手伝うことはできるかも。WYSIWYGエディタについてはよくわからない。自分は使ったことがない。

5

バッククォート（```）を使用してフォーマットを維持することも可能ですが、スタイルが気に入らないかもしれません

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;
}
```\n
例えば、このような見た目になります：

![CleanShot 2026-07-20 at 08.19.42@2x|690x233](upload://3uT9n52JJh2boYtqaqm3yUUsWyz.png)

ただし、これは実際にはコードスニペットを投稿しない場合（バッククォートは伝統的にこれに使用されます）にのみ有効な解決策ですが、詩のフォーラムではその可能性は低いと思います :slight_smile:
6

最も簡単な解決策は以下の2つだと思います：

  1. 「等幅テキスト」を使用する：
    スペースを含むテキストを入力し、選択してから image ボタンをクリックしてテキストをフォーマットします。
    または、行を選択し CTRL+E を入力することもできます。
    これは上記で提案された バッククォート の解決策と全く同じです。

  2. <pre> HTMLタグを使用する (HTMLを避ける解決策をお求めでしたが、これは非常に簡単です)：
    テキストをHTMLタグで囲みます。例えば以下のように：

    <pre>
Text
    with
        leading
            spaces.
</pre>

    出力は以下のようになります：

     Text
     with
         leading
             spaces.
7

コメントをいただき、誠にありがとうございます。私はプログラミングの経験がありますが、それを長い間使っていなかった（そして忘れていた &nbsp）ので、朝にこれを使って遊んでみられるか確認します。私達には技術チームがおり、もしこれを恒久的に使用することになったら、フォーラムを新しいウェブサイトに取り込むことができます。そのため、彼らは平均的なユーザーのためにボタンを作成できるかもしれません。