Блог

Я пытаюсь переместить tinymce с 4 на версию 5 и создал новый файл для добавления панели инструментов и плагина в tinymce, который называется filemanager.

итак, при перемещении я внес это изменение в файл плагина filemanager

 tinymce.PluginManager.add('filemanager', function(editor, url) {

    if (typeof fileManager != 'undefined') {
        var fileManager = editor.settings.fileManager_path;
    } else {
        var fileManager = editor.settings.url_converter_scope.baseURI.directory   '/plugins/filemanager/index.cfm'
    }
    
    // Add a button that opens a window
    editor.ui.registry.addButton('filemanager', {
        tooltip: 'Insert From My Files',
        icon: 'browse',
        onclick: showDialog
    });

    function showDialog() {
            editor.windowManager.open({ 
                url: fileManager,
                title: 'My Files Home',
                width: Number($(window).innerWidth()) - 40,
                height: Number($(window).innerHeight()) - 80  
            });

    }
    // Adds a menu item to the tools menu
    editor.ui.registry.addMenuItem('filemanager', {
        text: 'My Files',
        context: 'insert',
        icon: 'browse',
        onclick: showDialog
    });
});
 

и получил эту ошибку в theme.min.js

 Uncaught Error: Errors: 
Failed path: (toolbarbutton)
Could not find valid *strict* value for "onAction" in {
  "tooltip": "Insert From My Files",
  "icon": "browse",
  "type": "button"
}

Input object: {
  "tooltip": "Insert From My Files",
  "icon": "browse",
  "type": "button"
}
 

Обновление # 1

Внес пару изменений, но все равно ошибка

 tinymce.PluginManager.add('filemanager', function(editor, url) {
    var openDialog = function () {
    return editor.windowManager.open({
      title: 'My Files',
      width: Number($(window).innerWidth()) - 40,
      height: Number($(window).innerHeight()) - 80,
      onSubmit: function (api) {
        var data = api.getData();
        // Insert content when the window form is submitted
        editor.insertContent('Title: '   data.title);
        api.close();
      }
    });
  };

    
    // Add a button that opens a window
    editor.ui.registry.addButton('filemanager', {
        tooltip: 'Insert From My Files',
        icon: 'browse',
        onAction: function () {
            openDialog();
        }
    });

    // Adds a menu item to the tools menu
    editor.ui.registry.addMenuItem('filemanager', {
        text: 'My Files',
        context: 'insert',
        icon: 'browse',
        onAction: function() {
            openDialog();
        }
    });

    return {
        getMetadata: function () {
        if (typeof fileManager != 'undefined') {
            var fileManager = editor.settings.fileManager_path;
        } else {
            var fileManager = editor.settings.url_converter_scope.baseURI.directory   '/plugins/filemanager/index.cfm'
        }   
        return  {
            name: "Upload Files",
            url: filemanager
        };
        }
    };
});
 

Ошибка, которую я получаю сейчас, это

 Uncaught Error: Errors: 
Failed path: (dialog)
Could not find valid *strict* value for "body" in {
  "title": "My Files",
  "width": 1543,
  "height": 302
}
Failed path: (dialog)
Could not find valid *strict* value for "buttons" in {
  "title": "My Files",
  "width": 1543,
  "height": 302
}

Input object: {
  "title": "My Files",
  "width": 1543,
  "height": 302
}