From 185e315e14eb570d5729cff301b124b68cb0a85f Mon Sep 17 00:00:00 2001 From: Karl Kemister-Sheppard Date: Mon, 13 Apr 2026 15:26:53 +1000 Subject: [PATCH 1/5] DOC-3411: Update Svelte integration docs for tinymce-svelte 4.x / Svelte 5 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Update the Svelte technical reference to reflect breaking changes in @tinymce/tinymce-svelte 4.0.0 (Svelte 5 support): - Add supported versions table (4.x → Svelte 5+, 3.x → Svelte 4) - Update event binding: remove on: directive prefix (Svelte 5 syntax) - Add complete event binding example with handler signature - Fix mixed-case event names to lowercase (matching actual prop names) --- .../integrations/svelte-tech-ref.adoc | 50 ++++++++++++++++--- 1 file changed, 42 insertions(+), 8 deletions(-) diff --git a/modules/ROOT/partials/integrations/svelte-tech-ref.adoc b/modules/ROOT/partials/integrations/svelte-tech-ref.adoc index 8c884b7938..de5d465c49 100644 --- a/modules/ROOT/partials/integrations/svelte-tech-ref.adoc +++ b/modules/ROOT/partials/integrations/svelte-tech-ref.adoc @@ -1,6 +1,7 @@ Covered in this section: -* xref:configuring-the-tinymce-svelte-integration[Configuring the TinyMCE Svelte integration] +* xref:supported-versions[Supported versions] +* xref:configuring-the-tinymce-svelte-integration[Configuring the {productname} Svelte integration] ** xref:apikey[apiKey] ** xref:licensekey[licenseKey] ** xref:channel[channel] @@ -13,6 +14,21 @@ Covered in this section: * xref:component-binding[Component binding] * xref:event-binding[Event binding] +[[supported-versions]] +== Supported versions + +[cols="1,1", options="header"] +|=== +|`+@tinymce/tinymce-svelte+` +|Svelte + +|4.x +|5 or later + +|\<= 3.x +|4 (also compatible with Svelte 5 in legacy mode) +|=== + [[configuring-the-tinymce-svelte-integration]] == Configuring the TinyMCE Svelte integration @@ -254,9 +270,9 @@ let text = ''; Functions can be bound to editor events, such as: -[source,jsx] +[source,svelte] ---- - + ---- When the handler is called (*handlerFunction* in this example), it is called with two arguments: @@ -265,8 +281,26 @@ When the handler is called (*handlerFunction* in this example), it is called wit `+editor+`:: A reference to the editor. +=== Example of event binding + +[source,svelte] +---- + + +
+ +
+---- + [TIP] -Ensure event names are specified in lower-case (event names are case-sensitive). +Specify event names in lower-case (event names are case-sensitive). The following events are available: @@ -282,10 +316,10 @@ The following events are available: * `+change+` * `+clearundos+` * `+click+` -* `+CommentChange+` -* `+CompositionEnd+` -* `+CompositionStart+` -* `+CompositionUpdate+` +* `+commentchange+` +* `+compositionend+` +* `+compositionstart+` +* `+compositionupdate+` * `+contextmenu+` * `+copy+` * `+cut+` From 7c1c507580b4c9c0ce7d72f31e2d0be0ccb588ac Mon Sep 17 00:00:00 2001 From: Karl Kemister-Sheppard Date: Mon, 13 Apr 2026 16:47:24 +1000 Subject: [PATCH 2/5] Update modules/ROOT/partials/integrations/svelte-tech-ref.adoc Co-authored-by: tiny-ben-tran --- modules/ROOT/partials/integrations/svelte-tech-ref.adoc | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/modules/ROOT/partials/integrations/svelte-tech-ref.adoc b/modules/ROOT/partials/integrations/svelte-tech-ref.adoc index de5d465c49..3d63ded7c3 100644 --- a/modules/ROOT/partials/integrations/svelte-tech-ref.adoc +++ b/modules/ROOT/partials/integrations/svelte-tech-ref.adoc @@ -288,7 +288,7 @@ When the handler is called (*handlerFunction* in this example), it is called wit
- +
---- From 59ec8e1a5d1abcf8c05237cc00202b950475c69d Mon Sep 17 00:00:00 2001 From: Karl Kemister-Sheppard Date: Mon, 13 Apr 2026 16:48:58 +1000 Subject: [PATCH 4/5] Update modules/ROOT/partials/integrations/svelte-tech-ref.adoc Co-authored-by: tiny-ben-tran --- .../partials/integrations/svelte-tech-ref.adoc | 14 -------------- 1 file changed, 14 deletions(-) diff --git a/modules/ROOT/partials/integrations/svelte-tech-ref.adoc b/modules/ROOT/partials/integrations/svelte-tech-ref.adoc index fff834943c..f6b62aa46f 100644 --- a/modules/ROOT/partials/integrations/svelte-tech-ref.adoc +++ b/modules/ROOT/partials/integrations/svelte-tech-ref.adoc @@ -14,20 +14,6 @@ Covered in this section: * xref:component-binding[Component binding] * xref:event-binding[Event binding] -[[supported-versions]] -== Supported versions - -[cols="1,1", options="header"] -|=== -|`+@tinymce/tinymce-svelte+` -|Svelte - -|4.x -|5 or later - -|\<= 3.x -|4 (also compatible with Svelte 5 in legacy mode) -|=== [[configuring-the-tinymce-svelte-integration]] == Configuring the TinyMCE Svelte integration From 49a11e9063e45fa5860f4f7fabf95e5a65186f3d Mon Sep 17 00:00:00 2001 From: Karl Kemister-Sheppard Date: Tue, 14 Apr 2026 08:59:04 +1000 Subject: [PATCH 5/5] Update modules/ROOT/partials/integrations/svelte-tech-ref.adoc Co-authored-by: tiny-ben-tran --- modules/ROOT/partials/integrations/svelte-tech-ref.adoc | 1 - 1 file changed, 1 deletion(-) diff --git a/modules/ROOT/partials/integrations/svelte-tech-ref.adoc b/modules/ROOT/partials/integrations/svelte-tech-ref.adoc index f6b62aa46f..3fbf247b59 100644 --- a/modules/ROOT/partials/integrations/svelte-tech-ref.adoc +++ b/modules/ROOT/partials/integrations/svelte-tech-ref.adoc @@ -1,6 +1,5 @@ Covered in this section: -* xref:supported-versions[Supported versions] * xref:configuring-the-tinymce-svelte-integration[Configuring the {productname} Svelte integration] ** xref:apikey[apiKey] ** xref:licensekey[licenseKey]