Codeblocks-Themenkomponente kopieren

[justin (Justin DiRose)]

Diese Theme-Komponente ist nun veraltet und wurde durch Codeblock-Inhalte in die Zwischenablage kopieren, eine Kernfunktion von Discourse, ersetzt.

Vorschau im Theme-Creator
Git-Repository: https://github.com/discourse/discourse-copy-codeblocks
Wie installiere ich ein Theme oder eine Theme-Komponente?

Diese Theme-Komponente fügt Codeblöcken in Discourse-Beiträgen eine Kopier-Schaltfläche hinzu – ideal für Communities, die Codebeispiele oder Wissensdatenbankartikel teilen, bei denen das Kopieren von Text erforderlich ist.

Auf dem Desktop erscheint die Kopier-Schaltfläche beim Hovern über den Block.

Auf Mobilgeräten wird die Kopier-Schaltfläche immer angezeigt, schiebt jedoch den Code im Block nach unten, um zu verhindern, dass die erste Codezeile bei zu langer Länge verdeckt wird.

Bitte beachten Sie, dass dies nur für Codeblöcke funktioniert, die mit ``` ``` erstellt wurden, nicht jedoch für Inline-Codeblöcke.

Dies ist ein Codeblock.
Kopieren Sie diesen Text.

Dies ist ein Inline-Codeblock. Kopieren funktioniert hier nicht.

Großer Dank an @j.jaffeux, der einen Großteil der anfänglichen Entwicklung hierfür übernommen hat.

[Falco]

Was ist der Unterschied zwischen diesem und https://meta.discourse.org/t/copy-option-for-code-blocks-in-discourse/60961?u=falco?

[j.jaffeux (Joffrey Jaffeux)]

Mehrere Punkte:

• keine vollständige Zwischenablage-Bibliothek wird eingebunden
• keine Abhängigkeit von jQuery
• keine undichten Event-Listener
• keine Abhängigkeit von mehreren Events
• Verwendung aktueller Coding-Standards
• kein Problem mit der Anführungszeichen-Quoting-Frage
• …

Ich bin mir nicht sicher, ob dies auch auf Mobilgeräten korrekt funktioniert.

[xrav3nz]

Toll!!

Ich frage mich, ob wir in Betracht ziehen, den lokalisierten Text „Kopieren

[justin (Justin DiRose)]

Ich bin offen dafür, eine Einstellung für die Komponente hinzuzufügen. Der Grund, warum ich mich für lokalisierten Text entschieden habe, ist, dass damit klar wird, was passiert. Außerdem kann Text eine geringere Höhe haben und trotzdem gut lesbar sein. Die Ästhetik passte für den Anwendungsfall einfach besser.

[codinghorror (Jeff Atwood)]

@j.jaffeux

Mehrere Dinge:

Es klingt so, als sollten wir das eine oder das andere entfernen oder veralten lassen und die Bemühungen bündeln?

[sam (Sam Saffron)]

Kleinigkeit: Die Verzögerung beim Kopieren ist auf meinem iPhone zu kurz. Der Text sollte etwa 3 Sekunden lang als „Kopiert

[justin (Justin DiRose)]

Hier geändert:

https://github.com/discourse/discourse-copy-codeblocks/commit/d1af36a4a5197dab4ca1dd62a05930088882de45

Außerdem wurden einige Fehler mit älteren Discourse-Versionen behoben, die @ember/runloop und Promise aus der rsvp-Bibliothek nicht zur Verfügung haben. (Vielen Dank an @jomaxro für die Berichte dazu)

[pfaffman (Jay Pfaffman)]

Entschuldigung, aber ein reicht diesmal nicht.

Toll! Das ist großartig. Das zusammen mit Placeholder Forms ist wirklich cool.

Was ich gerade damit gemacht habe

Replacing A Failed Hard Drive In A Software RAID1 Array

sfdisk -d /dev/=gooddev= | sfdisk /dev/=newdev=
mdadm --manage /dev/md1 --add /dev/=newdev=
mdadm --detail /dev/md1

Schau dir an, wie es funktioniert!

while true; do mdadm --detail /dev/md1|grep "Rebuild Status" ; sleep 10;done

Betriebsstunden für alle Laufwerke abrufen

for x in a b c d ; do smartctl -a /dev/sd$x|grep Power_On; done

[codinghorror (Jeff Atwood)]

Das gefällt mir sehr gut! Aber kann der Kopier-Button auf Mobilgeräten nur beim Tippen sichtbar sein? Ich bin ein bisschen enttäuscht über den ständigen Verlust von Bildschirmplatz auf Mobilgeräten durch eine zusätzliche Zeile für jeden Code-Block:

Andererseits wird mir klar:

• Code-Blöcke sind nicht so häufig
• da es eine optionale Funktion ist, würde man sie nur auf Seiten aktivieren, auf denen das Kopieren von Code-Blöcken tatsächlich eine häufige Tätigkeit ist

… das heißt … die Wahrscheinlichkeit, dass ein beliebiger Code-Block auf einem Mobilgerät kopiert wird, ist verschwindend gering. Daher finde ich das Verhältnis von Benutzeroberfläche zu Nutzung hier nicht ganz stimmig und würde lieber eine Funktion bevorzugen, die auf Mobilgeräten nur beim Tippen erscheint.

Nicht dringend.

[j.jaffeux (Joffrey Jaffeux)]

Ja, das ist eine absolut berechtigte Anfrage Ich teile diese Sorge ebenfalls, wir werden eine Lösung finden.

[codinghorror (Jeff Atwood)]

Selbst das wäre meiner Meinung auf Mobilgeräten vorzuziehen. Die Ausrichtung ist nicht ganz richtig, aber Sie verstehen das Prinzip:

(Auch wenn es Text usw. überlappt – ich bin mir nicht sicher, ob das es schwieriger oder einfacher macht als die Anzeige beim Tippen? )

[justin (Justin DiRose)]

Das hatten wir ursprünglich, aber es überlappte den Text, ohne dass man ihn sehen konnte. Die Idee, dass es beim Tippen sichtbar wird, gefällt mir. Ich werde das prüfen.

[codinghorror (Jeff Atwood)]

@justin

es überlappt den Text, ohne dass man ihn sehen kann

Auf dem Handy ist das ein deutlich besserer Kompromiss. Auf Laptop, Desktop oder Tablet ist der zusätzliche Platzverbrauch absolut in Ordnung.

[lcestou (Lutechi)]

Hallo,

ich würde dieses Tool gerne nutzen, aber sobald ich es für mein Grey-Amber-Theme aktiviert habe, wurde meine Website träge und zeitweise nicht mehr ansprechbar, bis ich es wieder deaktiviert habe.

Hat jemand ähnliches erlebt, oder kann die Aktivierung die VPS so stark belasten?

Die Seite besteht zu etwa 99,9 % aus einzelnen Codezeilen, und ich hatte gehofft, diese in Codeblöcke umzuwandeln. Es sollte also nicht so sein, dass bereits vorhandener Code zum Konvertieren abgerufen wird. Oder doch?

Muss ich dem Tool etwas Zeit geben, um sich zu normalisieren? Es hat die Website immer wieder vorübergehend lahmgelegt, und wenn manchmal doch eine Seite geladen wurde, erschien eine Fehlermeldung mit der Aufforderung „Nochmal versuchen

[codinghorror (Jeff Atwood)]

Oh wow, das klingt tatsächlich nach einem ernsten Fehler!

[riking (Kane York)]

Kleiner Fehler: Der Text „Kopieren“ kann in einem Zitat erscheinen. (Viel weniger gravierend als der vorherige Beitrag.)

@pfaffman

Kopieren

while true; do mdadm --detail /dev/md1|grep "Rebuild Status" ; sleep 10;done

Betriebszeit für alle Laufwerke ermitteln

Kopieren

for x in a b c d ; do smartctl -a /dev/sd$x|grep Power_On; done

Der button.copy-cmd muss aus dem Zitat ausgeschlossen werden. Das Anwenden von user-select: none im CSS behebt zwar Strg-C, aber nicht die Zitierfunktion.

[j.jaffeux (Joffrey Jaffeux)]

Hast du einen Link zu deiner Seite? Es scheint sehr seltsam, dass ein Theme dies verursachen könnte. Wie viele Codeblöcke hast du auf einer Seite?

[j.jaffeux (Joffrey Jaffeux)]

Ich habe hier also mehrere Änderungen vorgenommen. Da unsere Probleme waren:

• Platzmangel auf Mobilgeräten
• Fehler beim Kopieren von Text in Zitaten
• und wir die Anforderung hatten, ein Icon anstelle von Text zu verwenden

lag die offensichtliche Lösung, die all dies behebt… in der Verwendung eines Icons.

Auf Mobilgeräten ist es jetzt akzeptabel, es rechts zu platzieren, da es weniger Platz einnimmt und wir einfach etwas Abstand für den Text lassen können:

Nur eine kleine Unannehmlichkeit: Bei langen ERSTEN Zeilen wird es hinter dem Button versteckt. Ich denke, das ist akzeptabel, da man scrollen kann:

Und auf dem Desktop funktioniert es wie zuvor, ohne den Fehler beim Zitieren:

Bezüglich des möglichen Leistungsfehlers habe ich eine Seite mit Dutzenden von Codeblöcken getestet und hatte 0 Probleme. Daher benötige ich eine Reproduktion, bevor ich etwas unternehmen kann, @lcestou bitte.

Teste den neuen Codeblock hier:

rsync -a file.txt file_backup.txt
rsync -a /var/www/public_html/ /var/www/public_html_backup/

[justin (Justin DiRose)]

Diese Funktion ist jetzt im Kern von Discourse enthalten

Daher ist diese Theme-Komponente nun VERALTET. Sie funktioniert weiterhin für ältere Discourse-Instanzen, erhält jedoch keine Updates mehr.

Ich habe den ursprünglichen Beitrag aktualisiert, um diese Informationen widerzuspiegeln.