繁体   English   中英

TinyMCE-如何上传图片

[英]TinyMCE - how to upload image

我正在尝试上传图像,给它一个类,然后将其放置在编辑器中。 这是我完整的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图标会显示以下弹出窗口。

在此处输入图片说明

但是单击弹出窗口中的照片图标已死。

有什么帮助吗?

您的file_picker_callback函数实际上并没有做任何事情...您需要做的是让该函数启用进程来选择文件。 TinyMCE文档包含以下示例:

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

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM