@oat-sa/tao-core-ui 1.48.0 → 1.49.0

package/src/ckeditor/ckConfigurator.js

@@ -13,7 +13,7 @@
  * 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 (original work) Open Assessment Technologies SA ;
+ * Copyright (c) 2015-2022 (original work) Open Assessment Technologies SA ;
  */
 import $ from 'jquery';
 import _ from 'lodash';
@@ -23,23 +23,23 @@ import 'ckeditor';
 /**
  * Cache original config
  */
-var originalConfig = _.cloneDeep(window.CKEDITOR.config);
+const originalConfig = _.cloneDeep(window.CKEDITOR.config);
 
 function getUserLanguage() {
-    var documentLang = window.document.documentElement.getAttribute('lang');
-    var documentLocale = documentLang && documentLang.split('-')[0];
+    const documentLang = window.document.documentElement.getAttribute('lang');
+    const documentLocale = documentLang && documentLang.split('-')[0];
 
     return documentLocale;
 }
 
-var lang = getUserLanguage();
+const lang = getUserLanguage();
 
-var ckConfigurator = (function() {
+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
      */
-    var toolbarPresets = {
+    const toolbarPresets = {
         inline: [
             {
                 name: 'basicstyles',
@@ -166,13 +166,31 @@ var ckConfigurator = (function() {
                 name: 'insert',
                 items: ['Link', 'SpecialChar']
             }
+        ],
+        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']
+            }
         ]
     };
 
     /**
      * defaults for editor configuration
      */
-    var ckConfig = {
+    const ckConfigDefault = {
         disableAutoInline: true,
         entities: false,
         entities_processNumerical: true,
@@ -416,11 +434,11 @@ var ckConfigurator = (function() {
     /**
      * Insert positioned plugins at position specified in options.positionedPlugins
      *
-     * @param ckConfig
-     * @param positionedPlugins
+     * @param {Object} ckConfig
+     * @param {Object} positionedPlugins
      */
-    var _updatePlugins = function(ckConfig, positionedPlugins) {
-        var itCnt,
+    const _updatePlugins = function (ckConfig, positionedPlugins) {
+        let itCnt,
             tbCnt = ckConfig.toolbar.length,
             itLen,
             method,
@@ -435,9 +453,9 @@ var ckConfigurator = (function() {
         positionedPlugins = positionedPlugins || {};
 
         // add positioned plugins to extraPlugins and let CKEDITOR take care of their registration
-        ckConfig.extraPlugins = (function(positionedPluginArr, extraPlugins) {
-            var pluginIndex = positionedPluginArr.length;
-            var extraPluginArr = extraPlugins.split(',');
+        ckConfig.extraPlugins = (function (positionedPluginArr, extraPlugins) {
+            let pluginIndex = positionedPluginArr.length;
+            let extraPluginArr = extraPlugins.split(',');
 
             while (pluginIndex--) {
                 positionedPluginArr[pluginIndex] = positionedPluginArr[pluginIndex].toLowerCase();
@@ -460,8 +478,8 @@ var ckConfigurator = (function() {
 
         // add positioned plugins to toolbar
         for (plugin in positionedPlugins) {
-            method = (function(pluginProps) {
-                var propIndex = pluginProps.length;
+            method = (function (pluginProps) {
+                let propIndex = pluginProps.length;
                 while (propIndex--) {
                     if (pluginProps[propIndex].indexOf('insert') === 0 || pluginProps[propIndex] === 'replace') {
                         return pluginProps[propIndex];
@@ -511,7 +529,7 @@ var ckConfigurator = (function() {
         }
     };
 
-    var _switchDtd = function _switchDtd(dtdMode) {
+    const _switchDtd = function _switchDtd(dtdMode) {
         dtdHandler.setMode(dtdMode);
         window.CKEDITOR.dtd = dtdHandler.getDtd();
     };
@@ -536,13 +554,13 @@ var ckConfigurator = (function() {
      *
      * @see http://docs.ckeditor.com/#!/api/CKEDITOR.config
      */
-    var getConfig = function(editor, toolbarType, options) {
-        var toolbar, toolbars, config, dtdMode;
+    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
-        var positionedPlugins = {};
+        let positionedPlugins = {};
 
         if (toolbarType === 'reset') {
             return originalConfig;
@@ -555,6 +573,8 @@ var ckConfigurator = (function() {
         toolbars = _.clone(toolbarPresets, true);
         dtdMode = options.dtdMode || 'html';
 
+        const ckConfig = _.clone(ckConfigDefault, true);
+
         // modify DTD to either comply with QTI or XHTML
         if (dtdMode === 'qti' || toolbarType.indexOf('qti') === 0) {
             toolbarType = toolbarType.slice(3).toLowerCase();
@@ -597,7 +617,7 @@ var ckConfigurator = (function() {
 
         // add toolbars to config
         for (toolbar in toolbars) {
-            if (toolbars.hasOwnProperty(toolbar)) {
+            if (Object.prototype.hasOwnProperty.call(toolbars, toolbar)) {
                 ckConfig['toolbar_' + toolbar] = toolbars[toolbar];
             }
         }
@@ -640,7 +660,7 @@ var ckConfigurator = (function() {
 
         // 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() {
+        editor.on('focus', function () {
             _switchDtd(dtdMode);
             // should be 1 on html, undefined on qti
             // console.log(CKEDITOR.dtd.pre.img)
@@ -648,13 +668,13 @@ var ckConfigurator = (function() {
 
         // remove title 'Rich Text Editor, instance n' that CKE sets by default
         // ref: http://tinyurl.com/keedruc
-        editor.on('instanceReady', function(e) {
+        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) {
-            var linkTypes, wanted, linkIndex;
+        window.CKEDITOR.on('dialogDefinition', function (e) {
+            let linkTypes, wanted, linkIndex;
 
             if (e.data.name !== 'link') {
                 return;