Update quick start cloud

tiny-ben-tran · tiny-ben-tran · commit 414b426f54b0 · 2025-12-11T10:01:41.000+10:30
diff --git a/modules/ROOT/pages/cloud-quick-start.adoc b/modules/ROOT/pages/cloud-quick-start.adoc
@@ -1,44 +1,43 @@
-= Quick start: {productname} with {cloudname}
+= Quick start: {productname} from {cloudname}
 :navtitle: Quick start: Cloud
 :description_short: Setup a basic {productname} {productmajorversion} editor using the {cloudname}.
 :description: Get an instance of {productname} {productmajorversion} up and running using the {cloudname}.
 :keywords: tinymce, script, textarea
 :productSource: cloud
 
-== Install {productname} using the {cloudname}
 
 {productname} {productmajorversion} is a powerful and flexible rich text editor that can be embedded in web applications. This quick start covers how to add a {productname} editor to a web page using the {cloudname}.
 
 include::partial$misc/admon-account-creation-and-social-option.adoc[]
 
 == Include the {productname} script
 
-Include the following line of code in the `+<head>+` of a HTML page:
+Include the following script tag in the `+<head>+` of a HTML file:
 
 [source,html,subs="attributes+"]
 ----
 <script src="{cdnurl}" referrerpolicy="origin" crossorigin="anonymous"></script>
 ----
 
-== Initialize {productname} as part of a web form
+== Initialize {productname}
 
 include::partial$install/initialize-editor-cloud.adoc[]
 
-Adding this content to an HTML file and opening it in a web browser will load a {productname} editor, such as:
+Adding this content to the HTML file and opening it in a web browser will load a {productname} editor, such as:
 
 liveDemo::default[]
 
-== Update the "no-api-key" placeholder with your API key
+== Update the "no-api-key" placeholder
 
-To remove the notice:
+Update the `+no-api-key+` placeholder in the source script URL (`+<script src=https://.../no-api-key/tinymce/{productmajorversion}/tinymce.min.js+/>`) with your {cloudname} API key, which is created when signing up to the link:{accountsignup}/[{cloudname}].
+
+Providing a valid API key also removes the notice:
 
 [WARNING]
 ====
 **This domain is not registered with {cloudname}. Please see the quick start guide or create an account.**
 ====
 
-Update the `+no-api-key+` placeholder in the source script (`+<script src=...+`) with your {cloudname} API key, which is created when signing up to the link:{accountsignup}/[{cloudname}].
-
 Signing up for a {cloudname} API key will also provide a trial of the xref:plugins.adoc#premium-plugins[Premium Plugins].
 
 include::partial$install/save-content.adoc[]
diff --git a/modules/ROOT/partials/install/initialize-editor-cloud.adoc b/modules/ROOT/partials/install/initialize-editor-cloud.adoc
@@ -1,6 +1,6 @@
-Initialize {productname} {productmajorversion} on any element (or elements) on the web page by passing an object containing a `+selector+` value to `+tinymce.init()+`. The `+selector+` value can be any valid https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Selectors[CSS selector].
+Initialize {productname} {productmajorversion} on any element (or elements) on the web page by passing a `+selector+` to `+tinymce.init()+`. The `+selector+` value can be any valid https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Selectors[CSS selector].
 
-For example, to replace `+<textarea id="mytextarea">+` with a {productname} {productmajorversion} editor instance, pass the selector `+'#mytextarea'+` to `+tinymce.init()+`:
+For example, to initialize a {productname} {productmajorversion} instance at the textarea element, pass the selector `+#mytextarea+` to `+tinymce.init()+`.
 
 [source,html,subs="attributes+"]
 ----
@@ -11,18 +11,16 @@ For example, to replace `+<textarea id="mytextarea">+` with a {productname} {pro
     <meta name="viewport" content="width=device-width, initial-scale=1">
 
     <script src="{cdnurl}" referrerpolicy="origin" crossorigin="anonymous"></script>
+  </head>
+
+  <body>
+    <h1>{productname} Quick Start Guide</h1>
+    <textarea id="mytextarea">Hello, World!</textarea>
     <script>
       tinymce.init({
         selector: '#mytextarea'
       });
     </script>
-  </head>
-
-  <body>
-    <h1>{productname} Quick Start Guide</h1>
-    <form method="post">
-      <textarea id="mytextarea">Hello, World!</textarea>
-    </form>
   </body>
 </html>
 ----
diff --git a/package.json b/package.json
@@ -43,7 +43,5 @@
     "nodemon": "^3.1.10",
     "npm-run-all": "^4.1.5"
   },
-  "dependencies": {
-    "tinymce-premium": "^8.3.0"
-  }
+  "dependencies": {}
 }
diff --git a/yarn.lock b/yarn.lock
@@ -1874,11 +1874,6 @@ timers-ext@^0.1.7:
     es5-ext "~0.10.46"
     next-tick "1"
 
-tinymce-premium@^8.3.0:
-  version "8.3.0"
-  resolved "https://registry.yarnpkg.com/tinymce-premium/-/tinymce-premium-8.3.0.tgz#d837062bfba4fd6ca79fdad4310be6f9bcc78a3c"
-  integrity sha512-h76r8ynq2Y3pSqxJosp5qeDqFgz07jk6/GG1jCKUKg0Dc+HG0kfNpRuhl9au0v/QEcuDLp3495f512B/YfchYQ==
-
 to-regex-range@^5.0.1:
   version "5.0.1"
   resolved "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz"

Original file line number	Diff line number	Diff line change
`@@ -43,7 +43,5 @@`
`43`	`43`	`"nodemon": "^3.1.10",`
`44`	`44`	`"npm-run-all": "^4.1.5"`
`45`	`45`	`},`
`46`		`- "dependencies": {`
`47`		`- "tinymce-premium": "^8.3.0"`
`48`		`- }`
	`46`	`+ "dependencies": {}`
`49`	`47`	`}`