DOC-3147: TinyMCE 8.0.0 Release notes and community changelog.

.api-version

@@ -1 +1 @@
-7.9.0
+8.0.0

antora.yml

@@ -8,10 +8,10 @@ asciidoc:
     idseparator: '-@'
     # generic variables
     companyurl: https://www.tiny.cloud
-    cdnurl: https://cdn.tiny.cloud/1/no-api-key/tinymce/7/tinymce.min.js
-    tdcdnurl: https://cdn.tiny.cloud/1/_your_api_key_/tinydrive/7/tinydrive.min.js
-    tinymce_live_demo_url: https://cdn.tiny.cloud/1/qagffr3pkuv17a8on1afax661irst1hbr4e6tbv888sz91jc/tinymce/8-dev/tinymce.min.js
-    tinydrive_live_demo_url: https://cdn.tiny.cloud/1/qagffr3pkuv17a8on1afax661irst1hbr4e6tbv888sz91jc/tinydrive/7/tinydrive.min.js
+    cdnurl: https://cdn.tiny.cloud/1/no-api-key/tinymce/8/tinymce.min.js
+    tdcdnurl: https://cdn.tiny.cloud/1/_your_api_key_/tinydrive/8/tinydrive.min.js
+    tinymce_live_demo_url: https://cdn.tiny.cloud/1/qagffr3pkuv17a8on1afax661irst1hbr4e6tbv888sz91jc/tinymce/8/tinymce.min.js
+    tinydrive_live_demo_url: https://cdn.tiny.cloud/1/qagffr3pkuv17a8on1afax661irst1hbr4e6tbv888sz91jc/tinydrive/8/tinydrive.min.js
     webcomponent_url: https://cdn.jsdelivr.net/npm/@tinymce/tinymce-webcomponent/dist/tinymce-webcomponent.min.js
     jquery_url: https://cdn.jsdelivr.net/npm/@tinymce/tinymce-jquery@2/dist/tinymce-jquery.min.js
     openai_proxy_url: https://openai.ai-demo-proxy.tiny.cloud/v1/chat/completions

modules/ROOT/examples/live-demos/a11ychecker/index.js

@@ -2,8 +2,10 @@ tinymce.init({
   selector: 'textarea#a11ychecker',
   plugins: 'a11ychecker advcode table advlist lists image media anchor link autoresize',
   toolbar: 'a11ycheck | blocks bold forecolor backcolor | bullist numlist | link image media anchor | table | code',
+  max_height: 500,
   a11y_advanced_options: true,
   a11ychecker_html_version: 'html5',
   a11ychecker_level: 'aaa',
+  a11ychecker_allow_decorative_images: true,
   content_style: 'body { font-family:Helvetica,Arial,sans-serif; font-size:16px }'
 });

modules/ROOT/examples/live-demos/custom-toolbar-split-button/index.js

@@ -6,7 +6,8 @@ tinymce.init({
     editor.ui.registry.addSplitButton('myButton', {
       text: 'My Button',
       icon: 'info',
-      tooltip: 'This is an example split-button',
+      tooltip: 'Execute my action',
+      chevronTooltip: 'My Button menu options',
       onAction: () => editor.insertContent('<p>You clicked the main button</p>'),
       onItemAction: (api, value) => editor.insertContent(value),
       fetch: (callback) => {

modules/ROOT/examples/live-demos/full-featured/example.js

@@ -8,15 +8,18 @@ const openai_api_key = "<INSERT_OPENAI_API_KEY_HERE>";
 
 const isSmallScreen = window.matchMedia('(max-width: 1023.5px)').matches;
 
+const tinymceElement = document.querySelector('textarea#full-featured');
+const model = tinymceElement.getAttribute('suggestededits-model');
+
 tinymce.init({
   selector: 'textarea#full-featured',
-  plugins: 'importword exportword exportpdf ai preview powerpaste casechange importcss tinydrive searchreplace autolink autosave save directionality advcode visualblocks visualchars fullscreen image link math media mediaembed codesample table charmap pagebreak nonbreaking anchor tableofcontents insertdatetime advlist lists checklist wordcount tinymcespellchecker a11ychecker editimage help formatpainter permanentpen pageembed charmap tinycomments mentions quickbars linkchecker emoticons advtable footnotes mergetags autocorrect typography advtemplate markdown revisionhistory',
+  plugins: 'importword exportword exportpdf ai suggestededits preview powerpaste casechange importcss tinydrive searchreplace autolink autosave save directionality advcode visualblocks visualchars fullscreen image link math media mediaembed codesample table charmap pagebreak nonbreaking anchor tableofcontents insertdatetime advlist lists checklist wordcount tinymcespellchecker a11ychecker editimage help formatpainter permanentpen pageembed charmap tinycomments mentions quickbars emoticons advtable footnotes mergetags autocorrect typography advtemplate markdown revisionhistory',
   tinydrive_token_provider: 'URL_TO_YOUR_TOKEN_PROVIDER',
   tinydrive_dropbox_app_key: 'YOUR_DROPBOX_APP_KEY',
   tinydrive_google_drive_key: 'YOUR_GOOGLE_DRIVE_KEY',
   tinydrive_google_drive_client_id: 'YOUR_GOOGLE_DRIVE_CLIENT_ID',
   mobile: {
-    plugins: 'ai preview powerpaste casechange importcss tinydrive searchreplace autolink autosave save directionality advcode visualblocks visualchars fullscreen image link math media mediaembed codesample table charmap pagebreak nonbreaking anchor tableofcontents insertdatetime advlist lists checklist wordcount tinymcespellchecker a11ychecker help formatpainter pageembed charmap mentions quickbars linkchecker emoticons advtable footnotes mergetags autocorrect typography advtemplate',
+    plugins: 'ai suggestededits preview powerpaste casechange importcss tinydrive searchreplace autolink autosave save directionality advcode visualblocks visualchars fullscreen image link math media mediaembed codesample table charmap pagebreak nonbreaking anchor tableofcontents insertdatetime advlist lists checklist wordcount tinymcespellchecker a11ychecker help formatpainter pageembed charmap mentions quickbars emoticons advtable footnotes mergetags autocorrect typography advtemplate',
   },
   menu: {
     tc: {
@@ -25,7 +28,7 @@ tinymce.init({
     }
   },
   menubar: 'file edit view insert format tools table tc help',
-  toolbar: "undo redo | importword exportword exportpdf | revisionhistory | aidialog aishortcuts | blocks fontsizeinput | bold italic | align numlist bullist | link image | table math media pageembed | lineheight  outdent indent | strikethrough forecolor backcolor formatpainter removeformat | charmap emoticons checklist | code fullscreen preview | save print | pagebreak anchor codesample footnotes mergetags | addtemplate inserttemplate | addcomment showcomments | ltr rtl casechange | spellcheckdialog a11ycheck", // Note: if a toolbar item requires a plugin, the item will not present in the toolbar if the plugin is not also loaded.
+  toolbar: "undo redo | importword exportword exportpdf | suggestededits | revisionhistory | aidialog aishortcuts | blocks fontsizeinput | bold italic | align numlist bullist | link image | table math media pageembed | lineheight  outdent indent | strikethrough forecolor backcolor formatpainter removeformat | charmap emoticons checklist | code fullscreen preview | save print | pagebreak anchor codesample footnotes mergetags | addtemplate inserttemplate | addcomment showcomments | ltr rtl casechange | spellcheckdialog a11ycheck", // Note: if a toolbar item requires a plugin, the item will not present in the toolbar if the plugin is not also loaded.
   autosave_ask_before_unload: true,
   autosave_interval: '30s',
   autosave_prefix: '{path}{query}-{id}-',
@@ -439,4 +442,16 @@ tinymce.init({
   mentions_menu_complete: mentions_menu_complete, // TODO: Implement mentions_menu_complete
   mentions_select: mentions_select, // TODO: Implement mentions_select
   mentions_item_type: "profile",
+
+  // Suggested edits plugin settings
+  user_id: 'kalebwilson',
+  fetch_users: (userIds) => Promise.all(userIds
+    .map((userId) =>
+      fetch(`/users/${userId}`) // Fetch user data from the server
+      .then((response) => response.json())
+      .catch(() => ({ id: userId })) // Still return a valid user object even if the fetch fails
+  )),
+  suggestededits_model: model,
+  suggestededits_access: 'full',
+  suggestededits_content: 'html'
 });

modules/ROOT/examples/live-demos/full-featured/index.js

@@ -412,9 +412,33 @@ tinymce.ScriptLoader.loadScripts(['https://cdn.jsdelivr.net/npm/faker@5/dist/fak
     ]);
   };
 
+  /** Fake user database for suggested edits */
+  const suggestededitsUserDb = {
+      adamhayes: {
+          id: 'adamhayes',
+          name: 'Adam Hayes',
+          avatar: `https://randomuser.me/api/portraits/men/4.jpg`,
+      },
+      martincook: {
+          id: 'martincook',
+          name: 'Martin Cook',
+          avatar: `https://randomuser.me/api/portraits/men/5.jpg`,
+      },
+      kalebwilson: {
+          id: 'kalebwilson',
+          name: 'Kaleb Wilson',
+          avatar: `https://randomuser.me/api/portraits/men/6.jpg`,
+      },
+      sarahjones: {
+          id: 'sarahjones',
+          name: 'Sarah Jones',
+          avatar: `https://randomuser.me/api/portraits/women/1.jpg`,
+      }
+  };
+
   tinymce.init({
     selector: 'textarea#full-featured',
-    plugins: 'ai preview powerpaste casechange importcss tinydrive searchreplace autolink autosave save directionality advcode visualblocks visualchars fullscreen image link math media mediaembed codesample table charmap pagebreak nonbreaking anchor tableofcontents insertdatetime advlist lists checklist wordcount tinymcespellchecker a11ychecker editimage help formatpainter permanentpen pageembed charmap tinycomments mentions quickbars linkchecker emoticons advtable footnotes mergetags autocorrect typography advtemplate markdown revisionhistory importword exportword exportpdf',
+    plugins: 'ai suggestededits preview powerpaste casechange importcss tinydrive searchreplace autolink autosave save directionality advcode visualblocks visualchars fullscreen image link math media mediaembed codesample table charmap pagebreak nonbreaking anchor tableofcontents insertdatetime advlist lists checklist wordcount tinymcespellchecker a11ychecker editimage help formatpainter permanentpen pageembed charmap tinycomments mentions quickbars emoticons advtable footnotes mergetags autocorrect typography advtemplate markdown revisionhistory importword exportword exportpdf',
     editimage_cors_hosts: ['picsum.photos'],
     tinydrive_token_provider: (success, failure) => {
       success({ token: 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiJqb2huZG9lIiwibmFtZSI6IkpvaG4gRG9lIiwiaWF0IjoxNTE2MjM5MDIyfQ.Ks_BdfH4CWilyzLNk8S2gDARFhuxIauLa8PwhdEQhEo' });
@@ -424,7 +448,7 @@ tinymce.ScriptLoader.loadScripts(['https://cdn.jsdelivr.net/npm/faker@5/dist/fak
     tinydrive_google_drive_key: 'AIzaSyAsVRuCBc-BLQ1xNKtnLHB3AeoK-xmOrTc',
     tinydrive_google_drive_client_id: '748627179519-p9vv3va1mppc66fikai92b3ru73mpukf.apps.googleusercontent.com',
     mobile: {
-      plugins: 'ai preview powerpaste casechange importcss tinydrive searchreplace autolink autosave save directionality advcode visualblocks visualchars fullscreen image link math media mediaembed codesample table charmap pagebreak nonbreaking anchor tableofcontents insertdatetime advlist lists checklist wordcount tinymcespellchecker a11ychecker help formatpainter pageembed charmap mentions quickbars linkchecker emoticons advtable footnotes mergetags autocorrect typography advtemplate',
+      plugins: 'ai suggestededits preview powerpaste casechange importcss tinydrive searchreplace autolink autosave save directionality advcode visualblocks visualchars fullscreen image link math media mediaembed codesample table charmap pagebreak nonbreaking anchor tableofcontents insertdatetime advlist lists checklist wordcount tinymcespellchecker a11ychecker help formatpainter pageembed charmap mentions quickbars emoticons advtable footnotes mergetags autocorrect typography advtemplate',
     },
     menu: {
       tc: {
@@ -433,7 +457,7 @@ tinymce.ScriptLoader.loadScripts(['https://cdn.jsdelivr.net/npm/faker@5/dist/fak
       }
     },
     menubar: 'file edit view insert format tools table tc help',
-      toolbar: "undo redo | importword exportword exportpdf | revisionhistory | aidialog aishortcuts | blocks fontsizeinput | bold italic | align numlist bullist | link image | table math media pageembed | lineheight  outdent indent | strikethrough forecolor backcolor formatpainter removeformat | charmap emoticons checklist | code fullscreen preview | save print | pagebreak anchor codesample footnotes mergetags | addtemplate inserttemplate | addcomment showcomments | ltr rtl casechange | spellcheckdialog a11ycheck", // Note: if a toolbar item requires a plugin, the item will not present in the toolbar if the plugin is not also loaded.
+      toolbar: "undo redo | importword exportword exportpdf | suggestededits | revisionhistory | aidialog aishortcuts | blocks fontsizeinput | bold italic | align numlist bullist | link image | table math media pageembed | lineheight  outdent indent | strikethrough forecolor backcolor formatpainter removeformat | charmap emoticons checklist | code fullscreen preview | save print | pagebreak anchor codesample footnotes mergetags | addtemplate inserttemplate | addcomment showcomments | ltr rtl casechange | spellcheckdialog a11ycheck", // Note: if a toolbar item requires a plugin, the item will not present in the toolbar if the plugin is not also loaded.
     autosave_ask_before_unload: true,
     autosave_interval: '30s',
     autosave_prefix: '{path}{query}-{id}-',
@@ -583,10 +607,15 @@ tinymce.ScriptLoader.loadScripts(['https://cdn.jsdelivr.net/npm/faker@5/dist/fak
       }
     },
     revisionhistory_fetch: fetchRevisions,
-    revisionhistory_author: {
-      id: 'john.doe',
-      name: 'John Doe'
-    },
     revisionhistory_display_author: true,
+    // Suggested Edits plugin configuration
+    user_id: 'kalebwilson',
+    fetch_users: (userIds) => Promise.all(userIds
+        .map((userId) => new Promise((resolve) => 
+            resolve(suggestededitsUserDb[userId] || { id: userId }))
+    )),
+    suggestededits_content: 'html',
+    suggestededits_access: 'full',
   });
-});
+
+});

modules/ROOT/examples/live-demos/spellchecker/index.js

@@ -3,31 +3,30 @@ tinymce.init({
   plugins: 'code tinymcespellchecker link',
   toolbar: 'spellchecker language spellcheckdialog',
   height: 500,
-  spellchecker_language: 'en_US',
+  spellchecker_language: 'en-US',
   content_langs: [
-    { title: 'Afrikaans (South Africa)', code: 'af_ZA', customCode: 'af_ZA' },
-    { title: 'English (Australia)', code: 'en_AU' },
-    { title: 'English (Canada)', code: 'en_CA' },
-    { title: 'English (United Kingdom)', code: 'en_GB' },
-    { title: 'English (United States)', code: 'en_US' },
-    { title: 'Medical English (US)', code: 'en_US', customCode: 'en_US-medical' },
-    { title: 'Medical English (UK)', code: 'en_GB', customCode: 'en_GB-medical' },
+    { title: 'Afrikaans (South Africa)', code: 'af-ZA', customCode: 'af-ZA' },
+    { title: 'English (Australia)', code: 'en-AU' },
+    { title: 'English (Canada)', code: 'en-CA' },
+    { title: 'English (United Kingdom)', code: 'en-GB' },
+    { title: 'English (United States)', code: 'en-US' },
+    { title: 'Medical English (US)', code: 'en-US', customCode: 'en-US-medical' },
     { title: 'Danish', code: 'da' },
-    { title: 'Dutch', code: 'nl_NL' },
+    { title: 'Dutch', code: 'nl-NL' },
     { title: 'Finnish', code: 'fi' },
     { title: 'French', code: 'fr' },
-    { title: 'German', code: 'de_DE' },
+    { title: 'German', code: 'de-DE' },
     { title: 'Hungarian', code: 'hu' },
-    { title: 'Italian', code: 'it_IT' },
-    { title: 'Maori (New Zealand)', code: 'mi_NZ' },
-    { title: 'Norwegian Bokmål', code: 'nb_NO' },
+    { title: 'Italian', code: 'it-IT' },
+    { title: 'Maori (New Zealand)', code: 'mi-NZ' },
+    { title: 'Norwegian Bokmål', code: 'nb-NO' },
     { title: 'Norwegian Nynorsk', code: 'nn' },
     { title: 'Polish', code: 'pl' },
-    { title: 'Portuguese (Brazil)', code: 'pt_BR' },
-    { title: 'Portuguese (Portugal)', code: 'pt_PT' },
+    { title: 'Portuguese (Brazil)', code: 'pt-BR' },
+    { title: 'Portuguese (Portugal)', code: 'pt-PT' },
     { title: 'Spanish', code: 'es' },
-    { title: 'Swedish', code: 'sv_SE' },
-    { title: 'Swedish (Finland)', code: 'sv_FI' }
+    { title: 'Swedish', code: 'sv-SE' },
+    { title: 'Swedish (Finland)', code: 'sv-FI' }
   ],
   content_style: 'body { font-family:Helvetica,Arial,sans-serif; font-size:16px }'
 });

modules/ROOT/moxiedoc_nav.adoc

@@ -17,6 +17,7 @@
 *** xref:apis/tinymce.shortcuts.adoc[tinymce.Shortcuts]
 *** xref:apis/tinymce.theme.adoc[tinymce.Theme]
 *** xref:apis/tinymce.undomanager.adoc[tinymce.UndoManager]
+*** xref:apis/tinymce.userlookup.adoc[tinymce.UserLookup]
 *** xref:apis/tinymce.windowmanager.adoc[tinymce.WindowManager]
 ** tinymce.dom
 *** xref:apis/tinymce.dom.bookmarkmanager.adoc[tinymce.dom.BookmarkManager]

modules/ROOT/nav.adoc

@@ -141,8 +141,6 @@
 **** xref:configure-imageproxy-service.adoc[Image Proxy service settings]
 **** xref:configure-spelling-service.adoc[Spelling service settings]
 **** xref:self-hosting-hunspell.adoc[Spelling service - Using Hunspell dictionaries]
-**** xref:configure-logging-services.adoc[Activity logging]
-*** xref:introduction-to-premium-selfhosted-services.adoc[Server-side component installation without Docker]
 *** xref:troubleshoot-server.adoc[Troubleshoot server-side components]
 ** Customizing the editor appearance
 *** xref:customize-ui.adoc[Customizing the UI]
@@ -418,17 +416,14 @@
 ** xref:release-notes.adoc[Release notes for {productname}]
 *** {productname} 8.0
 **** xref:8.0-release-notes.adoc#overview[Overview]
-**** xref:8.0-release-notes.adoc#new-premium-plugins[New Premium plugins]
+**** xref:new-premium-plugins[New Premium plugins]
 **** xref:8.0-release-notes.adoc#accompanying-premium-plugin-changes[Accompanying Premium plugin changes]
-**** xref:8.0-release-notes.adoc#accompanying-open-source-plugin-end-of-life-announcement[Accompanying open source plugin end-of-life-announcement]
-**** xref:8.0-release-notes.adoc#accompanying-enhanced-skins-and-icon-packs-changes[Accompanying Enhanced Skins & Icon Packs changes]
+**** xref:accompanying-enhanced-skins-and-icon-packs-changes[Accompanying Enhanced Skins & Icon Packs changes]
 **** xref:8.0-release-notes.adoc#improvements[Improvements]
 **** xref:8.0-release-notes.adoc#additions[Additions]
 **** xref:8.0-release-notes.adoc#changes[Changes]
 **** xref:8.0-release-notes.adoc#removed[Removed]
 **** xref:8.0-release-notes.adoc#bug-fixes[Bug fixes]
-**** xref:8.0-release-notes.adoc#security-fixes[Security fixes]
-**** xref:8.0-release-notes.adoc#known-issues[Known issues]
 ** xref:changelog.adoc[Changelog]
 * xref:invalid-api-key.adoc[Invalid API key]
 * xref:license-key.adoc[License key]