Responsive filemanager для TinyMCE 6

Інше Mar 27, 2022
 Responsive filemanager TinyMCE 6

Responsivefilemanager is a very good file manager, it integrates easily with TinyMCE 4 and 5. But after the release of TinyMCE 6, everything has changed and you need to rewrite the integration for the new version of TinyMCE.

To understand what has changed there is a manual from the developers here.
In short, there are many changes, but we will not dwell on them in detail, and will fix the plugin from TinyMCE 5 to TinyMCE 6.

To get started, for the new version to work, you need to exclude plug-ins from the settings:

bbcode, colorpicker, contextmenu, fullpage, legacyoutput, spellchecker, textcolor

And all options that are no longer supported:

autoresize_on_init, content_editable_state, padd_empty_with_br, block_elements, boolean_attributes, editor_deselector, editor_selector, elements, file_browser_callback_types, filepicker_validator_handler, force_hex_style_colors, force_p_newlines, gecko_spellcheck, images_dataimg_filter, media_scripts, mode, move_caret_before_on_enter_elements, 'non_empty_elements, self_closing_elements, short_ended_elements, special, spellchecker_select_languages, spellchecker_whitelist, tab_focus, tabfocus_elements , table_responsive_width, text_block_elements, text_inline_elements, toolbar_drawer, types, validate, whitespace_elements, paste_enable_default_filters, paste_filter_drop, paste_word_valid_elements, paste_retain_style_properties, paste_convert_

To adapt the Responsivefilemanager version of TinyMCE 5 to TinyMCE 6 You need to:
Replace 

editor.settings.{here parameter name}

on

editor.getParam('{here parameter name}')

Example:

if  ( typeof editor.settings.filemanager_title ! ==  "undefined"  && editor.settings.filemanager_title )  { 
            title = editor.settings.filemanager_title 
  } 
// replace with 
if  ( typeof editor.getParam ( 'filemanager_title' )  ! ==  "undefined"  && editor.getParam ( 'filemanager_title' ))  { 
            title = editor.getParam ( 'filemanager_title' ) ; 
 }

If you do not want to do it yourself, you can download the finished file 
Link