インラインコード内の連続したスペースは折りたたまれます

UX
1

インラインコード内の連続したスペースが折りたたまれます。例を挙げます。

Markdown：

 - `o     o` 接続なし
 - `o --\u003e o` 単方向接続
 - `o \u003c-\u003e o` 双方向接続

レンダリング：

  • o o 接続なし
  • o --\u003e o 単方向接続
  • o \u003c-\u003e o 双方向接続

レンダリングのスクリーンショット：

image
image582×156 5.7 KB

これが意図的なものなのかバグなのかは不明ですが、意図的なものであれば、その意図がよくわかりません。上記の例のように、逆効果になる可能性があります。余分なスペースを削除したい場合は、手動で削除するのは簡単です。コードブロック（インラインまたは別個）の目的は、等幅フォントでそのままのテキストを含めることです。

「いいね！」 5
2

こんにちは、サボルチさん！

レポートありがとうございます。問題を理解しました。これは厳密には Discourse のバグではありません。Discourse は markdown-it を使用しており、これはその標準的な動作です。

公式デモでも同様の動作を確認できます: https://markdown-it.github.io。

バッククォート間のスペースがつぶれないようにするには、フォーラムに次の CSS を追加できます。

code {
    white-space: pre-wrap;
}
「いいね！」 3
4

これはCommonMarkに準拠していないようです。準拠する必要はありませんが、一致するように変更を説得できるかもしれません。

目的に応じて、コピー/ペーストの混乱を引き起こす可能性があるため、さらに悪い場合があります。

「いいね！」 3
5

おっしゃる通りです。その点については考えていませんでした。この紛らわしいアドバイスを削除しました :+1:

「いいね！」 1
6

このようなものには詳しくありませんが、あなたが話しているのはこの部分だと思いますか？

ブラウザは通常、<code>要素をレンダリングする際に連続したスペースを折りたたむため、次のCSSを使用することをお勧めします。

code{white-space: pre-wrap;}
7

ちなみに、Non-Breaking Space は折りたたまれないようです（o o）。もし変わったものを使う必要があるなら、それが最善の選択肢でしょう。

編集：悲しいお知らせは以下をご覧ください！

8

その上の行：「内部スペースは折りたたまれません」。

「いいね！」 1
9

コンポーザープレビューでは、通常のスペースではないスペースが表示時に折りたたまれないことがありますが、投稿処理時には折りたたまれます。

「いいね！」 1
10

それは残念です。

11

ヒントをありがとうございます！

discourse.groupでホストされているサイトでカスタムCSSを設定できるかご存知ですか？すぐに設定を見つけることができませんでした。

12

https://discourse.org/pricingによると、**カスタムテーマとコンポーネント**はスタンダードプランからのみ有効になります。

13

ありがとうございます。設定を見つけ、完璧に動作しました :slight_smile:

オープンソースプロジェクト向けの無料ホスティング、https://free.discourse.group/ を使用しています。

「いいね！」 3
14

これを#uxに移動します。これは意図したとおりに機能しており、デザインチームによってUIのスペースを折りたたむという意図的な決定がなされました。マークダウン自体は正しいです。

「いいね！」 1