enable the Title plugin in CKEditor for page contents (#467)

Co-authored-by: Copilot <[email protected]>

Author: simonLeary42

tools/docker-dev/sql/bootstrap.sql

@@ -111,8 +111,9 @@ CREATE TABLE `pages` (
 --
 
 INSERT INTO `pages` (`id`, `page`, `content`) VALUES
-(0,'home','<h3>Docmentation and FAQ</h3><p>You can find our documentation <a href=\"https://docs.unity.rc.umass.edu/\">here</a>. We also have an <a href=\"https://docs.unity.rc.umass.edu/documentation/help/faq/\">FAQ</a> page which could help answer quick questions.</p><h3>Office Hours</h3><p>We offer office hours every week on <strong>Tuesdays 2-4 PM</strong> in-person at <strong>W.E.B. DuBois Library 786</strong> or remote on <a href=\"https://github.com/\"><strong>Zoom</strong></a>. Be sure to check the <a href=\"/\">cluster notes</a> page for up-to-date information on any canceled/delayed office hours.</p><h3>Support Email</h3><p>You can create a support ticket by emailing <a href=\"mailto:[email protected]\">[email protected]</a>. We will do our best to reply as fast as possible!</p><p>&nbsp;</p>'),
-(1,'support','<h3>Docmentation and FAQ</h3>\r\n<p>You can find our documentation <a href=\"https://esdconfluence.it.umass.edu/confluence/display/UNITY/Unity+Cluster+Documentation+Home\" target=\"_blank\">here</a>. We also have an <a target=\"_blank\" href=\"https://esdconfluence.it.umass.edu/confluence/display/UNITY/Frequently+Asked+Questions\">FAQ</a> page which could help answer quick questions.\r\n\r\n<h3>Office Hours</h3>\r\n<p>We offer office hours every week on <strong>Tuesdays 2-4 PM</strong> in-person at <strong>W.E.B. DuBois Library 786</strong> or remote on <strong><a target=\"_blank\" href=\"https://umass-amherst.zoom.us/j/95663998309\">Zoom</a></strong>. Be sure to check the <a href=\"<?php echo $CONFIG[\"site\"][\"prefix\"]; ?>/index.php\">cluster notes</a> page for up-to-date information on any canceled/delayed office hours.</p>\r\n\r\n<h3>Support Email</h3>\r\n<p>You can create a support ticket by emailing <a target=\"_blank\" href=\"mailto:[email protected]\">[email protected]</a>. We will do our best to reply as fast as possible!</p>');
+(0,'home','<h1>Docmentation and FAQ</h1><p>You can find our documentation <a href=\"https://docs.unity.rc.umass.edu/\">here</a>. We also have an <a href=\"https://docs.unity.rc.umass.edu/documentation/help/faq/\">FAQ</a> page which could help answer quick questions.</p><h3>Office Hours</h3><p>We offer office hours every week on <strong>Tuesdays 2-4 PM</strong> in-person at <strong>W.E.B. DuBois Library 786</strong> or remote on <a href=\"https://github.com/\"><strong>Zoom</strong></a>. Be sure to check the <a href=\"/\">cluster notes</a> page for up-to-date information on any canceled/delayed office hours.</p><h3>Support Email</h3><p>You can create a support ticket by emailing <a href=\"mailto:[email protected]\">[email protected]</a>. We will do our best to reply as fast as possible!</p><p>&nbsp;</p>'),
+(1,'support','<h1>Docmentation and FAQ</h1><p>You can find our documentation <a href=\"https://esdconfluence.it.umass.edu/confluence/display/UNITY/Unity+Cluster+Documentation+Home\">here</a>. We also have an <a href=\"https://esdconfluence.it.umass.edu/confluence/display/UNITY/Frequently+Asked+Questions\">FAQ</a> page which could help answer quick questions.</p><h3>Office Hours</h3><p>We offer office hours every week on <strong>Tuesdays 2-4 PM</strong> in-person at <strong>W.E.B. DuBois Library 786</strong> or remote on <a href=\"https://umass-amherst.zoom.us/j/95663998309\"><strong>Zoom</strong></a>. Be sure to check the <a href=\"&lt;?php echo $CONFIG[\">/index.php\"&gt;cluster notes</a> page for up-to-date information on any canceled/delayed office hours.</p><h3>Support Email</h3><p>You can create a support ticket by emailing <a href=\"mailto:[email protected]\">[email protected]</a>. We will do our best to reply as fast as possible!</p>');
+
 -- --------------------------------------------------------
 
 --

webroot/admin/content.php

@@ -47,7 +47,8 @@
 
 <script>
     const url = '<?php echo getURL("admin/ajax/get_page_contents.php"); ?>';
-    setupCKEditor().then(mainEditor => {
+    const {Title} = CKEDITOR;
+    setupCKEditor(extraPlugins=[Title]).then(mainEditor => {
         $("#pageForm > select[name=pageSel]").change(function(e) {
             $.ajax({
                 url: `${url}?pageid=` + $(this).val(),

webroot/js/global-early.js

@@ -12,17 +12,18 @@ function downloadFile(text, filename) {
   element.remove();
 }
 
-function setupCKEditor() {
+function setupCKEditor(extraPlugins = []) {
   const {
     ClassicEditor, Essentials, Bold, Italic, Strikethrough, Underline, BlockQuote, Code, CodeBlock,
     Heading, HorizontalLine, Indent, Link, List, Paragraph, Undo, FontFamily, FontSize
   } = CKEDITOR;
+  const plugins = [
+    Essentials, Bold, Italic, Strikethrough, Underline, BlockQuote, Code, CodeBlock,
+    Heading, HorizontalLine, Indent, Link, List, Paragraph, Undo, FontFamily, FontSize
+  ].concat(extraPlugins);
   return ClassicEditor.create(document.querySelector('#editor'), {
     licenseKey: 'GPL',
-    plugins: [
-      Essentials, Bold, Italic, Strikethrough, Underline, BlockQuote, Code, CodeBlock,
-      Heading, HorizontalLine, Indent, Link, List, Paragraph, Undo, FontFamily, FontSize
-    ],
+    plugins: plugins,
     toolbar: [
       'undo', 'redo',
       '|',