Hacktoberfest 2026: die Issues, die Maintainer für den Oktober markiert haben – offen und einsteigerfreundlich. Hacktoberfest-Issues durchsuchen

Add the ability to change the code block language in rich text mode

Offen
  • Stimmt etwas nicht?
#28 0 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Maintainer antworten meist innerhalb von 2 Tagen

Dieses Issue hat noch niemand übernommen.

Bewertung

Schwierigkeit
5/5
Geschätzter Aufwand
Über eine Woche
Anfängerfreundlichkeit
25/100
Issue-Typ
Feature
Klarheit
Muss geklärt werden
Aktivitätsstatus
Veraltet
Tech-Stack
typescript
Bereich
frontend

Rechercherichtung

Es werden keine Dateien, Tests oder Einstiegspunkte genannt. Beginne damit, die UI für Rich-Text-Codeblöcke und ihre vorhandene Sprachbehandlung zu finden, und kläre anschließend anhand der vorgeschlagenen UX das Verhalten des Selektors und die Liste der unterstützten Sprachen; abgeschlossen ist die Aufgabe, wenn ein Benutzer die Sprache eines Blocks im Rich-Text-Modus ändern kann und die ausgewählte Sprache korrekt widergespiegelt wird.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Beschreibung

enhancement good first issue

Reported on Meta.SE.

This was mentioned in another answer I believe, but I would like to add some mock UX for an idea of how it can work and look.

I just added an arrow next to the language to make it look like a selector.

When clicking on the language, a dialogue would appear with possible selection. For example, a list similar to the following.

✓ auto
-------
c#
css
html
javascript
plaintext
python

Another idea would be to show a dialogue similar to the image's details dialogue. Although this can be annoying and would much prefer the option above.

enter image description here

Vorherrschende Sprache
TypeScript
Sterne
439
Forks
61
Ø Merge
5 T. 21 Std.
Gemergte PRs (30 T.)
15

Entwicklungsumgebung

Erste Schritte

  1. Lesen Sie das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreiben Sie ins Issue, dass Sie es übernehmen — das erspart doppelte Arbeit.
  3. Forken Sie das Repository und arbeiten Sie in einem Branch.
  4. Öffnen Sie einen Pull Request, der die Issue-Nummer nennt.

Mehr aus StackExchange/Stacks-Editor

Alle Issues in StackExchange/Stacks-Editor

Ähnliche Issues

Weitere Issues zu TypeScript

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.