diff --git a/CHANGELOG.md b/CHANGELOG.md index 7cabca5..3609a71 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -6,6 +6,9 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0 ## Unreleased +### Changed +- Set the default channel to `8`. INT-3354 + ## 2.2.0 - 2025-05-29 ### Added diff --git a/package.json b/package.json index c0f7abf..379abc1 100644 --- a/package.json +++ b/package.json @@ -42,7 +42,7 @@ "esm": "^3.2.25", "express": "^4.18.2", "rollup": "^4.24.0", - "tinymce": "^7.4.1", + "tinymce": "^8.0.0", "ts-loader": "^9.4.2", "ts-node": "^10.9.1", "typescript": "~5.6.3", diff --git a/src/demo/html/basic.html b/src/demo/html/basic.html index 3aca29d..8182a19 100644 --- a/src/demo/html/basic.html +++ b/src/demo/html/basic.html @@ -8,7 +8,14 @@

TinyMCE Web Component Simple Demo Page

- + + + + diff --git a/src/demo/html/common-attributes.html b/src/demo/html/common-attributes.html index 2b30dd6..f67ebdf 100644 --- a/src/demo/html/common-attributes.html +++ b/src/demo/html/common-attributes.html @@ -36,7 +36,15 @@

TinyMCE Web Component Common Attributes Demo Page

  • icons_url
  • setup
    • + + + -<p style="text-align: center;"><span style="color: #bdc3c7;">&rarr; This is a full-featured editor demo. Please explore! &larr;</span></p> -<p style="text-align: center;">&nbsp;</p> -<h2 style="text-align: center;">TinyMCE is the world's most customizable, and flexible, rich text editor.</h2> -<p style="text-align: center;"><strong> <span style="font-size: 14pt;"> <span style="color: #7e8c8d; font-weight: 600;"> A featherweight download, TinyMCE can handle any challenge you throw at it. </span> </span> </strong></p> -<p style="text-align: center;">&nbsp;</p> -<table style="border-collapse: collapse; width: 85%; margin-left: auto; margin-right: auto; border: 0;"> -<tbody> -<tr> -<td style="width: 25%; text-align: center; padding: 7px;"><span style="color: #95a5a6;">🛠 50+ Plugins</span></td> -<td style="width: 25%; text-align: center; padding: 7px;"><span style="color: #95a5a6;">💡 Premium Support</span></td> -<td style="width: 25%; text-align: center; padding: 7px;"><span style="color: #95a5a6;">🖍 Custom Skins</span></td> -<td style="width: 25%; text-align: center; padding: 7px;"><span style="color: #95a5a6;">⚙ Full API Access</span></td> -</tr> -</tbody> -</table> - - - +

    TinyMCE Web Component Content Demo Page

    + + + + + <p style="text-align: center;"><span style="color: #bdc3c7;">&rarr; This is a full-featured editor demo. Please explore! &larr;</span></p> + <p style="text-align: center;">&nbsp;</p> + <h2 style="text-align: center;">TinyMCE is the world's most customizable, and flexible, rich text editor.</h2> + <p style="text-align: center;"><strong> <span style="font-size: 14pt;"> <span style="color: #7e8c8d; font-weight: 600;"> A featherweight download, TinyMCE can handle any challenge you throw at it. </span> </span> </strong></p> + <p style="text-align: center;">&nbsp;</p> + <table style="border-collapse: collapse; width: 85%; margin-left: auto; margin-right: auto; border: 0;"> + <tbody> + <tr> + <td style="width: 25%; text-align: center; padding: 7px;"><span style="color: #95a5a6;">🛠 50+ Plugins</span></td> + <td style="width: 25%; text-align: center; padding: 7px;"><span style="color: #95a5a6;">💡 Premium Support</span></td> + <td style="width: 25%; text-align: center; padding: 7px;"><span style="color: #95a5a6;">🖍 Custom Skins</span></td> + <td style="width: 25%; text-align: center; padding: 7px;"><span style="color: #95a5a6;">⚙ Full API Access</span></td> + </tr> + </tbody> + </table> + + + diff --git a/src/demo/html/demo.html b/src/demo/html/demo.html index 49427ce..e5e08aa 100644 --- a/src/demo/html/demo.html +++ b/src/demo/html/demo.html @@ -7,11 +7,18 @@ + +

    TinyMCE Web Component Demo Page

    Attribute config

    Attribute config promotion="false" >

    Default with readonly

    - + <p>The quick <b>brown</b> fox.</p> <p>Jumps over the <i>lazy</i> dog.</p> <p><img src="http://www.google.com/google.jpg" onload="javascript: alert('hello');"/></p> diff --git a/src/demo/html/disabled.html b/src/demo/html/disabled.html index a495582..d1e0e30 100644 --- a/src/demo/html/disabled.html +++ b/src/demo/html/disabled.html @@ -26,15 +26,18 @@ editor.removeAttribute('readonly'); } } + var editorConfig = { + license_key: 'gpl' + }

    TinyMCE WebComponent Demo: Disabled and Readonly

    Readonly mode

    - +

    Disabled state

    - +
    diff --git a/src/demo/html/events.html b/src/demo/html/events.html index 6e4d16f..3ffe478 100644 --- a/src/demo/html/events.html +++ b/src/demo/html/events.html @@ -21,12 +21,17 @@ }; window['editors'] = editors; })(); + + var editorConfig = { + license_key: 'gpl' + };

    TinyMCE Web Component Events Demo Page

    , content: string) => { const ce = SugarElement.fromTag('tinymce-editor'); - Attribute.set(ce, 'channel', '6-testing'); + Attribute.set(ce, 'channel', '8'); Attribute.setAll(ce, attrs); TextContent.set(ce, content); Insert.append(SugarBody.body(), ce); diff --git a/yarn.lock b/yarn.lock index fbe584e..3fc74ad 100644 --- a/yarn.lock +++ b/yarn.lock @@ -7055,10 +7055,10 @@ thunky@^1.0.2: resolved "https://registry.yarnpkg.com/thunky/-/thunky-1.1.0.tgz#5abaf714a9405db0504732bbccd2cedd9ef9537d" integrity sha512-eHY7nBftgThBqOyHGVN+l8gF0BucP09fMo0oO/Lb0w1OF80dJv+lDVpXG60WMQvkcxAkNybKsrEIE3ZtKGmPrA== -tinymce@^7.4.1: - version "7.9.0" - resolved "https://registry.yarnpkg.com/tinymce/-/tinymce-7.9.0.tgz#92e2260629de77e864e0a66e61c4a6193cf9cc32" - integrity sha512-tTrUmUGWqy1BY1WwDYh4WiuHm23LiRTcE1Xq3WLO8HKFzde/d0bTF/hXWOa97zqGh0ndJHx/nysQaNC9Gcd16g== +tinymce@^8.0.0: + version "8.0.0" + resolved "https://registry.yarnpkg.com/tinymce/-/tinymce-8.0.0.tgz#e6abd6bd31a2972f0a514462c281d4f7b2dae50e" + integrity sha512-E1OwCXXCzmZLx6sQVeMHdb61Hsp+7AxWtYstXp7Yw59Et4AdHQ0N36n7InVaYDmq2aBlCM8qkTQYKEqKgecP3A== tinyrainbow@^1.2.0: version "1.2.0"