如何閱讀谷歌Chrome擴展中的剪貼板文本

Question

我正在嘗試閱讀Google Chrome擴展中的剪貼板文本。到目前爲止，我已經嘗試過使用這些代碼，並且它返回給我的是未定義的。請幫助我。

在background.html我的代碼是

chrome.extension.onRequest.addListener(function(request, sender, sendResponse) { 
if (request.method == "getClipData") 
    sendResponse({data: document.execCommand('paste')}); 
else 
    sendResponse({}); // snub them. 
}); 

在我的內容腳本我的代碼是

chrome.extension.sendRequest({method: "getClipData"}, function(response) { 
    alert(response.data); 
}); 

Answer 1

仙界有一個實驗性API chrome.experimental.clipboard，但有沒有更多的http://code.google.com/chrome/extensions/trunk/experimental.clipboard.html

也許你應該嘗試：How do I copy to the clipboard in JavaScript?

更新： 我錯了 - 有可能。由於permissions page表示有「剪貼板閱讀」和「剪貼板寫」權限。所以也許他們會爲你工作。

Answer 2

爲了在Chrome擴展閱讀剪貼板文本，你必須：

• 請求「clipboardRead」許可，您的清單
• 創建一個後臺腳本，因爲只有後臺腳本可以訪問剪貼板
• 在您的後臺頁面中創建一個元素來接受剪貼板粘貼操作。如果你將它設置爲textarea，如果你將它設置爲contentEditable = true的div，你會得到格式化的HTML
• 如果你想將剪貼板數據傳回給頁面腳本，會需要使用消息傳遞API

要看到的這一切工作的例子，見我BBCodePaste擴展：

https://github.com/jeske/BBCodePaste

下面是如何讀取剪貼板文本一例背景網頁：

bg = chrome.extension.getBackgroundPage();  // get the background page 
bg.document.body.innerHTML= "";     // clear the background page 

// add a DIV, contentEditable=true, to accept the paste action 
var helperdiv = bg.document.createElement("div"); 
document.body.appendChild(helperdiv); 
helperdiv.contentEditable = true; 

// focus the helper div's content 
var range = document.createRange(); 
range.selectNode(helperdiv); 
window.getSelection().removeAllRanges(); 
window.getSelection().addRange(range); 
helperdiv.focus();  

// trigger the paste action 
bg.document.execCommand("Paste"); 

// read the clipboard contents from the helperdiv 
var clipboardContents = helperdiv.innerHTML;