JS Clipboard in Drupal Verknüpfen
Eingetragen von TheOlyx (1)am 04.07.2017 - 15:50 Uhr in
Hallo @ll!
Freut mich nun ein Teil der deutschen Community zu sein! :)
Vor kurzem habe ich mir Drupal 8 installiert und komme für mein kleines fast gut zurecht.
Nur eine Sache kriege ich nicht gelöst, ich habe eine CSS Klasse ".clipboard" erstellt um ein Image-Button darzustellen, diese Klasse habe ich in meine View verknüpft (über die Feld-Konfi in der View) um mein Feld damit zu überschrieben:
{{field_random_team}}<div class="clipboard" value="{{field_random_team}}"></div>
~ es ist reines Text und soll mit ein Klick automatisch kopiert werden, ohne Markierung ~
Der Button wird mit die erstellte CSS Klasse genau so dargestellt wie ich es möchte, der Button ist an der richtigen Stelle, nur habe ich mit JS Schwierigkeiten:
Ich habe in mein Subtheme-Ordner ein Neues Ordner "/scripts" erstellt, dort habe ich eine clipboard.js mit folgenden Script den ich gegooglet habe:
function clipboard()
{
holdtext.innerText = copytext.innerText;
Copied = holdtext.createTextRange();
Copied.execCommand("Copy");
}und die benötigten Änderung an der [theme].libraries.yml durchgenommen, leider funktioniert das Kopieren beim Klick immer noch nicht, was mache ich Falsch oder was habe ich vergessen?
Kenne mich mit JS kaum aus!
Wäre für jede Hilfe dankbar!
LG
Olyx
- Anmelden oder Registrieren um Kommentare zu schreiben
Hi, 1. das wird nicht von
am 07.07.2017 - 09:25 Uhr
Hi,
1.
das wird nicht von allen Browsern unterstützt!
IE 10+, Chrome 43+, Firefox 41+, and Opera 29+ support these commands.
2.
man sollte niemals ohne Interaktion den Zwischenspeicher des Benutzers manipulieren!
Schau mal hier der 2. Kommentar, das könnte funktionieren:
https://stackoverflow.com/questions/400212/how-do-i-copy-to-the-clipboar...
Oder noch besser:
https://github.com/lgarron/clipboard.js
MfG
Robert