update to tinymce 6

CMSAdmin/Views/CmsAdmin/About.cshtml

@@ -180,12 +180,12 @@
 </p>
 <p>
 	<b>TinyMCE</b> <br />
-	Copyright (c) <a target="_blank" href="https://www.tiny.cloud">Tiny Technologies</a> 
-	(<a target="_blank" href="https://github.com/tinymce/tinymce/tree/release/5.10">GitHub</a>),
-	Inc. All rights reserved. <br />
-	Released under LGPL License. <br />
+	Copyright (c) 2022 Ephox Corporation DBA <a target="_blank" href="https://www.tiny.cloud">Tiny Technologies, Inc.</a>
+	(<a target="_blank" href="https://github.com/tinymce/tinymce/tree/release/6">GitHub</a>),
+	All rights reserved. <br />
+	Released under the MIT License <br />
 	<br />
-	License: https://github.com/tinymce/tinymce/blob/release/5.10/LICENSE.TXT <br />
+	License: https://github.com/tinymce/tinymce/tree/release/6 <br />
 	<br />
 </p>
 

CMSAdmin/wwwroot/Assets/Admin/Includes/tinymce-config.js

@@ -18,19 +18,6 @@ function cmsTinyMceInit(winWidth, winHeight, allowResize) {
 
 	tinyBrowseResize = allowResize;
 
-	/*
-	menu: {
-		file: { title: 'File', items: 'newdocument restoredraft | preview | print ' },
-		edit: { title: 'Edit', items: 'undo redo | cut copy paste | selectall | searchreplace' },
-		view: { title: 'View', items: 'code | visualaid visualchars visualblocks | spellchecker | preview fullscreen' },
-		insert: { title: 'Insert', items: 'image link media template codesample inserttable | charmap emoticons hr | pagebreak nonbreaking anchor toc | insertdatetime' },
-		format: { title: 'Format', items: 'bold italic underline strikethrough superscript subscript codeformat | formats blockformats fontformats fontsizes align lineheight | forecolor backcolor | removeformat' },
-		tools: { title: 'Tools', items: 'spellchecker spellcheckerlanguage | code wordcount' },
-		table: { title: 'Table', items: 'inserttable | cell row column | tableprops deletetable' },
-		help: { title: 'Help', items: 'help' }
-	}
-	 */
-
 	if (tinymce) {
 		// because ajax...
 		tinymce.remove();
@@ -44,8 +31,9 @@ function cmsTinyMceInit(winWidth, winHeight, allowResize) {
 		selector: "textarea.mceEditor",
 		file_picker_types: 'file image media',
 		file_picker_callback: cmsTinyFileBrowserCallback,
-		plugins: 'image imagetools link lists media charmap searchreplace visualblocks paste print table preview code codesample help',
-		toolbar1: 'bold italic underline strikethrough sub sup | formatselect forecolor backcolor | blockquote alignleft aligncenter alignright alignjustify outdent indent | help | ',
+		promotion: false,
+		plugins: 'image link lists media charmap searchreplace visualblocks table preview code codesample help',
+		toolbar1: 'bold italic underline strikethrough sub sup | blocks forecolor backcolor | blockquote alignleft aligncenter alignright alignjustify outdent indent | help | ',
 		toolbar2: 'undo redo searchreplace | bullist numlist | removeformat pastetext | link unlink anchor image media customfilebrowser | charmap codesample code preview visualblocks',
 		removed_menuitems: 'newdocument help',
 		codesample_languages: [

CMSAdmin/wwwroot/Assets/Admin/Includes/tinymceoverride.css

@@ -63,11 +63,19 @@
 	font-size: 14px !important;
 }
 
+.tox-toolbar__group {
+	border-right: 1px solid #ccc !important;
+}
+
+.tox-toolbar-overlord {
+	border-top: 1px solid #ccc !important;
+}
+
 @media screen and (min-width: 1350px) {
 	.tox .tox-listboxfield .tox-listbox--select,
 	.tox .tox-textarea,
 	.tox .tox-textfield,
 	.tox .tox-toolbar-textfield {
 		font-size: 16px !important;
 	}
-}
+}

CMSAdmin/wwwroot/Assets/tinymce/README.md

@@ -2,31 +2,33 @@
 
 The world's #1 open source rich text editor.
 
+**Using an old version of TinyMCE?** We recommend you to upgrade to TinyMCE 6 to continue receiving security updates, or consider [TinyMCE 5 LTS](https://www.tiny.cloud/long-term-support/) if you need more time to upgrade.
+
 Used and trusted by millions of developers, TinyMCE is the world’s most customizable, scalable, and flexible rich text editor. We’ve helped launch the likes of Atlassian, Medium, Evernote (and lots more that we can’t tell you), by empowering them to create exceptional content and experiences for their users.
 
 With more than 350M+ downloads every year, we’re also one of the most trusted enterprise-grade open source HTML editors on the internet. There’s currently more than 100M+ products worldwide, powered by Tiny. As a high powered WYSIWYG editor, TinyMCE is built to scale, designed to innovate, and thrives on delivering results to difficult edge-cases.
 
-You can access a [full featured demo of TinyMCE](https://www.tiny.cloud/docs/demo/full-featured/) in the docs on the TinyMCE website.
+You can access a [full featured demo of TinyMCE](https://www.tiny.cloud/docs/tinymce/6/premium-full-featured/) in the docs on the TinyMCE website.
 
 <p align="center">
-  <img alt="Screenshot of the TinyMCE Editor" src="https://www.tiny.cloud/storage/github-readme-images/tinymce-editor.png"\>
+  <img alt="Screenshot of the TinyMCE Editor" src="https://www.tiny.cloud/storage/github-readme-images/tinymce-editor-6x.png"\>
 </p>
 
 ## Get started with TinyMCE
 
 Getting started with the TinyMCE rich text editor is easy, and for simple configurations can be done in less than 5 minutes.
 
-[TinyMCE Cloud Deployment Quick Start Guide](https://www.tiny.cloud/docs/quick-start/)
+[TinyMCE Cloud Deployment Quick Start Guide](https://www.tiny.cloud/docs/tinymce/6/cloud-quick-start/)
 
-[TinyMCE Self-hosted Deployment Guide](https://www.tiny.cloud/docs/general-configuration-guide/advanced-install/)
+[TinyMCE Self-hosted Deployment Guide](https://www.tiny.cloud/docs/tinymce/6/npm-projects/)
 
-TinyMCE provides a range of configuration options that allow you to integrate it into your application. Start customizing with a [basic setup](https://www.tiny.cloud/docs/general-configuration-guide/basic-setup/).
+TinyMCE provides a range of configuration options that allow you to integrate it into your application. Start customizing with a [basic setup](https://www.tiny.cloud/docs/tinymce/6/basic-setup/).
 
 Configure it for one of three modes of editing:
 
-- [TinyMCE classic editing mode](https://www.tiny.cloud/docs/general-configuration-guide/use-tinymce-classic/).
-- [TinyMCE inline editing mode](https://www.tiny.cloud/docs/general-configuration-guide/use-tinymce-inline/).
-- [TinyMCE distraction-free editing mode](https://www.tiny.cloud/docs/general-configuration-guide/use-tinymce-distraction-free/).
+- [TinyMCE classic editing mode](https://www.tiny.cloud/docs/tinymce/6/use-tinymce-classic/).
+- [TinyMCE inline editing mode](https://www.tiny.cloud/docs/tinymce/6/use-tinymce-inline/).
+- [TinyMCE distraction-free editing mode](https://www.tiny.cloud/docs/tinymce/6/use-tinymce-distraction-free/).
 
 ## Features
 
@@ -38,21 +40,21 @@ TinyMCE is easily integrated into your projects with the help of components such
 - [tinymce-vue](https://github.com/tinymce/tinymce-vue)
 - [tinymce-angular](https://github.com/tinymce/tinymce-angular)
 
-With over 29 integrations, and 400+ APIs, see the TinyMCE docs for a full list of editor [integrations](https://www.tiny.cloud/docs/integrations/).
+With over 29 integrations, and 400+ APIs, see the TinyMCE docs for a full list of editor [integrations](https://www.tiny.cloud/docs/tinymce/6/integrations/).
 
 ### Customization
 
-It is easy to [configure the UI](https://www.tiny.cloud/docs/general-configuration-guide/customize-ui/) of your rich text editor to match the design of your site, product or application. Due to its flexibility, you can [configure the editor](https://www.tiny.cloud/docs/general-configuration-guide/basic-setup/) with as much or as little functionality as you like, depending on your requirements.
+It is easy to [configure the UI](https://www.tiny.cloud/docs/tinymce/6/customize-ui/) of your rich text editor to match the design of your site, product or application. Due to its flexibility, you can [configure the editor](https://www.tiny.cloud/docs/tinymce/6/basic-setup/) with as much or as little functionality as you like, depending on your requirements.
 
-With [50+ powerful plugins available](https://www.tiny.cloud/apps/), and content editable as the basis of TinyMCE, adding additional functionality is as simple as including a single line of code.
+With [50+ powerful plugins available](https://www.tiny.cloud/tinymce/features/), and content editable as the basis of TinyMCE, adding additional functionality is as simple as including a single line of code.
 
 Realizing the full power of most plugins requires only a few lines more.
 
 ### Extensibility
 
 Sometimes your editor requirements can be quite unique, and you need the freedom and flexibility to innovate. Thanks to TinyMCE being open source, you can view the source code and develop your own extensions for custom functionality to meet your own requirements.
 
-The TinyMCE [API](https://www.tiny.cloud/docs/api/) is exposed to make it easier for you to write custom functionality that fits within the existing framework of TinyMCE [UI components](https://www.tiny.cloud/docs/ui-components/).
+The TinyMCE [API](https://www.tiny.cloud/docs/tinymce/6/apis/tinymce.root/) is exposed to make it easier for you to write custom functionality that fits within the existing framework of TinyMCE [UI components](https://www.tiny.cloud/docs/tinymce/6/custom-ui-components/).
 
 ### Extended Features and Support
 

CMSAdmin/wwwroot/Assets/tinymce/langs/README.md

@@ -1,3 +1,3 @@
 This is where language files should be placed.
 
-Please DO NOT translate these directly use this service: https://www.transifex.com/projects/p/tinymce/
+Please DO NOT translate these directly, use this service instead: https://crowdin.com/project/tinymce