Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Save pesposito/ca535fd57c36cba15231cb1bee749dd8 to your computer and use it in GitHub Desktop.
Save pesposito/ca535fd57c36cba15231cb1bee749dd8 to your computer and use it in GitHub Desktop.
Copy/Paste for noVNC Proxmox
// ==UserScript==
// @name noVNC Paste for Proxmox French AZERTY Version
// @namespace http://tampermonkey.net/
// @version 0.2a
// @description Pastes text into a noVNC window (for use with Proxmox specifically)
// @author Chester Enright, fork PM Esposito
// @match https://*
// @include /^.*novnc.*/
// @require http://code.jquery.com/jquery-3.3.1.min.js
// @grant none
// ==/UserScript==
/* eslint-env jquery */
const delay = 1;
(function () {
'use strict';
const keyMap = {
'a': { key: 'q', keyCode: 65 }, 'b': { key: 'b', keyCode: 66 }, 'c': { key: 'c', keyCode: 67 },
'd': { key: 'd', keyCode: 68 }, 'e': { key: 'e', keyCode: 69 }, 'f': { key: 'f', keyCode: 70 },
'g': { key: 'g', keyCode: 71 }, 'h': { key: 'h', keyCode: 72 }, 'i': { key: 'i', keyCode: 73 },
'j': { key: 'j', keyCode: 74 }, 'k': { key: 'k', keyCode: 75 }, 'l': { key: 'l', keyCode: 76 },
'm': { key: ':', keyCode: 191 }, 'n': { key: 'n', keyCode: 78 }, 'o': { key: 'o', keyCode: 79 },
'p': { key: 'p', keyCode: 80 }, 'q': { key: 'a', keyCode: 81 }, 'r': { key: 'r', keyCode: 82 },
's': { key: 's', keyCode: 83 }, 't': { key: 't', keyCode: 84 }, 'u': { key: 'u', keyCode: 85 },
'v': { key: 'v', keyCode: 86 }, 'w': { key: 'z', keyCode: 87 }, 'x': { key: 'x', keyCode: 88 },
'y': { key: 'y', keyCode: 89 }, 'z': { key: 'w', keyCode: 90 },
'A': { key: 'Q', keyCode: 65, shiftKey: true }, 'B': { key: 'B', keyCode: 66, shiftKey: true },
'C': { key: 'C', keyCode: 67, shiftKey: true }, 'D': { key: 'D', keyCode: 68, shiftKey: true },
'E': { key: 'E', keyCode: 69, shiftKey: true }, 'F': { key: 'F', keyCode: 70, shiftKey: true },
'G': { key: 'G', keyCode: 71, shiftKey: true }, 'H': { key: 'H', keyCode: 72, shiftKey: true },
'I': { key: 'I', keyCode: 73, shiftKey: true }, 'J': { key: 'J', keyCode: 74, shiftKey: true },
'K': { key: 'K', keyCode: 75, shiftKey: true }, 'L': { key: 'L', keyCode: 76, shiftKey: true },
'M': { key: ':', keyCode: 220, shiftKey: true }, 'N': { key: 'N', keyCode: 78, shiftKey: true },
'O': { key: 'O', keyCode: 79, shiftKey: true }, 'P': { key: 'P', keyCode: 80, shiftKey: true },
'Q': { key: 'A', keyCode: 81, shiftKey: true }, 'R': { key: 'R', keyCode: 82, shiftKey: true },
'S': { key: 'S', keyCode: 83, shiftKey: true }, 'T': { key: 'T', keyCode: 84, shiftKey: true },
'U': { key: 'U', keyCode: 85, shiftKey: true }, 'V': { key: 'V', keyCode: 86, shiftKey: true },
'W': { key: 'Z', keyCode: 87, shiftKey: true }, 'X': { key: 'X', keyCode: 88, shiftKey: true },
'Y': { key: 'Y', keyCode: 89, shiftKey: true }, 'Z': { key: 'W', keyCode: 90, shiftKey: true },
'1': { key: '&', keyCode: 49, shiftKey: true }, '2': { key: 'é', keyCode: 50, shiftKey: true },
'3': { key: '"', keyCode: 51, shiftKey: true }, '4': { key: '\'', keyCode: 52, shiftKey: true },
'5': { key: '(', keyCode: 53, shiftKey: true }, '6': { key: '§', keyCode: 54, shiftKey: true },
'7': { key: 'è', keyCode: 55, shiftKey: true }, '8': { key: '!', keyCode: 56, shiftKey: true },
'9': { key: 'ç', keyCode: 57, shiftKey: true }, '0': { key: 'à', keyCode: 48, shiftKey: true },
'=': { key: '=', keyCode: 187 }, '(': { key: '(', keyCode: 53, },
')': { key: '-', keyCode: 189, shiftKey: false }, '&': { key: '&', keyCode: 49,},
';': { key: ',', keyCode: 188 }, '"': { key: '"', keyCode: 51, },
'+': { key: '+', keyCode: 187, shiftKey: true }, '_': { key: '_', keyCode: 56 },
'*': { key: '\\', keyCode: 220}, '-': { key: '^', keyCode: 219 },
'/': { key: '.', keyCode: 188, shiftKey: true }, '!': { key: '/', keyCode: 186 },
'\'': { key: '$', keyCode: 221 }, ',': { key: 'm', keyCode: 186 },
'?': { key: 'm', keyCode: 186, shiftKey: true }, '@': { key: '0', keyCode: 48, altKey: true },
'[': { key: '5', keyCode: 219, altKey: true }, ']': { key: '-', keyCode: 189, altKey: true },
'{': { key: '4', keyCode: 52, altKey: true }, '}': { key: '+', keyCode: 187, altKey: true },
'#': { key: '#', keyCode: 51, altKey: true }, '€': { key: 'e', keyCode: 69, altKey: true },
'é': { key: '2', keyCode: 50, shiftKey: false }, 'à': { key: '0', keyCode: 48, shiftKey: false },
'ç': { key: '9', keyCode: 57, shiftKey: false }, 'è': { key: '7', keyCode: 55, shiftKey: false },
'°': { key: '_', keyCode: 189, shiftKey: true }, ':': { key: '>', keyCode: 190, shiftKey: false },
'.': { key: ',', keyCode: 188, shiftKey: true }, '<': { key: '<', keyCode: 188 },
'|': { key: '|', keyCode: 54, altKey: true }, '˜': { key: '˜', keyCode: 50, altKey: true },
'^': { key: '^', keyCode: 57, altKey: true }, '\\': { key: '\\', keyCode: 56, altKey: true },
// OK : abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789=()&;"+_*-/!',?@[]{}#€éàçè°:˜|^\
// KO : %$`§ù£¨>
'%': { key: '%', keyCode: 39, shiftKey: true }, // shift + 5
'$': { key: '$', keyCode: 52, shiftKey: true }, // shift + 4
'`': { key: '`', keyCode: 192, shiftKey: false }, // alt + ` (en haut à gauche)
'§': { key: '§', keyCode: 22 }, // shift + !
'ù': { key: 'ù', keyCode: 219, shiftKey: false }, // directement sur la touche ù
'£': { key: '£', keyCode: 51, altKey: true }, // alt + 3
'¨': { key: '¨', keyCode: 222, shiftKey: true }, // shift + ^
'>': { key: '>', keyCode: 50 }
};
function sendKey(el, key, keyCode, shiftKey = false, altKey = false) {
let evt;
if (shiftKey) {
evt = new KeyboardEvent("keydown", { key: "Shift", keyCode: 16 });
el.dispatchEvent(evt);
}
if (altKey) {
evt = new KeyboardEvent("keydown", { key: "AltGraph", keyCode: 225 });
el.dispatchEvent(evt);
}
evt = new KeyboardEvent("keydown", { key: key, keyCode: keyCode, shiftKey: shiftKey, altKey: altKey });
el.dispatchEvent(evt);
evt = new KeyboardEvent("keyup", { key: key, keyCode: keyCode, shiftKey: shiftKey, altKey: altKey });
el.dispatchEvent(evt);
if (altKey) {
evt = new KeyboardEvent("keyup", { key: "AltGraph", keyCode: 225 });
el.dispatchEvent(evt);
}
if (shiftKey) {
evt = new KeyboardEvent("keyup", { key: "Shift", keyCode: 16 });
el.dispatchEvent(evt);
}
}
window.sendString = function(text) {
var el = document.getElementById("canvas-id");
text.split("").forEach((x, index) => {
setTimeout(() => {
if (keyMap[x]) {
sendKey(el, keyMap[x].key, keyMap[x].keyCode, keyMap[x].shiftKey, keyMap[x].altKey);
} else {
sendKey(el, x, x.charCodeAt(0));
}
}, delay * index);
});
};
$(document).ready(function() {
setTimeout(() => {
console.log("Starting up noVNC Copy/Paste (for Proxmox)");
$("canvas").attr("id", "canvas-id");
$("canvas").on("mousedown", (e) => {
if (e.button == 2) { // Right Click
let text = prompt("Enter text to paste:");
if (text != null) window.sendString(text);
}
});
}, 1000);
});
})();
@pesposito
Copy link
Author

pesposito commented Jun 15, 2024

Bonjour à tous,

J'ai forké l'excellent script de Amunchet afin de l'adapter au clavier Français.

Il permet d'avoir le copier coller à partir d'un clavier Azerty sur les consoles NoVNC proxmox.

(test OK avec chrome, firefox, brave)

Voici la procédure d'installation :

Installez l'extension Tampermonkey.
(https://chrome.google.com/webstore/detail/tampermonkey/dhdgffkkebhmkfjojejmpbldmpobfkfo?hl=en)

Attention, si vous êtes dans une entreprise et que le mode développeur du navigateur est verrouillé par l'administrateur, vous ne pourrez pas utiliser le script.

Copiez collez le script dans TamperMonkey (Tableau de bord, +), ctrl+v, puis enregistrer.

Capture d’écran 2024-06-15 à 22 15 36

Utilisation :
Copiez un texte (par exemple un mot de passe...)
Ouvrez la console NoVNC d'une Virtual Machine.

Cliquez avec le bouton droit et un popup apparaitra, vous pourrez y copier le mot de passe ou toute autre sequence de caractères.

Pour le moment, voici les caractères supportés :

    // OK : abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789=()&;"+_*-/!',?@[]{}#€éàçè°:˜|^\
    // KO : %$`§ù£¨>

Capture d’écran 2024-06-15 à 22 12 07

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment