Javascript - 在按钮点击时将特定文本粘贴到textarea

时间:2017-07-26 08:59:52

标签: javascript

我是Javascript的新手。我正在处理我的Django项目,我想添加一些按钮,如img按钮。这是一个例子:

enter image description here

因此,当用户单击textarea中的img按钮时,将添加以下文本:

<img src="[YOUR IMAGE]">

感谢您的帮助。

3 个答案:

答案 0 :(得分:0)

如果我正确理解了您的问题,您必须使用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小提琴链接:http://jsfiddle.net/qohdjovu/

这可能已在这里得到解答:Using jQuery to click the button and display the value of the button

脚本功能由:@R制作。 Canser Yanbakan

答案 1 :(得分:0)

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

假设我们使用了fontawesome字形。

在您将保留控件的文本区域上方创建一个栏

  <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>

为简单起见,我在按钮控件元素上使用了id,并使用JQuery来监听点击事件,使其更加简单。

$("#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}");
});

注意这是一个简单的&amp;帮助您入门的基本示例。 Glyphicons和JQuery只是我对这个问题的建议。

答案 2 :(得分:0)

如果您正在寻找更改按钮样式的方法,我建议您使用CSS而不是<img> HTML标记。

  • 具有默认background-image
  • 的未选定按钮的CSS类/ ID
  • 覆盖background-image或所选按钮
  • 的CSS类/ ID

您将使用javascript element.classList.add('.selected')element.classList.remove('.selected')

添加/删除课程