インラインコードが特定しにくい

インラインコード code → 通常のコード

これらの2つの解決策を見つけましたが、どちらも機能しません。何か見落としているか、それとも何かが変更されたのでしょうか。

よろしくお願いいたします…

敬具、

「いいね!」 2

admin > settings には確認が必要な設定が4つあります。

お役に立てれば幸いです。

「いいね!」 2

違いが全く分かりません:

デフォルトのコード言語 → 自動
自動ハイライト言語 → リスト
コードブロックにコピーボタンを表示 → 有効
すべてコードを自動ハイライト → 有効

コードフェンスのオプションが利用できません。

コードフェンスはビジネスプランのためインストールできません。

注意

プレーンテキストもリストに追加しています…

よろしくお願いいたします。

OPが言及したように、インラインコードをハイライト表示できます。この方法は引き続き機能します。

  1. https://example.com/admin/customize/themes/1/common/scss/edit に移動します(URLはテーマによって異なる場合があります)。
  2. CSSセクションの下部までスクロールし、以下のコードを貼り付けます。
p<code>, li<code> {
   color: #c7254e;
   background: #f9f2f4;
   padding: 2px 4px;
   border-radius: 2px;
}

保存します。完了です。インラインテキストは次のようになります。 изображение

これはコードブロックのみ(下の画像)に関するものです。元の質問は インラインテキスト についてでした。

「いいね!」 2

コードをテストしましたが、なぜ私のサイトで動作しないのかわかりません。

Captura de pantalla de 2021-11-10 13-04-12

よろしくお願いします。

「いいね!」 1

おそらく、テーマがすでにカスタマイズされており、これに対応していない可能性があります。

デフォルトのテーマを使用しています(日本語のテキストですみません)。

デフォルトのカラースキームを使用しました → ライト

よろしくお願いいたします。

「いいね!」 1

サイトでデフォルトのライトテーマでテストしたところ、問題なく動作しました。:+1: 表示が正しくなるようにページを更新する必要がありました。

新しいテーマコンポーネントとして追加しましたか?もしそうなら、テーマにアタッチするのを忘れていませんか?(当たり前のことですが、私は忘れてしまいました :slightly_smiling_face:

「いいね!」 1

ここで働けることを大変嬉しく思います。また、正しい方向を示していただきありがとうございます。しかし、ここに問題があります。テーマを適用しているコンポーネントが、ソースの動作を妨げています。コンポーネントが何であるかのより明確なアイデアが得られたら、ここに書いておきます。

よろしくお願いいたします。

「いいね!」 2

ソースが見つかりました。

-> discourse-custom-code/common at main · discourse/discourse-custom-code · GitHub

p > code,
li > code,
pre > code {
  color: dark-light-choose($code_light, $code_dark) $i;
  background: dark-light-choose($code_background_light, $code_background_dark) $i;
}

このコンポーネントを使用して、以下を調整するだけで、CSSの微調整なしで実行できます。

  • ライトカラー。
  • ライトの背景色。
  • ダークコード。
  • ダークの背景コード。

注意

ただし、これはインラインコードとブロックコードの両方で機能します。

よろしくお願いいたします。

「いいね!」 3

適切なリンクは Custom Code になるはずです

「いいね!」 1

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.