Javascript - 將特定文本粘貼到textarea上點擊按鈕

-4

Javascript新功能。我正在處理我的Django項目，我想添加一些按鈕，如img按鈕。下面是例子：Javascript - 將特定文本粘貼到textarea上點擊按鈕

因此，當用戶會點擊IMG按鈕，在textarea的將被添加這樣的文字：

<img src="[YOUR IMAGE]">

感謝您的幫助。

來源

2017-07-26 jestembotem

沒有足夠的信息來幫助你。如果你正在討論在textarea裏面插入img標籤，這是不可能的........在textarea內沒有支持html標籤...檢查了這一點https://stackoverflow.com/questions/4705848/rendering-html- inside-textarea – Akki619

謝謝大家的幫助。我在這裏找到解決方案：https://stackoverflow.com/questions/17816924/how-to-add-text-to-textarea-when-user-clicks-a-button – jestembotem

如果我正確理解你的問題，你必須調用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

來源

2017-07-26 09:11:07 snapo

如果您還沒有意識到，您需要的不僅僅是一張圖片。我建議使用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}"); 
});

注意，這是一個簡單的&基本的例子，讓你開始。 Glyphicons和JQuery只是我對這個問題的建議。

來源

2017-07-26 09:14:48 Adriani6

如果您正在尋找一種方法來更改您的按鈕樣式，我會建議您使用CSS而不是<img>HTML標記。

爲缺省background-image
CSS類/ id，這將覆蓋background-image或選擇按鈕

你會添加/刪除使用javascript element.classList.add('.selected')或element.classList.remove('.selected')類未選擇按鈕CSS類/ ID

來源

2017-07-26 09:35:32 FXG

Javascript - 將特定文本粘貼到textarea上點擊按鈕

回答

相關問題