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'
  }}
  ],
});

点击img图标会给我以下弹出窗口。

但点击弹出窗口内的照片图标已经死了。

任何帮助？

Answer 1

您的file_picker_callback函数并没有真正做任何事情......您需要做的是让该函数启用进程来选择文件。 TinyMCE文档有一个例子：

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