Javascript Tinymce图片上传php插件什么的

我想上传图像形式本地和显示在文本区。。。有没有免费的插件，或者你能告诉我怎么写吗

我有以下代码：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script>
tinymce.init({
    selector: "textarea#elm1",
    theme: "modern",
    //width: 600,
    height: 300,
    file_browser_callback: function(field_name, url, type, win) {
        if(type=='image') $('.slike').click();
    },
    plugins: [
         "advlist autolink link image lists charmap print preview hr anchor pagebreak spellchecker",
         "searchreplace wordcount visualblocks visualchars code fullscreen insertdatetime media nonbreaking",
         "save table contextmenu directionality emoticons template paste textcolor ",
   ],
   content_css: "css/content.css",
   toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | l      ink image | print preview media fullpage | forecolor backcolor emoticons", 
   style_formats: [
        {title: 'Bold text', inline: 'b'},
        {title: 'Red text', inline: 'span', styles: {color: '#ff0000'}},
        {title: 'Red header', block: 'h1', styles: {color: '#ff0000'}},
        {title: 'Example 1', inline: 'span', classes: 'example1'},
        {title: 'Example 2', inline: 'span', classes: 'example2'},
        {title: 'Table styles'},
        {title: 'Table row 1', selector: 'tr', classes: 'tablerow1'}
    ],
 }); 
</script>

tinymce.init({
选择器：“textarea#elm1”，
主题：“现代”，
//宽度：600，
身高：300，
文件\浏览器\回调：函数（字段\名称、url、类型、win）{
如果（type=='image'）$（'.slike'）。单击（）；
},
插件：[
“advlist autolink图像列表charmap打印预览hr锚定页面中断拼写检查器”，
“searchreplace wordcount visualblocks visualchars代码全屏插入日期时间媒体非中断”，
“保存表格上下文菜单方向性表情模板粘贴文本颜色”，
],
content\u css：“css/content.css”，
工具栏：“插入文件撤消重做|样式选择|粗体斜体|对齐左对齐居中对齐右对齐对齐对齐|粗体numlist outdent缩进| l墨水图像|打印预览媒体全页|前景色背景色表情”，
样式和格式：[
{标题：“粗体文本”，内联：“b'}，
{标题：'Red text'，内联：'span'，样式：{color:'#ff0000'}}，
{title:'Red header'，block:'h1'，style:{color:'#ff0000'}}，
{title:'example1'，inline:'span'，classes:'example1'}，
{title:'example2'，inline:'span'，classes:'example2'}，
{title:'表格样式'}，
{title:'Table row 1'，选择器：'tr'，类：'tablerow 1'}
],
}); 

正文中的代码是：

<form id='my_form' action='' method='POST' enctype="multipart/form-data">
        Title:<br/>
        <input type='text' name='title'/><br/><br/>
        Content:<br/>
         <textarea id="elm1" name="area"></textarea>        
        <br/>
        <input class='slike' name="image[]" multiple="multiple" type="file">
        <input type='submit' name='submit' value='Ok!'/>
    </form>

标题：




内容：

几周前我也遇到了同样的问题

首先，重要的是要关注tinymce textarea会像web浏览器一样显示图像和元素，因此您必须为href atribute图像标签（外部发布的url或本地url）输入正确的路径

确保url后，将更改配置以避免tinyMce控件从代码中删除图像标签。通过这种配置（使用绝对路径），我得到了这一点：

我希望这段代码能帮助你

tinyMCE.init({
    ...
    //your initialization rules
    ...
    // Drop lists for link/image/media/template dialogs
    template_external_list_url : 'lists/template_list.js',
    external_link_list_url     : 'lists/link_list.js',
    external_image_list_url    : 'lists/image_list.js',
    media_external_list_url    : 'lists/media_list.js',
    relative_urls              : false,
    remove_script_host         : false,
    convert_urls               : true,
    extended_valid_elements    : 'iframe[src|frameborder|style|scrolling|class|width|height|name|align]'
    });