TinyMCE - 画像のアップロード方法

Question

私は画像をアップロードし、それにクラスを与えて、エディタ内に配置しようとしています。ここに私の完全なtinymceコードです。

tinymce.init({ 
    selector: "#editor", 
    file_browser_callback_types: 'file image media', 
    menubar: false, 
    resize: false, 
    statusbar: false, 
    plugins: ["code autoresize autolink table image media"], 
    toolbar1: "undo redo bold italic alignleft aligncenter alignright alignjustify fontsizeselect bullist numlist outdent indent backcolor image media", 
    file_browser_callback: function(field_name, url, type, win) { 
      if(type=='image') $('#my_form input').click(); 
     }, 

    image_caption: true, 
    image_description: false, 
    image_dimensions: false, 
    image_advtab: true, 
    image_class_list: [ 
    {title: 'None', value: ''}, 
    {title: 'Dog', value: 'dog'}, 
    {title: 'Cat', value: 'cat'} 
    ], 
    style_formats: [ 
    {title: 'Image Left', selector: 'img', styles: { 
    'float' : 'left', 
    'margin': '0 10px 0 10px' 
    }}, 
    {title: 'Image Right', selector: 'img', styles: { 
    'float' : 'right', 
    'margin': '0 10px 0 10px' 
    }} 
    ], 
}); 

をクリックすると、次のポップアップが表示されます。

しかし、ポップアップが死んでいる内部の写真アイコンをクリックしてください。

助けが必要ですか？

Answer 1

あなたのfile_picker_callback関数は実際に何もしていません。あなたがする必要があるのは、その関数がプロセスにファイルを選択させることです。 TinyMCEのドキュメントには、次の例があります。

https://www.tinymce.com/docs/demo/file-picker/