Javascript-单击按钮将特定文本粘贴到文本区域

我用Javascript编写了一个新代码。我正在做我的Django项目，我想添加一些按钮，比如img按钮。下面是一个例子：

因此，当用户单击文本区域中的img按钮时，将添加以下文本：

<img src="[YOUR IMAGE]">

---

谢谢您的帮助。

如果我正确理解了您的问题，您必须调用javascript中的函数来写入指定的元素，并在图像上使用onclick

比如：

onclick="document.location=this.id+'.html'

样本：

$(function(){
    var $display = $('#display');
    $display.val(0);

    $(document).on('click', 'button.number', function(){
        if($display.val() != 0) {
            $display.val($display.val() + $(this).val());
        } else {
            $display.val($(this).val());
        }

    });
});

JS Fiddle链接：

这可能已经在这里得到了回答：

---

脚本函数是由@R.Canser Yanbakan创建的

如果您还没有意识到图像，那么您需要的不仅仅是图像。我建议为此使用Glyphicons，这将简化一切，并将更加轻量级

假设我们使用了令人敬畏的字形

在文本区域上方创建一个栏，用于放置控件

  <section> 
       <i id="control-bold" class="fa fa-bold" aria-hidden="true"></i>
       <i id="control-italic" class="fa fa-italic" aria-hidden="true"></i>
    </section>
<textarea id="textarea"></textarea>

---

请注意，这是一个简单而基本的示例，可以帮助您入门。Glyphicons和JQuery只是我对这个问题的建议。

如果您想改变按钮样式，我建议您使用CSS而不是

HTML标记

• 带有默认背景图像的未选中按钮的CSS类/id
• 一个CSS类/id，它覆盖

  背景图像
  或所选按钮

---

您将使用javascript添加/删除类

element.classList.add（'.selected'）

或

element.classList.remove（'.selected'）

没有足够的信息来帮助您。如果您正在谈论在文本区域内插入img标签，则不可能。。。。。。。。textarea内不支持html标记。。。看看这个谢谢大家的帮助。我在这里找到了解决方案：

$("#control-bold").click(function(){
   //  Bold was clicked append {bold} to text area with whatever..
   $("#textarea").append("{bold}");
});

$("#control-italic").click(function(){
   //  Italic was clicked append {bold} to text area with whatever..
   $("#textarea").append("{bold}");
});