tinymce 中缺少上传相关的浏览选项

Missing upload related browse option in tinymce

我正在开发 tinymce 富文本编辑器。 我在富文本菜单中使用了文件上传选项。 不幸的是,我无法获得文件上传弹出窗口的浏览选项 window。

预期结果: 摘自 https://codepen.io/nirajmchauhan/pen/EjQLpV

我的代码:

function loadTinyMCEEditor() {
        tinyMCE.init({
            selector: "textarea",
            theme: "modern",
            menu: { // this is the complete default configuration
                file: { title: 'File', items: 'newdocument' },
                edit: { title: 'Edit', items: 'undo redo | cut copy paste pastetext | selectall' },

                insert: { title: 'Insert', items: 'link media | template hr' },
                view: { title: 'View', items: 'visualaid' },
                format: { title: 'Format', items: 'bold italic underline strikethrough superscript subscript | formats | removeformat' },

                tools: { title: 'Tools', items: 'spellchecker code' }
            },
            plugins: [
  "advlist autolink lists link image charmap print preview hr anchor pagebreak",
  "searchreplace wordcount visualblocks visualchars code fullscreen",

            ],
            toolbar1: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image",

            toolbar_items_size: 'small',
            setup: function (ed) {
                ed.on('blur', function (x,e) {
                    debugger;
                    var x = $(x.target.editorContainer).find('iframe')[0];
                    var idis = $(x).attr('id');
                    var fields = idis.split('_');

                    var bp = fields[2];
                    var bplevel = fields[3];
                    tinyMCE.triggerSave();
                    var doc = document.getElementById(idis).contentDocument;
                    var g = doc.all[0]
                    var val = g.innerHTML
                    AutoSaveLevel(val, bp, bplevel);
                    console.log('blur event fired.');
                });
            }
        });
    }

文件夹图标是在 tiny.init() 配置对象中定义 file_picker_callback: 字段时创建的。

来自docs

Once you define file_picker_callback, small browse button will appear along the fields of supported file types (see file_picker_types).