const config = { 'title': false, 'stylesSet': false, 'customConfig': '', 'contentsCss': '', 'toolbarGroups': [ { name: 'spec' }, { name: 'styles' }, { name: 'basicstyles', groups: ['basicstyles', 'cleanup', 'bidi'] }, { name: 'colors' }, { name: 'paragraph', groups: ['list', 'indent', 'blocks', 'align'] }, { name: 'links' }, { name: 'insert' }, { name: 'document', groups: ['mode', 'document', 'doctools'] }, { name: 'others' } ], 'removePlugins': 'liststyle', 'removeButtons': 'Format,Undo,Redo,Cut,Copy,Paste,Anchor,Strike,Subscript,Superscript,Image,SelectAll,Source', 'removeDialogTabs': 'link:advanced;link:target;image:advanced;images:advanced', 'extraPlugins': 'plain,signature', 'allowedContent': true, 'extraAllowedContent': true, 'fillEmptyBlocks': false, 'ignoreEmptyParagraph': true, 'disableNativeSpellChecker': false, 'colorButton_enableAutomatic': false, 'colorButton_enableMore': true, 'font_defaultLabel': 'Arial', 'fontSize_defaultLabel': '13', 'fontSize_sizes': '10/10px;12/12px;13/13px;14/14px;16/16px;18/18px;20/20px;24/24px;28/28px;36/36px;48/48px' }, /** * @type {Object} */ htmlEditorLangsMap = { 'ar_sa': 'ar-sa', 'bg_bg': 'bg', 'cs_CZ': 'cs', 'de_de': 'de', 'el_gr': 'el', 'es_es': 'es', 'et_ee': 'et', 'fr_fr': 'fr', 'hu_hu': 'hu', 'is_is': 'is', 'it_it': 'it', 'ja_jp': 'ja', 'ko_kr': 'ko', 'lt_lt': 'lt', 'lv_lv': 'lv', 'fa_ir': 'fa', 'nb_no': 'nb', 'nl_nl': 'nl', 'pl_pl': 'pl', 'pt_br': 'pt-br', 'pt_pt': 'pt', 'ro_ro': 'ro', 'ru_ru': 'ru', 'sk_sk': 'sk', 'sl_si': 'sl', 'sv_se': 'sv', 'tr_tr': 'tr', 'uk_ua': 'uk', 'zh_cn': 'zh-cn', 'zh_tw': 'zh' }; export function createCKEditor(element) { const language = rl.settings.get('Language'), allowSource = !!rl.settings.app('allowHtmlEditorSourceButton'), biti = !!rl.settings.app('allowHtmlEditorBitiButtons'); if ((allowSource || !biti) && !config.toolbarGroups.__cfgInited) { config.toolbarGroups.__cfgInited = true; if (allowSource) { config.removeButtons = config.removeButtons.replace(',Source', ''); } if (!biti) { config.removePlugins += (config.removePlugins ? ',' : '') + 'bidi'; } } config.enterMode = CKEDITOR.ENTER_BR; config.shiftEnterMode = CKEDITOR.ENTER_P; config.language = htmlEditorLangsMap[(language || 'en').toLowerCase()] || 'en'; if (CKEDITOR.env) { CKEDITOR.env.isCompatible = true; } const editor = CKEDITOR.appendTo(element, config); editor.on('key', event => !(event && event.data && 'Tab' == event.data.key)); if (window.FileReader) { editor.on('drop', event => { if (0 < event.data.dataTransfer.getFilesCount()) { const file = event.data.dataTransfer.getFile(0); if (file && event.data.dataTransfer.id && file.type && file.type.match(/^image/i)) { const id = event.data.dataTransfer.id, imageId = `[img=${id}]`, reader = new FileReader(); reader.onloadend = () => { if (reader.result) { if ('wysiwyg' === editor.mode) { try { editor.setData(editor.getData().replace(imageId, ``)); } catch (e) {} // eslint-disable-line no-empty } } }; reader.readAsDataURL(file); event.data.dataTransfer.setData('text/html', imageId); } } }); } return editor; }