使用javascript为google chrome扩展插件将文本插入文本区域

我正在尝试扩展现有google chrome扩展的功能。使用Wrike google chrome扩展，我的目标是添加一个按钮或多个按钮，这些按钮将向文本区域的描述字段添加一些文本。理想的效果是，如果用户单击Add Template（添加模板）按钮，代码/文本将插入到文本区域，id=description，这是Wrike chrome扩展的固有特性。下面你会发现一些我一直在使用的代码

这是表格的说明部分。位于createTask.html中

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

---

我可以让这段代码将'Sample text here'插入ID为的div中，但无法让它插入ID=description的textarea中。任何帮助都将不胜感激，如有必要，我非常乐意提供更详细的信息。谢谢

尝试使用element.value：

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

---

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

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

而不是

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

---

这将向文本区域的描述字段添加一些HTML表格和文本，这是不可能的，textareas不能包含html。

关于这个问题，有没有人有任何可能的解决方案可以将格式化文本添加到textarea，或者有其他解决方法？谢谢这很好用。谢谢我知道我错过了一些容易的东西。

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

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