使用Google扩展程序复制并粘贴到Wordpress中

时间:2016-04-04 23:41:03

标签: wordpress google-chrome-extension

我正在创建一个从一个页面复制文本的Chrome扩展程序。我想将内容发布到Wood Press中的Text视图,它具有以下HTML:

<div id="content-textarea-clone" class="wp-exclude-emoji" style="font-family: Consolas, Monaco, monospace; font-size: 13px; line-height: 19.5px; white-space: pre-wrap; word-wrap: break-word; width: 517px;">Test&amp;nbsp;</div>

我尝试使用以下内容更新此div的内容:

var art = document.getElementById("content-textarea-clone")
art.innerHTML = '<p>blah blah</p><p>blah blah blah</p>

无论我尝试什么它都行不通。这就像内容被重置一样。我猜这个页面中有一些javascript以某种方式重置这个内容。有没有办法让我更新元素content-textarea-clone的内容而不重置?

1 个答案:

答案 0 :(得分:0)

这与get selected/highlighted text html in gmail compose mail area有某种关系。如上所述,您将需要复制命令:

var copyText = document.execCommand('copy');

并粘贴:

$('#text-to-display').val(""); //reset textbox value
$('#text-to-display').focus(); //set focus to textbox
document.execCommand("Paste");

另请注意,在使用大多数Chrome API时,您的扩展程序或应用必须在&#34;权限&#34;中声明其意图。 manifest的字段。每个权限都可以是已知字符串列表中的一个,例如&#34; clipboardWrite&#34;这是托管应用程序所必需的,建议用于Declare Permissions中讨论的扩展程序和打包应用程序。