TinyMCE

Question

我正在尝试上传一张图片，给它一个 class，然后将它放在编辑器中。这是我完整的 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/

TinyMCE - 如何上传图片

TinyMCE - how to upload image

jquery