上傳並插入文本區域

Question

我寫了一個非常簡單的php上傳。但我想用「點擊」在文本區域插入圖像。我想用jQuery來做到這一點。

是否有任何的jQuery插件做到這一點的？ （或者像在stackoverflow中一樣上傳應用程序）？ 在此先感謝

Answer 1

提交（有關在here一些幫助）打電話到富文本區域並插入img標籤，這樣的事情後：

$('#imageform').bind('submit', function(e) { 
    e.preventDefault(); // <-- important 
    $(this).ajaxSubmit({ 
     target: '#preview', 
     success: function() { 
      $('#richtext_area').html('<img id"newimg" src="" alt="your file"/>'); 
      $('#newimg').attr("src",$("#filePath_text").val()) 
     }    
    }); 
}).submit(); 

Answer 2

查找TinyMCE - 它不是jQuery的一部分，但它是一個JS庫，它爲您提供了一個帶圖像控件的所見即所得編輯器。

Answer 3

嘗試CKEditor，它甚至可以使用jQuery。

Answer 4

檢查http://elrte.org/。這是一個帶有文件管理器的jQuery WYSIWYG編輯器。