From f24901ea043f1700e7f428370444b812b20077eb Mon Sep 17 00:00:00 2001 From: Karl Kemister-Sheppard Date: Mon, 13 Apr 2026 15:26:53 +1000 Subject: [PATCH 1/4] 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 | 48 ++++++++++++++++--- 1 file changed, 41 insertions(+), 7 deletions(-) diff --git a/modules/ROOT/partials/integrations/svelte-tech-ref.adoc b/modules/ROOT/partials/integrations/svelte-tech-ref.adoc index 3ddf07d006..bbad396b76 100644 --- a/modules/ROOT/partials/integrations/svelte-tech-ref.adoc +++ b/modules/ROOT/partials/integrations/svelte-tech-ref.adoc @@ -1,5 +1,6 @@ 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] @@ -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 {productname} 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 780313903fba9dc380876a37904a8bd536245acc Mon Sep 17 00:00:00 2001 From: Karl Kemister-Sheppard Date: Mon, 13 Apr 2026 16:47:24 +1000 Subject: [PATCH 2/4] 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 bbad396b76..d7c36c56e7 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 9754d6f90e82765cd54ccbd8e5767b04bf3565e9 Mon Sep 17 00:00:00 2001 From: Karl Kemister-Sheppard Date: Mon, 13 Apr 2026 16:48:58 +1000 Subject: [PATCH 4/4] 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 51dd3e8690..68ec8f64a4 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 {productname} Svelte integration