Inline-Code schwer zu identifizieren

Unterstützung
1

Inline-Code code → Normaler Code

Ich habe diese beiden Lösungen gefunden, beide funktionieren nicht. Fehlt mir etwas oder hat sich inzwischen etwas geändert?

Danke im Voraus…

Mit freundlichen Grüßen,

2 „Gefällt mir“
2

Es gibt 4 Einstellungen unter admin > Einstellungen, die Sie sich ansehen müssten.

image
image679×315 4.66 KB

Ich hoffe, das hilft.

2 „Gefällt mir“
3

Ich kann keine Unterschiede erkennen:

Standardsprache für Code → automatisch
automatisch hervorgehobene Sprachen → eine Liste
Kopier-Schaltfläche für Codeblöcke anzeigen → aktiviert
Alles hervorheben → aktiviert

Option nicht verfügbar code-fences.

Ich kann code-fences nicht installieren, da es sich um einen Business-Plan handelt.

HINWEIS

Ich füge auch Klartext zur Liste hinzu…

Mit freundlichen Grüßen,

4

Wie OP erwähnt, kann Inline-Code hervorgehoben werden. Die Methode funktioniert immer noch:

  1. Gehen Sie zu https://example.com/admin/customize/themes/1/common/scss/edit (Ihre Theme-URL kann abweichen)
  2. Gehen Sie zum Ende des CSS-Bereichs und fügen Sie den folgenden Code ein:
p<code>, li<code> {
   color: #c7254e;
   background: #f9f2f4;
   padding: 2px 4px;
   border-radius: 2px;
}

Speichern. Fertig. Ihr Inline-Text sieht so aus: изображение

изображение
изображение341×456 13.4 KB

dies ist nur für Codeblöcke (Bild unten). Die ursprüngliche Frage bezog sich auf Inline-Text

изображение
изображение199×198 3.94 KB

2 „Gefällt mir“
5

Danke für die Antwort. Ich habe Ihren Code bereits getestet, aber ich weiß nicht, warum er auf meiner Website nicht funktioniert:

Screenshot from 2021-11-10 13-01-53
Screenshot from 2021-11-10 13-01-53364×631 19.4 KB

Screenshot from 2021-11-10 13-04-12

Mit freundlichen Grüßen.

1 „Gefällt mir“
6

Wahrscheinlich ist Ihr Theme bereits angepasst und unterstützt dies nicht.

Ich verwende das Standard-Theme (Entschuldigung für den nicht-englischen Text):

изображение
изображение829×327 49.1 KB

7

Ich habe das Standardschema verwendet → hell

Mit freundlichen Grüßen,

1 „Gefällt mir“
8

Ich habe gerade einen Test auf meiner Website mit dem Standard-Hell-Theme durchgeführt, und es funktioniert für mich. :+1: Ich musste meine Seite neu laden, damit sie richtig angezeigt wurde.

Inline-Code-Anpassung
Inline-Code-Anpassung1080×1290 117 KB

Haben Sie es als neue Theme-Komponente hinzugefügt? Wenn ja, haben Sie daran gedacht, sie dem Theme zuzuordnen? (ziemlich offensichtlich, ich weiß, aber ich habe es vergessen :slightly_smiling_face:)

1 „Gefällt mir“
9

Ich bin sehr froh, jetzt hier zu arbeiten, und danke Ihnen, dass Sie mich in die richtige Richtung gewiesen haben. Aber es gibt ein Problem: Eine Komponente, die das Thema anwendet, behindert die Quellarbeit. Als ich eine klarere Vorstellung davon hatte, was die Komponente ist, habe ich sie hier aufgeschrieben.

Mit freundlichen Grüßen.

2 „Gefällt mir“
10

Ich habe das hier gefunden und das ist die Quelle:

→ 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;
}

Sie können dies ohne CSS-Anpassungen tun, verwenden Sie einfach diese Komponente und ändern Sie:

  • Farbe hell.
  • Hintergrundfarbe hell.
  • Code dunkel.
  • Code-Hintergrund dunkel.

HINWEIS

Dies funktioniert jedoch sowohl für Inline-Code als auch für Block-Code.

Mit freundlichen Grüßen.

3 „Gefällt mir“
11

Es scheint, dass der richtige Link Custom Code sein sollte.

1 „Gefällt mir“
12

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