@oat-sa/tao-core-ui 3.16.2 → 3.17.0

package/dist/ckeditor/ckConfigurator.js

@@ -1,535 +1,536 @@
 define(['jquery', 'lodash', 'ui/ckeditor/dtdHandler', 'ckeditor', 'context', 'module', 'services/features'], function ($, _, dtdHandler, ckeditor, context, module, featuresService) { 'use strict';
 
-    $ = $ && Object.prototype.hasOwnProperty.call($, 'default') ? $['default'] : $;
-    _ = _ && Object.prototype.hasOwnProperty.call(_, 'default') ? _['default'] : _;
-    dtdHandler = dtdHandler && Object.prototype.hasOwnProperty.call(dtdHandler, 'default') ? dtdHandler['default'] : dtdHandler;
-    context = context && Object.prototype.hasOwnProperty.call(context, 'default') ? context['default'] : context;
-    module = module && Object.prototype.hasOwnProperty.call(module, 'default') ? module['default'] : module;
-    featuresService = featuresService && Object.prototype.hasOwnProperty.call(featuresService, 'default') ? featuresService['default'] : featuresService;
+  $ = $ && Object.prototype.hasOwnProperty.call($, 'default') ? $['default'] : $;
+  _ = _ && Object.prototype.hasOwnProperty.call(_, 'default') ? _['default'] : _;
+  dtdHandler = dtdHandler && Object.prototype.hasOwnProperty.call(dtdHandler, 'default') ? dtdHandler['default'] : dtdHandler;
+  context = context && Object.prototype.hasOwnProperty.call(context, 'default') ? context['default'] : context;
+  module = module && Object.prototype.hasOwnProperty.call(module, 'default') ? module['default'] : module;
+  featuresService = featuresService && Object.prototype.hasOwnProperty.call(featuresService, 'default') ? featuresService['default'] : featuresService;
 
+  /**
+   * This program is free software; you can redistribute it and/or
+   * modify it under the terms of the GNU General Public License
+   * as published by the Free Software Foundation; under version 2
+   * of the License (non-upgradable).
+   *
+   * This program is distributed in the hope that it will be useful,
+   * but WITHOUT ANY WARRANTY; without even the implied warranty of
+   * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+   * GNU General Public License for more details.
+   *
+   * You should have received a copy of the GNU General Public License
+   * along with this program; if not, write to the Free Software
+   * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
+   *
+   * Copyright (c) 2015-2022 (original work) Open Assessment Technologies SA ;
+   */
+
+  /**
+   * Cache original config
+   */
+  const originalConfig = _.cloneDeep(window.CKEDITOR.config);
+  const moduleConfig = module.config();
+  const furiganaPluginVisibilityKey = 'ckeditor/TaoFurigana';
+  // Check if decorations feature flag is explicitly set to false
+  const decorationsOn = context.featureFlags && context.featureFlags.FEATURE_FLAG_CKEDITOR_DECORATIONS !== false;
+  function getUserLanguage() {
+    const documentLang = window.document.documentElement.getAttribute('lang');
+    const documentLocale = documentLang && documentLang.split('-')[0];
+    return documentLocale;
+  }
+  const lang = getUserLanguage();
+  const ckConfigurator = function () {
     /**
-     * This program is free software; you can redistribute it and/or
-     * modify it under the terms of the GNU General Public License
-     * as published by the Free Software Foundation; under version 2
-     * of the License (non-upgradable).
-     *
-     * This program is distributed in the hope that it will be useful,
-     * but WITHOUT ANY WARRANTY; without even the implied warranty of
-     * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
-     * GNU General Public License for more details.
-     *
-     * You should have received a copy of the GNU General Public License
-     * along with this program; if not, write to the Free Software
-     * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
-     *
-     * Copyright (c) 2015-2022 (original work) Open Assessment Technologies SA ;
+     * Toolbar presets that you normally never would need to change, they can however be overridden with options.toolbar.
+     * The argument 'toolbarType' determines which toolbar to use
      */
+    const toolbarPresets = {
+      inline: [{
+        name: 'basicstyles',
+        items: ['Bold', 'Italic', 'Subscript', 'Superscript']
+      }, {
+        name: 'insert',
+        items: ['SpecialChar', 'TaoQtiTable', 'TaoTooltip']
+      }, {
+        name: 'links',
+        items: ['Link']
+      }, {
+        name: 'language',
+        items: ['Language']
+      }, {
+        name: 'styles',
+        items: ['Format']
+      }, {
+        name: 'paragraph',
+        items: ['NumberedList', 'BulletedList', '-', 'Blockquote', 'JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock']
+      }, {
+        name: 'interactionsource',
+        items: ['InteractionSource']
+      }],
+      flow: [{
+        name: 'basicstyles',
+        items: ['Bold', 'Italic', 'Subscript', 'Superscript']
+      }, {
+        name: 'insert',
+        items: ['SpecialChar', 'TaoQtiTable', 'TaoTooltip']
+      }, {
+        name: 'links',
+        items: ['Link']
+      }, {
+        name: 'language',
+        items: ['Language']
+      }, {
+        name: 'interactionsource',
+        items: ['InteractionSource']
+      }],
+      block: [{
+        name: 'basicstyles',
+        items: ['Bold', 'Italic', 'Subscript', 'Superscript']
+      }, {
+        name: 'insert',
+        items: ['Image', 'SpecialChar', 'TaoQtiTable', 'TaoTooltip']
+      }, {
+        name: 'links',
+        items: ['Link']
+      }, {
+        name: 'language',
+        items: ['Language']
+      }, {
+        name: 'styles',
+        items: ['Format']
+      }, {
+        name: 'paragraph',
+        items: ['NumberedList', 'BulletedList', '-', 'Blockquote', 'JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock']
+      }, {
+        name: 'interactionsource',
+        items: ['InteractionSource']
+      }],
+      extendedText: [{
+        name: 'basicstyles',
+        items: ['Bold', 'Italic', 'Underline', 'Subscript', 'Superscript']
+      }, {
+        name: 'insert',
+        items: ['SpecialChar', 'TaoTab', 'TaoUnTab']
+      }, {
+        name: 'paragraph',
+        items: ['NumberedList', 'BulletedList']
+      }, {
+        name: 'clipboard',
+        items: ['Cut', 'Copy', 'Paste']
+      }, {
+        name: 'history',
+        items: ['Undo', 'Redo']
+      }, {
+        name: 'textcolor',
+        items: ['TextColor']
+      }, {
+        name: 'font',
+        items: ['Font']
+      }, {
+        name: 'fontsize',
+        items: ['FontSize']
+      }],
+      htmlField: [{
+        name: 'basicstyles',
+        items: ['Bold', 'Italic', 'Underline']
+      }, {
+        name: 'exponent',
+        items: ['Subscript', 'Superscript']
+      }, {
+        name: 'fontstyles',
+        items: ['TextColor', 'Font', 'FontSize']
+      }, {
+        name: 'paragraph',
+        items: ['JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock']
+      }, {
+        name: 'indent',
+        items: ['TaoTab', 'TaoUnTab']
+      }, {
+        name: 'history',
+        items: ['Undo', 'Redo']
+      }, {
+        name: 'list',
+        items: ['NumberedList', 'BulletedList']
+      }, {
+        name: 'insert',
+        items: ['Link', 'SpecialChar']
+      }, {
+        name: 'language',
+        items: ['Language']
+      }, {
+        name: 'interactionsource',
+        items: ['InteractionSource']
+      }],
+      table: [{
+        name: 'basicstyles',
+        items: ['Bold', 'Italic', 'Subscript', 'Superscript']
+      }, {
+        name: 'insert',
+        items: ['SpecialChar', 'TaoQtiTable', 'TaoTooltip']
+      }, {
+        name: 'links',
+        items: ['Link']
+      }, {
+        name: 'paragraph',
+        items: ['JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock']
+      }, {
+        name: 'language',
+        items: ['Language']
+      }, {
+        name: 'interactionsource',
+        items: ['InteractionSource']
+      }]
+    };
 
     /**
-     * Cache original config
+     * defaults for editor configuration
      */
-    const originalConfig = _.cloneDeep(window.CKEDITOR.config);
-    const moduleConfig = module.config();
-    const furiganaPluginVisibilityKey = 'ckeditor/TaoFurigana';
-    const decorationsOn = !!(context.featureFlags && context.featureFlags.FEATURE_FLAG_CKEDITOR_DECORATIONS);
-    function getUserLanguage() {
-      const documentLang = window.document.documentElement.getAttribute('lang');
-      const documentLocale = documentLang && documentLang.split('-')[0];
-      return documentLocale;
+    const ckConfigDefault = {
+      disableAutoInline: true,
+      entities: false,
+      entities_processNumerical: true,
+      autoParagraph: false,
+      extraPlugins: 'confighelper, taolanguage, interactionsource',
+      floatSpaceDockedOffsetY: 0,
+      forcePasteAsPlainText: true,
+      skin: 'tao',
+      language: lang,
+      removePlugins: '',
+      linkShowAdvancedTab: false,
+      justifyClasses: ['txt-lft', 'txt-ctr', 'txt-rgt', 'txt-jty'],
+      linkShowTargetTab: false,
+      coreStyles_underline: {
+        element: 'span',
+        attributes: {
+          class: 'txt-underline'
+        }
+      },
+      coreStyles_strike: {
+        element: 'span',
+        attributes: {
+          class: 'txt-strike'
+        }
+      },
+      coreStyles_subscript: {
+        element: 'sub',
+        attributes: {
+          class: decorationsOn ? 'txt-subscript' : ''
+        }
+      },
+      coreStyles_superscript: {
+        element: 'sup',
+        attributes: {
+          class: decorationsOn ? 'txt-superscript' : ''
+        }
+      },
+      coreStyles_highlight: {
+        element: 'span',
+        attributes: {
+          class: 'txt-highlight'
+        }
+      },
+      specialChars: ['!', '"', '#', '$', '%', '&', "'", '(', ')', '*', '+', '-', '.', '/', '0', '1', '2', '3', '4', '5', '6', '7', '8', '9', ':', ';', ['<', 'Less than'], ['≤', 'Less than or equal to'], '≈', '=', '≠', ['≥', 'Greater than or equal to'], ['>', 'Greater than'], '?', '@', 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z', '[', ']', '^', '_', '`', 'a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n', 'o', 'p', 'q', 'r', 's', 't', 'u', 'v', 'w', 'x', 'y', 'z', '{', '|', '}', '~', '€', '‘', '’', '“', '”', '–', '—', '¡', '¢', '£', '¤', '¥', '¦', '§', '¨', '©', 'ª', '«', '¬', '®', '¯', '°', '²', '³', '´', 'µ', '¶', '·', '¸', '¹', 'º', '»', '¼', '½', '¾', '¿', 'À', 'Á', 'Â', 'Ã', 'Ä', 'Å', 'Æ', 'Ç', 'È', 'É', 'Ê', 'Ë', 'Ì', 'Í', 'Î', 'Ï', 'Ð', 'Ñ', 'Ò', 'Ó', 'Ô', 'Õ', 'Ö', '×', 'Ø', 'Ù', 'Ú', 'Û', 'Ü', 'Ý', 'Þ', 'ß', 'à', 'á', 'â', 'ã', 'ä', 'å', 'æ', 'ç', 'è', 'é', 'ê', 'ë', 'ì', 'í', 'î', 'ï', 'ð', 'ñ', 'ò', 'ó', 'ô', 'õ', 'ö', '÷', 'ø', 'ù', 'ú', 'û', 'ü', 'ý', 'þ', 'ÿ', 'Œ', 'œ', 'Ŵ', '&#374', '&#373', 'ŷ', '‚', '‛', '„', '…', '™', '►', '•', '→', '⇒', '⇔', '♦', '≈'],
+      disableNativeTableHandles: true
+    };
+    if (moduleConfig && moduleConfig.specialChars) {
+      ckConfigDefault.specialChars = moduleConfig.specialChars;
     }
-    const lang = getUserLanguage();
-    const ckConfigurator = function () {
-      /**
-       * Toolbar presets that you normally never would need to change, they can however be overridden with options.toolbar.
-       * The argument 'toolbarType' determines which toolbar to use
-       */
-      const toolbarPresets = {
-        inline: [{
-          name: 'basicstyles',
-          items: ['Bold', 'Italic', 'Subscript', 'Superscript']
-        }, {
-          name: 'insert',
-          items: ['SpecialChar', 'TaoQtiTable', 'TaoTooltip']
-        }, {
-          name: 'links',
-          items: ['Link']
-        }, {
-          name: 'language',
-          items: ['Language']
-        }, {
-          name: 'styles',
-          items: ['Format']
-        }, {
-          name: 'paragraph',
-          items: ['NumberedList', 'BulletedList', '-', 'Blockquote', 'JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock']
-        }, {
-          name: 'interactionsource',
-          items: ['InteractionSource']
-        }],
-        flow: [{
-          name: 'basicstyles',
-          items: ['Bold', 'Italic', 'Subscript', 'Superscript']
-        }, {
-          name: 'insert',
-          items: ['SpecialChar', 'TaoQtiTable', 'TaoTooltip']
-        }, {
-          name: 'links',
-          items: ['Link']
-        }, {
-          name: 'language',
-          items: ['Language']
-        }, {
-          name: 'interactionsource',
-          items: ['InteractionSource']
-        }],
-        block: [{
-          name: 'basicstyles',
-          items: ['Bold', 'Italic', 'Subscript', 'Superscript']
-        }, {
-          name: 'insert',
-          items: ['Image', 'SpecialChar', 'TaoQtiTable', 'TaoTooltip']
-        }, {
-          name: 'links',
-          items: ['Link']
-        }, {
-          name: 'language',
-          items: ['Language']
-        }, {
-          name: 'styles',
-          items: ['Format']
-        }, {
-          name: 'paragraph',
-          items: ['NumberedList', 'BulletedList', '-', 'Blockquote', 'JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock']
-        }, {
-          name: 'interactionsource',
-          items: ['InteractionSource']
-        }],
-        extendedText: [{
-          name: 'basicstyles',
-          items: ['Bold', 'Italic', 'Underline', 'Subscript', 'Superscript']
-        }, {
-          name: 'insert',
-          items: ['SpecialChar', 'TaoTab', 'TaoUnTab']
-        }, {
-          name: 'paragraph',
-          items: ['NumberedList', 'BulletedList']
-        }, {
-          name: 'clipboard',
-          items: ['Cut', 'Copy', 'Paste']
-        }, {
-          name: 'history',
-          items: ['Undo', 'Redo']
-        }, {
-          name: 'textcolor',
-          items: ['TextColor']
-        }, {
-          name: 'font',
-          items: ['Font']
-        }, {
-          name: 'fontsize',
-          items: ['FontSize']
-        }],
-        htmlField: [{
-          name: 'basicstyles',
-          items: ['Bold', 'Italic', 'Underline']
-        }, {
-          name: 'exponent',
-          items: ['Subscript', 'Superscript']
-        }, {
-          name: 'fontstyles',
-          items: ['TextColor', 'Font', 'FontSize']
-        }, {
-          name: 'paragraph',
-          items: ['JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock']
-        }, {
-          name: 'indent',
-          items: ['TaoTab', 'TaoUnTab']
-        }, {
-          name: 'history',
-          items: ['Undo', 'Redo']
-        }, {
-          name: 'list',
-          items: ['NumberedList', 'BulletedList']
-        }, {
-          name: 'insert',
-          items: ['Link', 'SpecialChar']
-        }, {
-          name: 'language',
-          items: ['Language']
-        }, {
-          name: 'interactionsource',
-          items: ['InteractionSource']
-        }],
-        table: [{
-          name: 'basicstyles',
-          items: ['Bold', 'Italic', 'Subscript', 'Superscript']
-        }, {
-          name: 'insert',
-          items: ['SpecialChar', 'TaoQtiTable', 'TaoTooltip']
-        }, {
-          name: 'links',
-          items: ['Link']
-        }, {
-          name: 'paragraph',
-          items: ['JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock']
-        }, {
-          name: 'language',
-          items: ['Language']
-        }, {
-          name: 'interactionsource',
-          items: ['InteractionSource']
-        }]
-      };
-
-      /**
-       * defaults for editor configuration
-       */
-      const ckConfigDefault = {
-        disableAutoInline: true,
-        entities: false,
-        entities_processNumerical: true,
-        autoParagraph: false,
-        extraPlugins: 'confighelper, taolanguage, interactionsource',
-        floatSpaceDockedOffsetY: 0,
-        forcePasteAsPlainText: true,
-        skin: 'tao',
-        language: lang,
-        removePlugins: '',
-        linkShowAdvancedTab: false,
-        justifyClasses: ['txt-lft', 'txt-ctr', 'txt-rgt', 'txt-jty'],
-        linkShowTargetTab: false,
-        coreStyles_underline: {
-          element: 'span',
-          attributes: {
-            class: 'txt-underline'
-          }
-        },
-        coreStyles_strike: {
-          element: 'span',
-          attributes: {
-            class: 'txt-strike'
-          }
-        },
-        coreStyles_subscript: {
-          element: 'sub',
-          attributes: {
-            class: decorationsOn ? 'txt-subscript' : ''
-          }
-        },
-        coreStyles_superscript: {
-          element: 'sup',
-          attributes: {
-            class: decorationsOn ? 'txt-superscript' : ''
-          }
-        },
-        coreStyles_highlight: {
-          element: 'span',
-          attributes: {
-            class: 'txt-highlight'
-          }
-        },
-        specialChars: ['!', '"', '#', '$', '%', '&', "'", '(', ')', '*', '+', '-', '.', '/', '0', '1', '2', '3', '4', '5', '6', '7', '8', '9', ':', ';', ['<', 'Less than'], ['≤', 'Less than or equal to'], '≈', '=', '≠', ['≥', 'Greater than or equal to'], ['>', 'Greater than'], '?', '@', 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z', '[', ']', '^', '_', '`', 'a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n', 'o', 'p', 'q', 'r', 's', 't', 'u', 'v', 'w', 'x', 'y', 'z', '{', '|', '}', '~', '€', '‘', '’', '“', '”', '–', '—', '¡', '¢', '£', '¤', '¥', '¦', '§', '¨', '©', 'ª', '«', '¬', '®', '¯', '°', '²', '³', '´', 'µ', '¶', '·', '¸', '¹', 'º', '»', '¼', '½', '¾', '¿', 'À', 'Á', 'Â', 'Ã', 'Ä', 'Å', 'Æ', 'Ç', 'È', 'É', 'Ê', 'Ë', 'Ì', 'Í', 'Î', 'Ï', 'Ð', 'Ñ', 'Ò', 'Ó', 'Ô', 'Õ', 'Ö', '×', 'Ø', 'Ù', 'Ú', 'Û', 'Ü', 'Ý', 'Þ', 'ß', 'à', 'á', 'â', 'ã', 'ä', 'å', 'æ', 'ç', 'è', 'é', 'ê', 'ë', 'ì', 'í', 'î', 'ï', 'ð', 'ñ', 'ò', 'ó', 'ô', 'õ', 'ö', '÷', 'ø', 'ù', 'ú', 'û', 'ü', 'ý', 'þ', 'ÿ', 'Œ', 'œ', 'Ŵ', '&#374', '&#373', 'ŷ', '‚', '‛', '„', '…', '™', '►', '•', '→', '⇒', '⇔', '♦', '≈'],
-        disableNativeTableHandles: true
-      };
-      if (moduleConfig && moduleConfig.specialChars) {
-        ckConfigDefault.specialChars = moduleConfig.specialChars;
-      }
 
-      /**
-       * Insert positioned plugins at position specified in options.positionedPlugins
-       *
-       * @param {Object} ckConfig
-       * @param {Object} positionedPlugins
-       */
-      const _updatePlugins = function (ckConfig, positionedPlugins) {
-        let itCnt,
-          tbCnt = ckConfig.toolbar.length,
-          itLen,
-          method,
-          plugin,
-          index,
-          separator,
-          idxItem,
-          numToReplace,
-          stringVal,
-          stringVals = {},
-          i;
-        positionedPlugins = positionedPlugins || {};
+    /**
+     * Insert positioned plugins at position specified in options.positionedPlugins
+     *
+     * @param {Object} ckConfig
+     * @param {Object} positionedPlugins
+     */
+    const _updatePlugins = function (ckConfig, positionedPlugins) {
+      let itCnt,
+        tbCnt = ckConfig.toolbar.length,
+        itLen,
+        method,
+        plugin,
+        index,
+        separator,
+        idxItem,
+        numToReplace,
+        stringVal,
+        stringVals = {},
+        i;
+      positionedPlugins = positionedPlugins || {};
 
-        // add positioned plugins to extraPlugins and let CKEDITOR take care of their registration
-        ckConfig.extraPlugins = function (positionedPluginArr, extraPlugins) {
-          let pluginIndex = positionedPluginArr.length;
-          let extraPluginArr = extraPlugins.split(',');
-          const NATIVE_BUTTONS = new Set(['bold', 'italic', 'underline', 'strike', 'subscript', 'superscript', 'numberedlist', 'bulletedlist', 'blockquote', 'justifyleft', 'justifycenter', 'justifyright', 'justifyblock', 'link', 'unlink', 'image', 'specialchar', 'format', 'font', 'fontsize', 'textcolor', 'language']);
-          while (pluginIndex--) {
-            positionedPluginArr[pluginIndex] = positionedPluginArr[pluginIndex].toLowerCase();
-          }
-          positionedPluginArr = positionedPluginArr.filter(p => !NATIVE_BUTTONS.has(p));
-          extraPluginArr = _.compact(_.union(extraPluginArr, positionedPluginArr));
-          return extraPluginArr.join(',');
-        }(_.keys(positionedPlugins), ckConfig.extraPlugins);
+      // add positioned plugins to extraPlugins and let CKEDITOR take care of their registration
+      ckConfig.extraPlugins = function (positionedPluginArr, extraPlugins) {
+        let pluginIndex = positionedPluginArr.length;
+        let extraPluginArr = extraPlugins.split(',');
+        const NATIVE_BUTTONS = new Set(['bold', 'italic', 'underline', 'strike', 'subscript', 'superscript', 'numberedlist', 'bulletedlist', 'blockquote', 'justifyleft', 'justifycenter', 'justifyright', 'justifyblock', 'link', 'unlink', 'image', 'specialchar', 'format', 'font', 'fontsize', 'textcolor', 'language']);
+        while (pluginIndex--) {
+          positionedPluginArr[pluginIndex] = positionedPluginArr[pluginIndex].toLowerCase();
+        }
+        positionedPluginArr = positionedPluginArr.filter(p => !NATIVE_BUTTONS.has(p));
+        extraPluginArr = _.compact(_.union(extraPluginArr, positionedPluginArr));
+        return extraPluginArr.join(',');
+      }(_.keys(positionedPlugins), ckConfig.extraPlugins);
 
-        // capture line breaks (/) and such
-        // and turn them into a objects temporarily
-        for (i = 0; i < tbCnt; i++) {
-          if (_.isString(ckConfig.toolbar[i])) {
-            stringVals[i] = ckConfig.toolbar[i];
-            ckConfig.toolbar[i] = {
-              items: []
-            };
-          }
+      // capture line breaks (/) and such
+      // and turn them into a objects temporarily
+      for (i = 0; i < tbCnt; i++) {
+        if (_.isString(ckConfig.toolbar[i])) {
+          stringVals[i] = ckConfig.toolbar[i];
+          ckConfig.toolbar[i] = {
+            items: []
+          };
         }
+      }
 
-        // add positioned plugins to toolbar
-        for (plugin in positionedPlugins) {
-          method = function (pluginProps) {
-            let propIndex = pluginProps.length;
-            while (propIndex--) {
-              if (pluginProps[propIndex].indexOf('insert') === 0 || pluginProps[propIndex] === 'replace') {
-                return pluginProps[propIndex];
-              }
+      // add positioned plugins to toolbar
+      for (plugin in positionedPlugins) {
+        method = function (pluginProps) {
+          let propIndex = pluginProps.length;
+          while (propIndex--) {
+            if (pluginProps[propIndex].indexOf('insert') === 0 || pluginProps[propIndex] === 'replace') {
+              return pluginProps[propIndex];
             }
-            throw new Error('Missing key insertBefore | insertAfter | replace in positionedPlugins');
-          }(_.keys(positionedPlugins[plugin]));
+          }
+          throw new Error('Missing key insertBefore | insertAfter | replace in positionedPlugins');
+        }(_.keys(positionedPlugins[plugin]));
 
-          // the item to insert before | after
-          idxItem = positionedPlugins[plugin][method].toLowerCase();
-          separator = positionedPlugins[plugin].separator || false;
-          index = -1;
+        // the item to insert before | after
+        idxItem = positionedPlugins[plugin][method].toLowerCase();
+        separator = positionedPlugins[plugin].separator || false;
+        index = -1;
 
-          // each button row
-          while (tbCnt--) {
-            itLen = ckConfig.toolbar[tbCnt].items.length;
+        // each button row
+        while (tbCnt--) {
+          itLen = ckConfig.toolbar[tbCnt].items.length;
 
-            // each item in row
-            for (itCnt = 0; itCnt < itLen; itCnt++) {
-              if (ckConfig.toolbar[tbCnt].items[itCnt].toLowerCase() === idxItem) {
-                index = itCnt;
-                break;
-              }
-            }
-            //continue
-            if (index > -1) {
-              numToReplace = method === 'replace' ? 1 : 0;
-              if (method === 'insertAfter') {
-                index++;
-              }
-              if (separator) {
-                ckConfig.toolbar[tbCnt].items.splice(index, numToReplace, '-');
-                index++;
-              }
-              ckConfig.toolbar[tbCnt].items.splice(index, numToReplace, plugin);
+          // each item in row
+          for (itCnt = 0; itCnt < itLen; itCnt++) {
+            if (ckConfig.toolbar[tbCnt].items[itCnt].toLowerCase() === idxItem) {
+              index = itCnt;
               break;
             }
           }
-          // reset tbCnt
-          tbCnt = ckConfig.toolbar.length;
+          //continue
+          if (index > -1) {
+            numToReplace = method === 'replace' ? 1 : 0;
+            if (method === 'insertAfter') {
+              index++;
+            }
+            if (separator) {
+              ckConfig.toolbar[tbCnt].items.splice(index, numToReplace, '-');
+              index++;
+            }
+            ckConfig.toolbar[tbCnt].items.splice(index, numToReplace, plugin);
+            break;
+          }
         }
+        // reset tbCnt
+        tbCnt = ckConfig.toolbar.length;
+      }
 
-        // re-add toolbar line breaks
-        for (stringVal in stringVals) {
-          ckConfig.toolbar[stringVal] = stringVals[stringVal];
-        }
-      };
-      const _switchDtd = function _switchDtd(dtdMode) {
-        dtdHandler.setMode(dtdMode);
-        window.CKEDITOR.dtd = dtdHandler.getDtd();
-      };
+      // re-add toolbar line breaks
+      for (stringVal in stringVals) {
+        ckConfig.toolbar[stringVal] = stringVals[stringVal];
+      }
+    };
+    const _switchDtd = function _switchDtd(dtdMode) {
+      dtdHandler.setMode(dtdMode);
+      window.CKEDITOR.dtd = dtdHandler.getDtd();
+    };
 
-      /**
-       * Generate a configuration object for CKEDITOR
-       *
-       * @param editor instance of ckeditor
-       * @param toolbarType block | inline | flow | qtiBlock | qtiInline | qtiFlow | htmlField | reset to get back to normal
-       * @param {Object} [options] - is based on the CKEDITOR config object with some additional sugar
-       *        Note that it's here you need to add parameters for the resource manager.
-       *        Some options are not covered in http://docs.ckeditor.com/#!/api/CKEDITOR.config
-       * @param [options.dtdOverrides] - @see dtdOverrides which pre-defines them
-       * @param {Object} [options.positionedPlugins] - @see ckConfig.positionedPlugins
-       * @param {Boolean} [options.qtiImage] - enables the qtiImage plugin
-       * @param {Boolean} [options.qtiMedia] - enables the qtiMedia plugin
-       * @param {Boolean} [options.qtiInclude] - enables the qtiInclude plugin
-       * @param {Boolean} [options.underline] - enables the underline plugin
-       * @param {Boolean} [options.highlight] - enables the highlight plugin
-       * @param {Boolean} [options.mathJax] - enables the mathJax plugin
-       * @param {Boolean} [options.horizontalRule] - enables the horizontalRule plugin
-       * @param {Boolean} [options.furiganaPlugin] - enables the furiganaPlugin plugin if feature flag is set
-       * @param {String} [options.removePlugins] - a coma-separated list of plugins that should not be loaded: 'plugin1,plugin2,plugin3'
-       *
-       * @see http://docs.ckeditor.com/#!/api/CKEDITOR.config
-       */
-      const getConfig = function (editor, toolbarType, options) {
-        let toolbar, toolbars, config, dtdMode;
+    /**
+     * Generate a configuration object for CKEDITOR
+     *
+     * @param editor instance of ckeditor
+     * @param toolbarType block | inline | flow | qtiBlock | qtiInline | qtiFlow | htmlField | reset to get back to normal
+     * @param {Object} [options] - is based on the CKEDITOR config object with some additional sugar
+     *        Note that it's here you need to add parameters for the resource manager.
+     *        Some options are not covered in http://docs.ckeditor.com/#!/api/CKEDITOR.config
+     * @param [options.dtdOverrides] - @see dtdOverrides which pre-defines them
+     * @param {Object} [options.positionedPlugins] - @see ckConfig.positionedPlugins
+     * @param {Boolean} [options.qtiImage] - enables the qtiImage plugin
+     * @param {Boolean} [options.qtiMedia] - enables the qtiMedia plugin
+     * @param {Boolean} [options.qtiInclude] - enables the qtiInclude plugin
+     * @param {Boolean} [options.underline] - enables the underline plugin
+     * @param {Boolean} [options.highlight] - enables the highlight plugin
+     * @param {Boolean} [options.mathJax] - enables the mathJax plugin
+     * @param {Boolean} [options.horizontalRule] - enables the horizontalRule plugin
+     * @param {Boolean} [options.furiganaPlugin] - enables the furiganaPlugin plugin if feature flag is set
+     * @param {String} [options.removePlugins] - a coma-separated list of plugins that should not be loaded: 'plugin1,plugin2,plugin3'
+     *
+     * @see http://docs.ckeditor.com/#!/api/CKEDITOR.config
+     */
+    const getConfig = function (editor, toolbarType, options) {
+      let toolbar, toolbars, config, dtdMode;
 
-        // This is different from CKEDITOR.config.extraPlugins since it also allows to position the button
-        // Valid positioning keys are insertAfter | insertBefore | replace followed by the button name, e.g. 'Anchor'
-        // separator bool, defaults to false
-        let positionedPlugins = {};
-        if (toolbarType === 'reset') {
-          return originalConfig;
-        }
-        options = options || {};
-        options.resourcemgr = options.resourcemgr || {};
-        toolbars = _.cloneDeep(toolbarPresets);
-        dtdMode = options.dtdMode || 'html';
-        const ckConfig = _.cloneDeep(ckConfigDefault);
+      // This is different from CKEDITOR.config.extraPlugins since it also allows to position the button
+      // Valid positioning keys are insertAfter | insertBefore | replace followed by the button name, e.g. 'Anchor'
+      // separator bool, defaults to false
+      let positionedPlugins = {};
+      if (toolbarType === 'reset') {
+        return originalConfig;
+      }
+      options = options || {};
+      options.resourcemgr = options.resourcemgr || {};
+      toolbars = _.cloneDeep(toolbarPresets);
+      dtdMode = options.dtdMode || 'html';
+      const ckConfig = _.cloneDeep(ckConfigDefault);
 
-        // modify DTD to either comply with QTI or XHTML
-        if (dtdMode === 'qti' || toolbarType.indexOf('qti') === 0) {
-          toolbarType = toolbarType.slice(3).toLowerCase();
-          ckConfig.allowedContent = true;
-          ckConfig.autoParagraph = false;
-          dtdMode = 'qti';
-        }
+      // modify DTD to either comply with QTI or XHTML
+      if (dtdMode === 'qti' || toolbarType.indexOf('qti') === 0) {
+        toolbarType = toolbarType.slice(3).toLowerCase();
+        ckConfig.allowedContent = true;
+        ckConfig.autoParagraph = false;
+        dtdMode = 'qti';
+      }
 
-        // modify plugins - this will change the toolbar too
-        // this would add the qti plugins in positionedPlugins
-        if (dtdMode === 'qti') {
-          if (options.qtiMedia) {
-            positionedPlugins.TaoQtiMedia = {
-              insertAfter: 'SpecialChar'
-            };
-          }
-          if (options.qtiImage) {
-            positionedPlugins.TaoQtiImage = {
-              insertAfter: 'SpecialChar'
-            };
-          }
-          if (options.qtiInclude) {
-            positionedPlugins.TaoQtiInclude = {
-              insertAfter: 'SpecialChar'
+      // modify plugins - this will change the toolbar too
+      // this would add the qti plugins in positionedPlugins
+      if (dtdMode === 'qti') {
+        if (options.qtiMedia) {
+          positionedPlugins.TaoQtiMedia = {
+            insertAfter: 'SpecialChar'
+          };
+        }
+        if (options.qtiImage) {
+          positionedPlugins.TaoQtiImage = {
+            insertAfter: 'SpecialChar'
+          };
+        }
+        if (options.qtiInclude) {
+          positionedPlugins.TaoQtiInclude = {
+            insertAfter: 'SpecialChar'
+          };
+        }
+        if (decorationsOn) {
+          positionedPlugins.Strike = {
+            insertAfter: 'Italic'
+          };
+          if (options.underline) {
+            positionedPlugins.TaoUnderline = {
+              insertAfter: 'Strike'
             };
           }
-          if (decorationsOn) {
-            positionedPlugins.Strike = {
+        } else {
+          if (options.underline) {
+            positionedPlugins.Underline = {
               insertAfter: 'Italic'
             };
-            if (options.underline) {
-              positionedPlugins.TaoUnderline = {
-                insertAfter: 'Strike'
-              };
-            }
-          } else {
-            if (options.underline) {
-              positionedPlugins.Underline = {
-                insertAfter: 'Italic'
-              };
-            }
-          }
-          if (options.highlight) {
-            positionedPlugins.TaoHighlight = {
-              insertAfter: decorationsOn && options.underline ? 'TaoUnderline' : options.underline ? 'Underline' : 'Italic'
-            };
           }
-          if (options.mathJax) {
-            positionedPlugins.TaoQtiMaths = {
-              insertAfter: 'SpecialChar'
+        }
+        if (options.highlight) {
+          positionedPlugins.TaoHighlight = {
+            insertAfter: decorationsOn && options.underline ? 'TaoUnderline' : options.underline ? 'Underline' : 'Italic'
+          };
+        }
+        if (options.mathJax) {
+          positionedPlugins.TaoQtiMaths = {
+            insertAfter: 'SpecialChar'
+          };
+        }
+        if (options.horizontalRule && ['block', 'inline'].includes(toolbarType)) {
+          positionedPlugins.HorizontalRule = {
+            insertAfter: 'TaoTooltip'
+          };
+        }
+        if (options.furiganaPlugin && featuresService.isVisible(furiganaPluginVisibilityKey, false)) {
+          if (!options.toolbar || options.toolbar.find(el => el.items.includes('Superscript'))) {
+            positionedPlugins.TaoFurigana = {
+              insertAfter: 'Superscript'
             };
-          }
-          if (options.horizontalRule && ['block', 'inline'].includes(toolbarType)) {
-            positionedPlugins.HorizontalRule = {
-              insertAfter: 'TaoTooltip'
+          } else {
+            const lastGroup = options.toolbar[options.toolbar.length - 1];
+            const firstPlugin = lastGroup.items[0];
+            positionedPlugins.TaoFurigana = {
+              insertBefore: firstPlugin
             };
           }
-          if (options.furiganaPlugin && featuresService.isVisible(furiganaPluginVisibilityKey, false)) {
-            if (!options.toolbar || options.toolbar.find(el => el.items.includes('Superscript'))) {
-              positionedPlugins.TaoFurigana = {
-                insertAfter: 'Superscript'
-              };
-            } else {
-              const lastGroup = options.toolbar[options.toolbar.length - 1];
-              const firstPlugin = lastGroup.items[0];
-              positionedPlugins.TaoFurigana = {
-                insertBefore: firstPlugin
-              };
-            }
-          }
         }
+      }
 
-        // if there is a toolbar in the options add it to the set
-        if (options.toolbar) {
-          toolbars[toolbarType] = _.clone(options.toolbar);
-        }
+      // if there is a toolbar in the options add it to the set
+      if (options.toolbar) {
+        toolbars[toolbarType] = _.clone(options.toolbar);
+      }
 
-        // add toolbars to config
-        for (toolbar in toolbars) {
-          if (Object.prototype.hasOwnProperty.call(toolbars, toolbar)) {
-            ckConfig['toolbar_' + toolbar] = toolbars[toolbar];
-          }
+      // add toolbars to config
+      for (toolbar in toolbars) {
+        if (Object.prototype.hasOwnProperty.call(toolbars, toolbar)) {
+          ckConfig['toolbar_' + toolbar] = toolbars[toolbar];
         }
+      }
 
-        // add the toolbar
-        if (typeof toolbars[toolbarType] !== 'undefined') {
-          ckConfig.toolbar = toolbars[toolbarType];
+      // add the toolbar
+      if (typeof toolbars[toolbarType] !== 'undefined') {
+        ckConfig.toolbar = toolbars[toolbarType];
 
-          //enable sourcedialog plugin upon featureflag (false by default)
-          if (context.featureFlags && context.featureFlags.FEATURE_FLAG_CKEDITOR_SOURCEDIALOG) {
-            ckConfig.toolbar.push({
-              name: 'sourcedialog',
-              items: ['Sourcedialog']
-            });
-          }
+        //enable sourcedialog plugin upon featureflag (false by default)
+        if (context.featureFlags && context.featureFlags.FEATURE_FLAG_CKEDITOR_SOURCEDIALOG) {
+          ckConfig.toolbar.push({
+            name: 'sourcedialog',
+            items: ['Sourcedialog']
+          });
         }
+      }
 
-        // ensures positionedPlugins has the right format
-        if (typeof options.positionedPlugins !== 'undefined') {
-          options.positionedPlugins = {};
-        }
+      // ensures positionedPlugins has the right format
+      if (typeof options.positionedPlugins !== 'undefined') {
+        options.positionedPlugins = {};
+      }
 
-        // set options.positionedPlugins to false to prevent the class from using them at all
-        if (false !== options.positionedPlugins) {
-          // this would add positionedPlugins (e.g. the media manager)
-          positionedPlugins = _.assign(positionedPlugins, _.clone(options.positionedPlugins));
-          _updatePlugins(ckConfig, positionedPlugins);
-        }
+      // set options.positionedPlugins to false to prevent the class from using them at all
+      if (false !== options.positionedPlugins) {
+        // this would add positionedPlugins (e.g. the media manager)
+        positionedPlugins = _.assign(positionedPlugins, _.clone(options.positionedPlugins));
+        _updatePlugins(ckConfig, positionedPlugins);
+      }
 
-        // forward the options to ckConfig, exclude local options
-        config = _.assign({}, _.cloneDeep(originalConfig), ckConfig, _.omit(options, ['qtiImage', 'qtiInclude', 'underline', 'strike', 'highlight', 'mathJax', 'toolbar', 'positionedPlugins']));
+      // forward the options to ckConfig, exclude local options
+      config = _.assign({}, _.cloneDeep(originalConfig), ckConfig, _.omit(options, ['qtiImage', 'qtiInclude', 'underline', 'strike', 'highlight', 'mathJax', 'toolbar', 'positionedPlugins']));
 
-        // debugger: has this config been used?
-        //config.aaaConfigurationHasBeenLoadedFromConfigurator = true;
+      // debugger: has this config been used?
+      //config.aaaConfigurationHasBeenLoadedFromConfigurator = true;
 
-        // toggle global DTD depending on the CK instance which is receiving the focus
-        // I know that this is rather ugly <= don't worry, we'll keep this a secret ;)
-        editor.on('focus', function () {
-          _switchDtd(dtdMode);
-          // should be 1 on html, undefined on qti
-          // console.log(CKEDITOR.dtd.pre.img)
-        });
+      // toggle global DTD depending on the CK instance which is receiving the focus
+      // I know that this is rather ugly <= don't worry, we'll keep this a secret ;)
+      editor.on('focus', function () {
+        _switchDtd(dtdMode);
+        // should be 1 on html, undefined on qti
+        // console.log(CKEDITOR.dtd.pre.img)
+      });
 
-        // remove title 'Rich Text Editor, instance n' that CKE sets by default
-        // ref: http://tinyurl.com/keedruc
-        editor.on('instanceReady', function (e) {
-          $(e.editor.element.$).removeAttr('title');
-        });
+      // remove title 'Rich Text Editor, instance n' that CKE sets by default
+      // ref: http://tinyurl.com/keedruc
+      editor.on('instanceReady', function (e) {
+        $(e.editor.element.$).removeAttr('title');
+      });
 
-        // This fixes bug #2855. Unfortunately this can be done on the global object only, not on the instance
-        window.CKEDITOR.on('dialogDefinition', function (e) {
-          let linkTypes, wanted, linkIndex;
-          if (e.data.name !== 'link') {
-            return;
-          }
-          linkTypes = e.data.definition.getContents('info').get('linkType').items;
-          linkIndex = linkTypes.length;
-          while (linkIndex--) {
-            if (linkTypes[linkIndex][1] !== 'anchor') {
-              wanted = linkIndex;
-              continue;
-            }
-          }
-          linkTypes.splice(wanted + 1, 1);
+      // This fixes bug #2855. Unfortunately this can be done on the global object only, not on the instance
+      window.CKEDITOR.on('dialogDefinition', function (e) {
+        let linkTypes, wanted, linkIndex;
+        if (e.data.name !== 'link') {
           return;
-        });
-        return config;
-      };
+        }
+        linkTypes = e.data.definition.getContents('info').get('linkType').items;
+        linkIndex = linkTypes.length;
+        while (linkIndex--) {
+          if (linkTypes[linkIndex][1] !== 'anchor') {
+            wanted = linkIndex;
+            continue;
+          }
+        }
+        linkTypes.splice(wanted + 1, 1);
+        return;
+      });
+      return config;
+    };
 
-      // Set TAO custom DTD the first time CKEditor is initialized
-      _switchDtd('qti');
-      return {
-        getConfig: getConfig
-      };
-    }();
+    // Set TAO custom DTD the first time CKEditor is initialized
+    _switchDtd('qti');
+    return {
+      getConfig: getConfig
+    };
+  }();
 
-    return ckConfigurator;
+  return ckConfigurator;
 
 });

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@oat-sa/tao-core-ui",
-    "version": "3.16.2",
+    "version": "3.17.0",
     "displayName": "TAO Core UI",
     "description": "UI libraries of TAO",
     "scripts": {

package/src/ckeditor/ckConfigurator.js

@@ -29,7 +29,10 @@ import featuresService from 'services/features';
 const originalConfig = _.cloneDeep(window.CKEDITOR.config);
 const moduleConfig = module.config();
 const furiganaPluginVisibilityKey = 'ckeditor/TaoFurigana';
-const decorationsOn = !!(context.featureFlags && context.featureFlags.FEATURE_FLAG_CKEDITOR_DECORATIONS);
+// Check if decorations feature flag is explicitly set to false
+const decorationsOn =
+  context.featureFlags &&
+  context.featureFlags.FEATURE_FLAG_CKEDITOR_DECORATIONS !== false;
 
 function getUserLanguage() {
     const documentLang = window.document.documentElement.getAttribute('lang');