document.getElementById("paste").onclick = function () {
getClipboardText();
};
async function getClipboardText() {
try {
const items = await navigator.clipboard.read();
for (const item of items) {
if (item.types.includes("text/html")) {
const blob = await item.getType("text/html");
const html = await blob.text();
getSfdt(html);
return;
} else if (item.types.includes("text/plain")) {
const blob = await item.getType("text/plain");
const text = await blob.text();
container.documentEditor.editor.insertText(text);
return;
}
}
console.log(text);
} catch (err) {
console.error("Failed to read clipboard: ", err);
alert("Clipboard access denied or not supported.");
}
}
function getSfdt(html) {
let http = new XMLHttpRequest();
http.open("POST", container.serviceUrl + "SystemClipboard");
http.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
http.responseType = "text";
//Serialize document content as SFDT.
let sfdt = {
content: html,
type: ".html",
};
// Handle the server response
http.onreadystatechange = function () {
if (http.readyState === XMLHttpRequest.DONE && http.status === 200) {
let rtfContent = http.responseText;
// Proceed to save the RTF content as a file
console.log(http.response);
container.documentEditor.editor.paste(http.response);
}
};
//Send the sfdt content to server side.
http.send(JSON.stringify(sfdt));
}
