You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
After installing the `+tinymce-premium+` package, you need to configure the plugins in your editor. There are two main approaches:
91
+
After installing the `+tinymce-premium+` package, configure the plugins in the editor using one of two fully supported approaches. Both options are production-ready and will continue to be supported in future releases:
92
+
93
+
* **<<bundling-recommended,Bundling>>** -- includes plugin code directly in the application bundle using a module bundler
94
+
* **<<using-external-plugins,Loading with `+external_plugins+`>>** -- loads plugins at runtime from a specified URL, enabling lazy-loading and CDN hosting
95
+
96
+
The right choice depends on the application architecture and deployment requirements.
92
97
93
98
[IMPORTANT]
94
99
====
@@ -112,9 +117,9 @@ external_plugins: {
112
117
====
113
118
114
119
[[bundling-recommended]]
115
-
=== Bundling (Recommended)
120
+
=== Bundling
116
121
117
-
For most modern applications, bundling premium plugins is recommended. This includes the plugin code directly in your application bundle.
122
+
Bundling includes the plugin code directly in the application bundle. This approach works well for applications that already use a module bundler such as Webpack, Vite, or Rollup.
118
123
119
124
. Import the premium plugins you need:
120
125
+
@@ -141,9 +146,9 @@ tinymce.init({
141
146
For complete bundling examples, see the <<premium-plugins,Premium plugins>> and <<community-plugins,Community plugins>> sections below.
142
147
143
148
[[using-external-plugins]]
144
-
=== Using external_plugins (Non-bundling)
149
+
=== Loading with external_plugins
145
150
146
-
When bundling is not available or you want to lazy-load plugins, use the `+external_plugins+` option:
151
+
The `+external_plugins+` option loads plugins at runtime from a specified URL. This approach enables lazy-loading, allows serving {productname} assets from a CDN or separate host, and avoids adding editor code to the application bundle. {cloudname} uses this same mechanism to load the editor.
Copy file name to clipboardExpand all lines: modules/ROOT/pages/license-key.adoc
+1-1Lines changed: 1 addition & 1 deletion
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -74,7 +74,7 @@ tinymce.init({
74
74
====
75
75
* The `+licensekeymanager+` plugin is included in the `+tinymce-premium+` package.
76
76
* The `+tinymce-premium+` package version must match the `+tinymce+` package version (e.g., both at 8.3.0).
77
-
* The `+external_plugins+` option allows loading the license key manager from any location, useful when bundling is not available or when lazy-loading plugins. For more information, see: xref:editor-important-options.adoc#external_plugins[`+external_plugins+` configuration option].
77
+
* The `+external_plugins+` option allows loading the license key manager from any location, such as a CDN or separate host. For more information, see: xref:editor-important-options.adoc#external_plugins[`+external_plugins+` configuration option].
0 commit comments