Hallo, anstatt ein vom Plugin über ein Formular bereitgestelltes Datenelement zu drucken, möchte ich den Benutzern ermöglichen, diesen Inhalt zu kopieren, wenn sie es wünschen, indem sie auf ein „Kopieren“-Symbol klicken.
Mir ist aufgefallen, dass Discourse diese Funktion für Codeblöcke eingeführt hat, aber sie funktioniert nur innerhalb dieser Blöcke. Wie kann ich sie stattdessen wie gewünscht verwenden?
Danke,
Vielleicht ist diese Theme component das, wonach du suchst 📄 Copy Post Component kannst du einen ganzen Beitrag kopieren
Ich möchte es für Daten aus dem Custom Wizard-Plugin verwenden, d. h. ich möchte das Kopieren eines bestimmten Satzes ermöglichen. Ich glaube, die Theme-Komponente bietet dies nicht. Könnte ich es jedoch durch Anpassung erreichen?
Sie haben Recht, die Komponente kopiert den gesamten Beitrag. Das scheint sicherlich anpassbar zu sein. Können Sie ein visuelles Beispiel dessen teilen, was Sie erwarten? Ich habe dieses Plugin noch nie benutzt, daher bin ich mir nicht sicher, in welchem Schritt oder Kontext Sie diese Anpassung wünschen.
Wenn Sie eine Seite mit dem Custom Wizards-Plugin erstellen, möchte ich die Ausgabe der Variablen kopieren, die das Plugin mir zur Verfügung stellt. Wir können uns das also als zufällig ausgewählten Bereich im Nachrichteninhalt vorstellen. Ich kann dem zu kopierenden Inhalt einen benutzerdefinierten CSS-Selektor zuweisen.
click(attrs) {
const copyButton = attrs.currentTarget.activeElement;
const rawCooked = this.attrs.attrs.cooked;
const cookedText = this.attrs.attrs.cooked.replace(/<p>(.*)<\/p>/g, "$1\n");
let postContents = cookedText.replace(/<[^>]*>/gi, "");
if (settings.copy_raw_html) {
postContents = rawCooked;
}
Der Selektor ist hier. Ich möchte den letzten oder vorletzten p-Tag im gekochten Div ansprechen, anstatt des gesamten gekochten Inhalts. Ich möchte sie separat ansprechen, wenn möglich, und die Kopiersymbole direkt neben den Absätzen platzieren.