DOC-2368: Update bundling documentation for all premium plugins for new index.js files.

modules/ROOT/pages/bundling-plugins.adoc

@@ -7,17 +7,13 @@
 include::partial$module-loading/bundling-ref-example.adoc[]
 :!editorcomponent:
 
-The following table shows examples of the syntax used to bundle the following plugin.
+[NOTE]
+If using {productname} 7.0 or earlier, please refer to the link:https://www.tiny.cloud/docs/tinymce/6/bundling-plugins/[Bundling TinyMCE plugins using module loading] from the {productname} v6 documentation guide.
 
-Required files for an example plugin:
+include::partial$plugin-files/plugin-file-index.js.adoc[]
 
-[source, js]
-----
-./plugins/example/content.js // or './plugins/example/content_css.js'
-./plugins/example/plugin.js
-----
 
-Example syntax for including the example "plugin" in a bundle using `content.js` or `content_css.js` files for bundling:
+Example syntax for including the example "<plugincode>" plugin in a bundle using `content.js`for bundling:
 
 [cols='1,1,4']
 |===
@@ -28,37 +24,29 @@ Example syntax for including the example "plugin" in a bundle using `content.js`
 a|
 [source, js]
 ----
-import pluginCss from 'tinymce/plugins/example/content.js';
-//import pluginCss from 'tinymce/plugins/example/content_css.js';
-import 'tinymce/plugins/example';
+import 'tinymce/plugins/<plugincode>';
 ----
 
 |`.zip`
 a|
 [source, js]
 ----
-import '../tinymce/plugins/example/content.js';
-//import '../tinymce/plugins/example/content_css.js';
-import '../tinymce/plugins/example/plugin';
+import '../tinymce/plugins/<plugincode>';
 ----
 
 .2+|Common JS
 |npm
 a|
 [source, js]
 ----
-const pluginCss = require('tinymce/plugins/example/content.js');
-//require('tinymce/plugins/example/content_css.js'); 
-require('tinymce/plugins/example');
+require('tinymce/plugins/<plugincode>');
 ----
 
 |`.zip`
 a|
 [source, js]
 ----
-const pluginCss = require('../tinymce/plugins/example/content.js');
-//require('../tinymce/plugins/example/content_css.js');
-require('../tinymce/plugins/example/plugin.js');
+require('../tinymce/plugins/<plugincode>');
 ----
 |===
 

modules/ROOT/partials/integrations/react-quick-start.adoc

@@ -460,37 +460,36 @@ import './tinymce/icons/default/icons.min.js';
 // Editor styles
 import './tinymce/skins/ui/oxide/skin.min.js';
 
-// importing the plugin js.
+// importing the plugin index.js file.
 // if you use a plugin that is not listed here the editor will fail to load
-import './tinymce/plugins/advlist/plugin.min.js';
-import './tinymce/plugins/anchor/plugin.min.js';
-import './tinymce/plugins/autolink/plugin.min.js';
-import './tinymce/plugins/autoresize/plugin.min.js';
-import './tinymce/plugins/autosave/plugin.min.js';
-import './tinymce/plugins/charmap/plugin.min.js';
-import './tinymce/plugins/code/plugin.min.js';
-import './tinymce/plugins/codesample/plugin.min.js';
-import './tinymce/plugins/directionality/plugin.min.js';
-import './tinymce/plugins/emoticons/plugin.min.js';
-import './tinymce/plugins/fullscreen/plugin.min.js';
-import './tinymce/plugins/help/plugin.min.js';
-import './tinymce/plugins/help/js/i18n/keynav/en.js';
-import './tinymce/plugins/image/plugin.min.js';
-import './tinymce/plugins/importcss/plugin.min.js';
-import './tinymce/plugins/insertdatetime/plugin.min.js';
-import './tinymce/plugins/link/plugin.min.js';
-import './tinymce/plugins/lists/plugin.min.js';
-import './tinymce/plugins/media/plugin.min.js';
-import './tinymce/plugins/nonbreaking/plugin.min.js';
-import './tinymce/plugins/pagebreak/plugin.min.js';
-import './tinymce/plugins/preview/plugin.min.js';
-import './tinymce/plugins/quickbars/plugin.min.js';
-import './tinymce/plugins/save/plugin.min.js';
-import './tinymce/plugins/searchreplace/plugin.min.js';
-import './tinymce/plugins/table/plugin.min.js';
-import './tinymce/plugins/visualblocks/plugin.min.js';
-import './tinymce/plugins/visualchars/plugin.min.js';
-import './tinymce/plugins/wordcount/plugin.min.js';
+import './tinymce/plugins/advlist';
+import './tinymce/plugins/anchor';
+import './tinymce/plugins/autolink';
+import './tinymce/plugins/autoresize';
+import './tinymce/plugins/autosave';
+import './tinymce/plugins/charmap';
+import './tinymce/plugins/code';
+import './tinymce/plugins/codesample';
+import './tinymce/plugins/directionality';
+import './tinymce/plugins/emoticons';
+import './tinymce/plugins/fullscreen';
+import './tinymce/plugins/help';
+import './tinymce/plugins/image';
+import './tinymce/plugins/importcss';
+import './tinymce/plugins/insertdatetime';
+import './tinymce/plugins/link';
+import './tinymce/plugins/lists';
+import './tinymce/plugins/media';
+import './tinymce/plugins/nonbreaking';
+import './tinymce/plugins/pagebreak';
+import './tinymce/plugins/preview';
+import './tinymce/plugins/quickbars';
+import './tinymce/plugins/save';
+import './tinymce/plugins/searchreplace';
+import './tinymce/plugins/table';
+import './tinymce/plugins/visualblocks';
+import './tinymce/plugins/visualchars';
+import './tinymce/plugins/wordcount';
 
 // importing plugin resources
 import './tinymce/plugins/emoticons/js/emojis.js';

modules/ROOT/partials/module-loading/admon-bundling-plugin-langs.adoc

@@ -1 +1,26 @@
-NOTE: The plugin language files (such as `+./plugins/plugin/langs/sv_SE.js+`) are required where the editor user interface is localized using the xref:ui-localization.adoc#language[language option]. Please refer to xref:bundling-plugins.adoc#plugin-language-files[plugin-language-files]
+[NOTE]
+====
+Plugin language files (such as `+./plugins/<plugincode>/langs/sv_SE.js+`) are required where the editor user interface is localized using the xref:ui-localization.adoc#language[language option].
+
+The below plugins require these xref:bundling-plugins.adoc#plugin-language-files[plugin-language-files]
+
+* AI Assistant (+ai+)
+* Accessibility Checker (+a11ychecker+)
+* Enhanced Code (+advcode+)
+* Enhanced Tables (+advtable+)
+* Templates (+advtemplate+)
+* Spelling Autocorrect (+autocorrect+)
+* Image Editing (+editimage+)
+* Export to PDF (+exportpdf+)
+* Export to Word (+exportword+)
+* Footnotes (+footnotes+)
+* Import from Word (+importword+)
+* Merge Tags (+mergetags+)
+* Page Embedding (+pageembed+)
+* PowerPaste (+powerpaste+)
+* Revision History (+revisionhistory+)
+* Table of Contents (+tableofcontents+)
+* Comments (+tinycomments+)
+* Spell Checker (+tinymcespellchecker+)
+* Typography (+typography+)
+====

modules/ROOT/partials/module-loading/bundling-browserify-cjs-zip_editor.adoc

@@ -22,13 +22,13 @@ require('../tinymce/js/tinymce/models/dom/model.js');
 require('../tinymce/js/tinymce/skins/ui/oxide/skin.css');
 
 /* Import plugins - include the relevant plugin in the 'plugins' option. */
-require('../tinymce/js/tinymce/plugins/advlist/plugin.js');
-require('../tinymce/js/tinymce/plugins/code/plugin.js');
-require('../tinymce/js/tinymce/plugins/emoticons/plugin.js');
+require('../tinymce/js/tinymce/plugins/advlist');
+require('../tinymce/js/tinymce/plugins/code');
+require('../tinymce/js/tinymce/plugins/emoticons');
 require('../tinymce/js/tinymce/plugins/emoticons/js/emojis');
-require('../tinymce/js/tinymce/plugins/link/plugin.js');
-require('../tinymce/js/tinymce/plugins/lists/plugin.js');
-require('../tinymce/js/tinymce/plugins/table/plugin.js');
+require('../tinymce/js/tinymce/plugins/link');
+require('../tinymce/js/tinymce/plugins/lists');
+require('../tinymce/js/tinymce/plugins/table');
 
 /* content UI CSS is required */
 const contentUiSkinCss = fs.readFileSync('tinymce/js/tinymce/skins/ui/oxide/content.css', { encoding: 'UTF-8' });