Apply suggestions from code review

Co-authored-by: tiny-ben-tran <[email protected]>

Author: kemister85

modules/ROOT/pages/8.3.0-release-notes.adoc

@@ -29,9 +29,7 @@ include::partial$misc/admon-releasenotes-for-stable.adoc[]
 
 {productname} {release-version} introduces the `+tinymce-premium+` NPM package, providing commercial customers with easy access to all premium plugins, skins, icons, and language packs directly from the NPM registry. The package is available for download at link:https://www.npmjs.com/package/tinymce-premium[https://www.npmjs.com/package/tinymce-premium].
 
-The `+tinymce-premium+` package simplifies the installation and integration of premium plugins for projects using NPM or Yarn. The package includes all premium plugins, the license key manager plugin, and premium skins, icons, and language packs.
-
-To get started with using premium plugins with {productname} using NPM, see: xref:npm-projects.adoc[Quick start: {productname} from NPM or Yarn].
+The `+tinymce-premium+` package simplifies the installation and integration of premium plugins. To get started with using premium plugins with {productname}, see: xref:npm-projects.adoc[Quick start: {productname} from NPM or Yarn].
 
 
 [[accompanying-premium-plugin-changes]]

modules/ROOT/pages/angular-pm-bundle.adoc

@@ -1,7 +1,7 @@
 = Bundling TinyMCE with an Angular application
 :navtitle: Using a package manager with bundling
-:description: A guide on bundling TinyMCE with an Angular application using a module loader.
-:keywords: integration, integrate, angular, bundle, webpack
+:description: A guide on bundling TinyMCE with an Angular application using Vite.
+:keywords: integration, integrate, angular, bundle, vite, npm, tinymce
 :productSource: package-manager
 :packageName: @tinymce/tinymce-angular
 
@@ -11,7 +11,7 @@ For examples of the {productname} Angular integration, visit https://tinymce.git
 
 == Prerequisites
 
-This procedure requires https://nodejs.org/[Node.js (and npm)].
+This procedure requires https://nodejs.org/[Node.js (and NPM)].
 
 == Procedure
 
@@ -54,7 +54,7 @@ For information on configuring premium plugins when bundling, see: xref:bundling
 import { Component } from '@angular/core';
 import { EditorComponent } from '@tinymce/tinymce-angular';
 
-// TinyMCE so the global var exists
+// Ensure you import TinyMCE to register the global variable required by other components
 import 'tinymce/tinymce';
 // DOM model
 import 'tinymce/models/dom/model';
@@ -74,6 +74,7 @@ import 'tinymce/plugins/lists';
 import 'tinymce/plugins/table';
 import 'tinymce/plugins/code';
 import 'tinymce/plugins/help';
+import 'tinymce/plugins/help/js/en.js';
 import 'tinymce/plugins/wordcount';
 
 include::partial$integrations/premium-plugins-bundling.adoc[]
@@ -96,7 +97,6 @@ import 'tinymce/skins/ui/oxide/content.js';
 export class MyEditorComponent {
   init: EditorComponent['init'] = {
     height: 500,
-    menubar: false,
     plugins: 'advlist autolink lists link image table code help wordcount',
     toolbar: 'undo redo | blocks | bold italic | alignleft aligncenter alignright | bullist numlist | help'
   };
@@ -129,7 +129,6 @@ export class AppComponent {}
 ng serve
 ----
 +
-The development server will automatically bundle your application, including TinyMCE, when you access it in your browser. The bundler processes all the `import` statements and includes the {productname} modules in the development bundle.
 
 . Build the application for production:
 +
@@ -140,7 +139,7 @@ ng build
 +
 This command creates an optimized production bundle in the `+dist+` directory.
 
-. Update the `+licenseKey+` option in the editor component and include your xref:license-key.adoc[License Key].
+. If premium plugins are included, update the `+licenseKey+` option in the editor component and include your xref:license-key.adoc[License Key].
 
 == Next Steps
 

modules/ROOT/pages/bundling-plugins.adoc

@@ -5,7 +5,7 @@
 
 == Overview
 
-{productname} plugins can be bundled using module loaders such as Webpack, Rollup, or Vite. This guide covers how to include both community and premium plugins in your application bundle.
+{productname} plugins can be bundled using a module bundler such as Webpack, Rollup, or Vite. This guide covers how to include both community and premium plugins in your application bundle.
 
 {productname} includes both community and premium plugins:
 
@@ -151,10 +151,10 @@ tinymce.init({
   selector: 'textarea',
   license_key: 'T8LK:...', // Your commercial license key
   external_plugins: {
-    'advcode': '<path_to_premium_plugins>/advcode/plugin.min.js',
-    'tinycomments': '<path_to_premium_plugins>/tinycomments/plugin.min.js',
+    'advcode': '/<path_to_premium_plugins>/advcode/plugin.min.js',
+    'tinycomments': '/<path_to_premium_plugins>/tinycomments/plugin.min.js',
     // Always include the licensekeymanager plugin when using premium plugins with a commercial license.
-    'licensekeymanager': '<path_to_premium_plugins>/licensekeymanager/plugin.min.js'
+    'licensekeymanager': '/<path_to_premium_plugins>/licensekeymanager/plugin.min.js'
   },
   plugins: 'advcode tinycomments',
   // ... other configuration

modules/ROOT/pages/npm-projects.adoc

@@ -62,7 +62,7 @@ npm install tinymce-premium@^8.3
 
 [NOTE]
 ====
-The `+tinymce-premium+` package is available for {productname} 8.3 onwards and is currently only published to the NPM registry (Yarn can also install from NPM). The package version must align with the `+tinymce+` package version—always use compatible versions of both packages (e.g., both at 8.3.0 or later).
+The `+tinymce-premium+` package is available for {productname} 8.3 onwards and is currently only published to the NPM registry. The package version must align with the `+tinymce+` package version—always use compatible versions of both packages (e.g., both at 8.3.0 or later).
 ====
 
 === Package contents
@@ -71,7 +71,7 @@ The `+tinymce-premium+` package includes:
 
 * All premium plugins
 * License key manager plugin
-* Premium skins icons, and language packs for premium plugins
+* Premium skins, icons and language packs
 
 [NOTE]
 ====

modules/ROOT/pages/vue-pm-bundle.adoc

@@ -134,7 +134,6 @@ export default {
       content: '<p>This is the initial content of the editor.</p>',
       editorConfig: {
         height: 500,
-        menubar: false,
         plugins: 'advlist autolink lists link image table code help wordcount',
         toolbar: 'undo redo | blocks | bold italic | alignleft aligncenter alignright | bullist numlist | help'
       }

modules/ROOT/partials/configuration/external_plugins-premium-npm.adoc

@@ -1,4 +1,4 @@
-=== Using premium plugins from NPM with `+external_plugins+`
+=== Using premium plugins from NPM with `+external_plugins+` option
 
 When using the `+tinymce-premium+` package without bundling, you can configure premium plugins using the `+external_plugins+` option. The URLs can be specified in three ways: