Various changes and remove instructions related to premium plugins from the bundling with webpack guide

Author: tiny-ben-tran

modules/ROOT/pages/introduction-to-bundling-tinymce.adoc

@@ -4,7 +4,7 @@
 :description: Introduction to bundling TinyMCE with Webpack, Rollup.js, or Browserify.
 :keywords: webpack, browserify, es6, rollup, commonjs, modules, tinymce, es2015
 
-The following guides and reference pages assist with bundling {productname} using a module loader, such as Webpack, Rollup.js, and Browserify. {productname} is a modular platform that is designed to lazy-load libraries when they are required. This allows developers to only bundle the components of {productname} that are required and keep the resulting bundle as small as possible.
+The following guides and reference pages assists you bundle {productname} into your project using a module bundler, such as Webpack, Rollup.js, and Browserify.
 
 == Webpack
 

modules/ROOT/pages/webpack-cjs-download.adoc

@@ -13,7 +13,7 @@ include::partial$module-loading/bundling-procedure-intro.adoc[]
 
 This guide requires the following:
 
-* Node.js and npm
+* Node.js and NPM
 * Basic knowledge of how to use https://webpack.js.org/[Webpack]
 
 == Procedure

modules/ROOT/pages/webpack-cjs-npm.adoc

@@ -1,9 +1,9 @@
-= Bundling an NPM version of TinyMCE with CommonJS and Webpack
-:navtitle: CommonJS and npm
+= Bundling TinyMCE from NPM using Webpack and CommonJS
+:navtitle: CommonJS and NPM
 :description_short: Bundling an NPM version of TinyMCE in a project using CommonJS and Webpack
 :description: Bundling an NPM version of TinyMCE in a project using CommonJS and Webpack
 :keywords: webpack, commonjs, cjs, npm, modules, tinymce
-:installtype: an npm
+:installtype: an NPM
 :bundler: https://webpack.js.org/[Webpack]
 :syntax: http://www.commonjs.org/specs/modules/1.0/[CommonJS syntax]
 
@@ -13,7 +13,7 @@ include::partial$module-loading/bundling-procedure-intro.adoc[]
 
 This guide requires the following:
 
-* Node.js and npm
+* Node.js and NPM
 * Basic knowledge of how to use https://webpack.js.org/[Webpack]
 * (Optional: For premium features) The latest premium `+.zip+` bundle of TinyMCE for including premium plugins
 

modules/ROOT/pages/webpack-es6-download.adoc

@@ -13,7 +13,7 @@ include::partial$module-loading/bundling-procedure-intro.adoc[]
 
 This guide requires the following:
 
-* Node.js and npm
+* Node.js and NPM
 * Basic knowledge of how to use https://webpack.js.org/[Webpack]
 
 == Procedure

modules/ROOT/pages/webpack-es6-npm.adoc

@@ -1,9 +1,9 @@
-= Bundling an NPM version of TinyMCE with ES6 and Webpack
-:navtitle: ES6 and npm
-:description_short: Bundling an NPM version of TinyMCE in a project using ES6 and Webpack
-:description: Bundling an NPM version of TinyMCE in a project using ES6 and Webpack
+= Bundling TinyMCE from NPM with Webpack using ES6 modules
+:navtitle: ES6
+:description_short: Bundling TinyMCE in a project using Webpack with ES6
+:description: Bundling TinyMCE in a project using Webpack with ES6
 :keywords: webpack, es6, es2015, npm, modules, tinymce
-:installtype: an npm
+:installtype: an NPM
 :bundler: https://webpack.js.org/[Webpack]
 :syntax: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Modules[ES6+ syntax]
 
@@ -13,7 +13,7 @@ include::partial$module-loading/bundling-procedure-intro.adoc[]
 
 This guide requires the following:
 
-* Node.js and npm
+* Node.js and NPM
 * Basic knowledge of how to use https://webpack.js.org/[Webpack]
 * (Optional: For premium features) The latest premium `+.zip+` bundle of TinyMCE for including premium plugins
 

modules/ROOT/partials/module-loading/bundling-procedure-intro.adoc

@@ -1,3 +1 @@
-The following procedure will assist with bundling {installtype} version of {productname} with {bundler} using {syntax}. The procedure assumes the user has experience with {bundler} and {syntax}. The following steps provide a working example for bundling a basic {productname} configuration with {bundler}, and provides links to reference pages at the end of the procedure for bundling additional customizations with the editor.
-
-If {productname} will be used with a JavaScript framework (such as React.js, Angular, or Vue.js) the bundle will also require the relevant framework integration package (where available). For a list of supported framework integrations, see: xref:installation.adoc[Installing {productname}].
+The following procedure will assist with bundling {installtype} version of {productname} with {bundler} using {syntax}. The procedure assumes the user has experience with {bundler} and {syntax}. The following steps provide a working example for bundling a basic {productname} configuration with {bundler}.

modules/ROOT/partials/module-loading/bundling-webpack-cjs-npm_editor.adoc

@@ -30,11 +30,6 @@ require('tinymce/plugins/table');
 require('tinymce/plugins/help');
 require('tinymce/plugins/help/js/i18n/keynav/en');
 
-/* Import premium plugins from NPM */
-require('tinymce-premium/plugins/advcode');
-require('tinymce-premium/plugins/licensekeymanager');
-require('tinymce-premium/plugins/tinycomments');
-
 /* content UI CSS is required (using the default oxide skin) */
 const contentUiSkinCss = require('tinymce/skins/ui/oxide/content.css');
 
@@ -50,8 +45,7 @@ exports.render = () => {
     toolbar: 'bold italic | bullist numlist | link emoticons',
     skin: false,
     content_css: false,
-    content_style: contentUiSkinCss.toString() + '\n' + contentCss.toString(),
-include::partial$module-loading/bundling-external-plugins-npm.adoc[]
+    content_style: contentUiSkinCss.toString() + '\n' + contentCss.toString()
   });
 };
 ----

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

@@ -30,10 +30,6 @@ require('../tinymce/js/tinymce/plugins/table');
 require('../tinymce/js/tinymce/plugins/help');
 require('../tinymce/js/tinymce/plugins/help/js/i18n/keynav/en');
 
-include::partial$integrations/premium-plugins-bundling.adoc[]
-/* From ZIP download - download separately and add to /src/plugins */
-/* import './plugins/<plugincode>'; */
-
 /* content UI CSS is required (using the default oxide skin) */
 const contentUiSkinCss = require('../tinymce/js/tinymce/skins/ui/oxide/content.css');
 

modules/ROOT/partials/module-loading/bundling-webpack-es6-npm_editor.adoc

@@ -30,8 +30,6 @@ import 'tinymce/plugins/table';
 import 'tinymce/plugins/help';
 import 'tinymce/plugins/help/js/i18n/keynav/en';
 
-include::partial$integrations/premium-plugins-bundling.adoc[]
-
 /* content UI CSS is required (using the default oxide skin) */
 import contentUiSkinCss from 'tinymce/skins/ui/oxide/content.css';
 
@@ -46,8 +44,7 @@ export function render () {
     toolbar: 'bold italic | bullist numlist | link emoticons',
     skin: false,
     content_css: false,
-    content_style: contentUiSkinCss.toString() + '\n' + contentCss.toString(),
-include::partial$module-loading/bundling-external-plugins-npm.adoc[]
+    content_style: contentUiSkinCss.toString() + '\n' + contentCss.toString()
   });
 };
 ----

modules/ROOT/partials/module-loading/bundling-webpack-es6-zip_editor.adoc

@@ -30,10 +30,6 @@ import '../tinymce/js/tinymce/plugins/table';
 import '../tinymce/js/tinymce/plugins/help';
 import '../tinymce/js/tinymce/plugins/help/js/i18n/keynav/en';
 
-include::partial$integrations/premium-plugins-bundling.adoc[]
-/* From ZIP download - download separately and add to /src/plugins */
-/* import './plugins/<plugincode>'; */
-
 /* content UI CSS is required (using the default oxide skin) */
 import contentUiSkinCss from '../tinymce/js/tinymce/skins/ui/oxide/content.css';
 
@@ -48,8 +44,7 @@ export function render () {
     toolbar: 'bold italic | bullist numlist | link emoticons',
     skin: false,
     content_css: false,
-    content_style: contentUiSkinCss.toString() + '\n' + contentCss.toString(),
-include::partial$module-loading/bundling-external-plugins-zip.adoc[]
+    content_style: contentUiSkinCss.toString() + '\n' + contentCss.toString()
   });
 };
 ----