如何在鼠标单击事件中将复制的html内容从chrome扩展程序粘贴到浏览器主体(任何输入/文本框)中?

时间:2019-09-03 09:19:02

标签: javascript jquery google-chrome google-chrome-extension copy-paste

*为了更好地理解,请参阅以下屏幕:* https://ibb.co/982MWGB

我想在我的浏览器窗口上粘贴剪贴板中复制的HTML格式的内容(通过chrome扩展程序中通过document.execCommand('copy')复制的内容),该内容可以是浏览器上的任何活动标签,应该粘贴到我单击鼠标所在范围内的任何输入/文本区域/丰富编辑器中。

问题:我无法将控件分配给活动标签,也无法将复制的HTML格式的内容粘贴到我的点击上。

在我的情况下,我做了一个chrome扩展,其中有一个用户列表,因此,当我单击每个用户时,我会使用document.execCommand('copy');复制HTML格式的内容(不是字符串)并复制到剪贴板中。 我希望将其粘贴到单击鼠标的任何输入/文本区域/富编辑器中。

Manifest.json looks like

{
    "manifest_version": 2,
    "name": "ChromeExtension",
    "version": "1.0",
    "permissions": [
        "http://*/",
        "https://*/",
        "http://localhost/",
        "http://localhost/chromeextension/",
        "downloads",
        "activeTab",
        "declarativeContent",
        "storage",
        "tabs",
        "webNavigation",
        "notifications"
    ],
    "content_scripts": [{
        "matches": ["http://*/*", "https://*/*"]
    }],
    "content_scripts": [ {
        "matches": ["*://*/*"],
        "js": ["jquery.js", "quilljs.js", "popup.js"]
    }],
    "browser_action": {
        "default_icon": "icon.png",
        "default_title": "Custom Marketing Extension",
        "default_popup": "popup.html"
    },
    "background": {
        "scripts": ["background.js"],
        "persistent": true
    },
    "icons": {
        "16": "icon.png",
        "32": "icon.png",
        "48": "icon.png",
        "128": "icon.png"
    }
}

我希望能够将复制的内容粘贴到浏览器窗口的活动选项卡中。

1 个答案:

答案 0 :(得分:0)

其他人已经能够跨多个标签使用localsotrage。请参阅: browser sessionStorage. share between tabs?