Mein Ziel ist es, dass ich, wenn ein Benutzer einen Link zu einer bestimmten URL (Domain + Basis-Pfad) einfügt, diesen automatisch mit einer speziellen Formatierung anzeigen kann.
Ich kann dies im gerenderten Beitrag mit decorateCookedElement() erreichen, aber ich kann nicht herausfinden, wie ich mich in die Anzeige des Rich-Text-Editors einklinken kann, um das Aussehen des Links dort anzupassen.
Gibt es api-Funktionen, die innerhalb eines apiInitializer einer Theme-Komponente verwendet werden können, um das Rendering des Rich-Text-Editors anzupassen?
Ich wollte vermeiden, ein Plugin zu erstellen, das auf dem Server selbst läuft… und ich habe noch keine einfachere Lösung gefunden, aber ich bin offen für alternative Ideen! (Zum Beispiel möchte ich das OneBoxing dieser Domain nicht komplett abschalten, da die nicht-SPA-Marketingseiten schöne OpenGraph-Tags für OneBoxing haben)
Historischer Ansatz: decorateCookedElement()
Ich habe historisch etwas Ähnliches für Videos von Bunny.net gemacht (Referenz-Post), bei dem ich das Standard-Rendering (OneBox-Video) zuließ und dann decorateCookedElement() verwendete, um einige Korrekturen an OneBox-Videos von der Bunny.net-Streaming-URL vorzunehmen (theme-initializer.gjs#L8-L15), wie z. B. das Seitenverhältnis, Vollbildmodus usw.
Für die Bunny-Videos funktionierte dies gut, da im Editor immer der ausgegraute OneBox-Video-Platzhalter (grauer Kasten mit weißem Videosymbol) angezeigt wird, sodass dieser Inhalt nicht angepasst werden musste.
Rich-Text-Problem
Die Herausforderung bei der Verwendung von decorateCookedElement() für mein aktuelles Ziel, Links zu einer bestimmten URL (Domain + Basis-Pfad) austauschen zu können, ist, wenn ein Benutzer diesen Link in einer eigenen Zeile im Rich-Text-Editor einfügt und dann Enter drückt. Der Editor wandelt ihn in eine OneBox um, und ich konnte nicht herausfinden, ob es eine Möglichkeit gibt, diesen Rendering-Flow zu beeinflussen oder ihn anderweitig anzupassen.
Dieser spezielle Link führt zu einer Funktion innerhalb einer Single-Page-App (statisch gehostet), daher bietet er keine besonders aussagekräftigen Open-Graph-/Meta-Tags, was die OneBox unintuitiv macht. Ich habe bemerkt, dass Community-Mitglieder ihre Import-Links in Code-Klammern und andere Workarounds einpacken.
Daher dachte ich, wenn ich anpassen könnte, wie dieser spezielle Link auch im Rich-Text-Editor gerendert wird, würden die Benutzer ein intuitiveres Format sehen und es annehmen.