Question

我正在尝试扩展现有Google Chrome扩展程序的功能。使用Wrike谷歌浏览器扩展程序，我的目标是添加一个按钮（或按钮），将一些文本添加到描述字段（textarea）。如果用户点击＆＃34;添加模板＆＃34;按钮，代码/文本将插入textarea，id =＆＃34; description＆＃34;这是Wrike镀铬扩展的原生。您将在下面找到我一直在使用的一些代码。

以下是表单的描述部分。位于createTask.html

<div class="main-description main-row">
    <textarea placeholder="Click to add description" id="description" class="main-description-text"></textarea>
</div>

这是我创建的按钮，它将启动将文本添加到textarea：

<span class="btn m-green btn-addtemp" id="link">Add Template</span>

在template.js中（在createTask.html中正确链接到外部.js文件：

function insertText(text) {
    document.getElementById("description").innerHTML = text;
}

document.addEventListener('DOMContentLoaded', function() {
    var link = document.getElementById('link');
    link.addEventListener('click', function() {
        insertText('Sample text here');
    });
});

我可以使用此代码在此处插入＆＃39;示例文本＆＃39;到具有ID的div，但无法将其插入具有id = description的textarea。任何帮助将不胜感激，如果有必要，我非常乐意提供更详细的信息。谢谢！

Answer 1

尝试使用element.value：

function insertText(text) {
    document.getElementById("description").value= text;
}

Answer 2

要插入textarea，请使用值属性：

function insertText(text) {
    document.getElementById("description").value= text;
}

而不是

function insertText(text) {
    document.getElementById("description").innerHTML = text;
}

Answer 3

＆＃34;它会在描述字段（textarea）中添加一些HTML表格和文本。＆＃34;，这不可能，textareas不能包含html。

使用javascript将文本插入textarea以进行Google Chrome扩展程序

3 个答案: