fix: rearrange and add several tinymce toolbar items. Addresses TNL-9…

…874.
openedx-unsupported · Apr 18, 2022 · 1999041 · 1999041
1 parent 51558fd
commit 1999041
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 10 deletions.
diff --git a/src/editors/containers/TextEditor/index.jsx b/src/editors/containers/TextEditor/index.jsx
@@ -10,6 +10,7 @@ import 'tinymce/icons/default';
 import 'tinymce/plugins/link';
 import 'tinymce/plugins/lists';
 import 'tinymce/plugins/table';
+import 'tinymce/plugins/hr';
 import 'tinymce/plugins/codesample';
 import 'tinymce/plugins/emoticons';
 import 'tinymce/plugins/emoticons/js/emojis';

diff --git a/src/editors/containers/TextEditor/pluginConfig.js b/src/editors/containers/TextEditor/pluginConfig.js
@@ -10,6 +10,7 @@ export default StrictDict({
     plugins.codesample,
     plugins.emoticons,
     plugins.table,
+    plugins.hr,
     plugins.charmap,
     plugins.code,
     plugins.autoresize,
@@ -20,7 +21,7 @@ export default StrictDict({
   toolbar: mapToolbars([
     [buttons.undo, buttons.redo],
     [buttons.formatSelect],
-    [buttons.bold, buttons.italic, buttons.backColor],
+    [buttons.bold, buttons.italic, buttons.foreColor, buttons.backColor],
     [
       buttons.align.left,
       buttons.align.center,
@@ -33,15 +34,9 @@ export default StrictDict({
       buttons.outdent,
       buttons.indent,
     ],
-    [buttons.imageUploadButton],
-    [buttons.link],
-    [buttons.emoticons],
-    [buttons.table],
-    [buttons.codesample],
-    [buttons.charmap],
-    [buttons.removeFormat],
-    [buttons.hr],
-    [buttons.code],
+    [buttons.imageUploadButton, buttons.link, buttons.unlink, buttons.codesample, buttons.table],
+    [buttons.emoticons, buttons.charmap, buttons.hr],
+    [buttons.removeFormat, buttons.code],
   ]),
   imageToolbar: mapToolbars([
     // [buttons.rotate.left, buttons.rotate.right],

diff --git a/src/editors/data/constants/tinyMCE.js b/src/editors/data/constants/tinyMCE.js
@@ -16,6 +16,7 @@ export const buttons = StrictDict({
     left: 'alignleft',
     right: 'alignright',
   }),
+  foreColor: 'forecolor',
   backColor: 'backcolor',
   bold: 'bold',
   bullist: 'bullist',
@@ -34,6 +35,7 @@ export const buttons = StrictDict({
   indent: 'indent',
   italic: 'italic',
   link: 'link',
+  unlink: 'unlink',
   numlist: 'numlist',
   outdent: 'outdent',
   redo: 'redo',
@@ -52,6 +54,7 @@ export const plugins = listKeyStore([
   'codesample',
   'emoticons',
   'table',
+  'hr',
   'charmap',
   'code',
   'autoresize',