1 pièce(s) jointe(s)
Bouton Copy Table To Clipboard [Chrome Extension]
Bonjour,
Je tente désespérément de mettre en place un bouton qui copierait un tableau HTML dans le presse papier ce qui m'éviterait la tache du sélectionner / copier avec la souris.
manifest.json
Code:
1
2
3
4
|
"permissions": [
"clipboardWrite"
], |
dash.html
Code:
1
2
|
<button id="bt_copy">Copy To Clipboard</button> |
dash.js
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
|
function copyClipboard(boatrank) {
var htmlField, range, sel;
if (document.createRange && window.getSelection) {
htmlField = document.getElementById(boatrank);
range = document.createRange();
sel = window.getSelection();
sel.removeAllRanges();
try {
range.selectNode(htmlField);
sel.addRange(range);
} catch (e) {
range.selectNode(htmlField);
sel.addRange(range);
}
document.execCommand("copy");
}
sel.removeAllRanges();
alert("Copied !");
}
[...]
document.getElementById("bt_copy").addEventListener("click", controller.copyClipboard); |
Dans le code source de ma page html, le tableau est sous cette forme
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
|
<div id="boatrank">
<table class="tableAuto">
<thead class="sticky">
<tr>
<th id="th_name">Skipper</th>
<th id="th_rank">Rank</th>
</tr>
</thead>
<tbody>
<tr class="hov">
<td class="colLeft">need eyes</td>
<td class="colRight">77</td>
</tr>
<tr class="hov">
<td class="colLeft">85 LE FENNEC</td>
<td class="colRight">129</td>
</tr>
<tr class="hov">
<td class="colLeft">bellenuit</td>
<td class="colRight">204</td>
</tr>
</tbody>
</table>
</div> |
Ce code fonctionne sous jsfiddle => https://jsfiddle.net/6womj7dx/
mais ne fonctionne pas dans l'extension ... j'ai ceci en console
Pièce jointe 507855
Très honnêtement je comprends pas bien de quoi il en retourne et où je fais mal quelque chose ... Si on peut m'expliquer et m'aiguiller, ça serait bienvenue ;)
