上传并插入文本区域

Question

我写了一个非常简单的php上传。但我想用“点击”在文本区域中插入图像。我想用jquery做这个。

是否有任何jquery插件可以执行此操作？ （或像stackoverflow中的上传应用程序）？ 提前致谢

Answer 1

检查http://elrte.org/。这是一个带文件管理器的jQuery WYSIWYG编辑器。

Answer 2

查找TinyMCE - 它不是jQuery的一部分，但是，它是一个JS库，它为您提供了一个带图像控制的WYSIWYG编辑器。

Answer 3

尝试CKEditor，它甚至可以使用jQuery。

Answer 4

提交后（在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();