DOC-3313: Revert changes to incorrect demo to the cloud-quick-start demo.

Author: kemister85

modules/ROOT/examples/live-demos/default-editor/example.html

@@ -3,6 +3,5 @@
   when you click submit.
 -->
 <textarea id="default-editor">
-  <h1>Welcome to TinyMCE!</h1>
-  <p>⭐️ Let's <em>explore</em> some features 🗺️ like <span style="background-color: #bfedd2;">footnotes</span>, <span style="background-color: #c2e0f4;">spellchecking</span> and <span style="background-color: #fbeeb8;">export to PDF</span>...</p>
+  <p><em>Hello</em>, <span style="text-decoration: underline;"><strong>World!</strong></span></p>
 </textarea>

modules/ROOT/examples/live-demos/default-editor/example.js

@@ -1,12 +1,9 @@
 tinymce.init({
   selector: 'textarea#default-editor',
   plugins: [
-    "advlist", "autolink", "charmap", "codesample", "emoticons", "help",
-    "image", "link", "lists", "searchreplace", "table", "wordcount",
-    // Premium features
-    "advcode", "autocorrect", "footnotes", "mediaembed", 
-    "powerpaste", "tinymcespellchecker", "casechange", "checklist", 
-    "formatpainter", "permanentpen", "advtable", "tableofcontents", "exportpdf"
+      "advlist", "anchor", "autolink", "charmap", "code", "fullscreen",
+      "help", "image", "insertdatetime", "link", "lists", "media",
+      "preview", "searchreplace", "table", "visualblocks",
   ],
-  toolbar: " exportpdf | spellcheckdialog | styles | bold italic underline strikethrough | align bullist numlist | link image emoticons footnotes checklist formatpainter permanentpen tableofcontents",
+  toolbar: "undo redo | styles | bold italic underline strikethrough | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image",
 });

modules/ROOT/examples/live-demos/default-editor/index.html

@@ -14,34 +14,28 @@
 }
 .live_demo {
   background-color: #335dff;
-  color: #fafafa !important;
+  color: #fafafa;
   cursor: pointer;
   font-size: 1em;
   font-weight: 600;
   line-height: 1.15;
   margin: 0;
-  padding: 0.625rem 1.5rem;
-  border-radius: 8px;
-  border: none;
-  transition: all 0.3s ease;
-  box-shadow: 0 2px 8px rgba(51, 93, 255, 0.2);
+  padding: .5rem;
+  border-radius: 6px;
 }
 .live_demo:hover {
-  background-color: #f5f5f5 !important;
-  color: #0c132c !important;
-  transform: translateY(-2px);
-  box-shadow: 0 4px 16px rgba(51, 93, 255, 0.3);
+  background-color: #2a4fd8;
 }
 </style>
 
 <textarea id="default-editor">
-  <h1>Welcome to TinyMCE!</h1>
-  <p>⭐️ Let's <em>explore</em> some features 🗺️ like <span style="background-color: #bfedd2;">footnotes</span>, <span style="background-color: #c2e0f4;">spellchecking</span> and <span style="background-color: #fbeeb8;">export to PDF</span>...</p>
+  <p><em>Hello</em>, <span style="text-decoration: underline;"><strong>World!</strong></span></p>
 </textarea>
+
 <div id="submitContainer">
   <button id="fake-submit" class="live_demo">View HTML Output</button>
 </div>
-<pre id="output-content" class="contentDumpBox">Click the "View HTML Output" button to see the generated HTML content. Try editing the text above to see how TinyMCE preserves your formatting and styles!</pre>
+<pre id="output-content" class="contentDumpBox">Click the "View HTML Output" button to see the generated HTML content.</pre>
 <script>
   const btn = document.getElementById('fake-submit');
   btn.addEventListener('click', () => {

modules/ROOT/examples/live-demos/default-editor/index.js

@@ -1,12 +1,9 @@
 tinymce.init({
   selector: 'textarea#default-editor',
   plugins: [
-    "advlist", "autolink", "charmap", "codesample", "emoticons", "help",
-    "image", "link", "lists", "searchreplace", "table", "wordcount",
-    // Premium features
-    "advcode", "autocorrect", "footnotes", "mediaembed", 
-    "powerpaste", "tinymcespellchecker", "casechange", "checklist", 
-    "formatpainter", "permanentpen", "advtable", "tableofcontents", "exportpdf"
+      "advlist", "anchor", "autolink", "charmap", "code", "fullscreen",
+      "help", "image", "insertdatetime", "link", "lists", "media",
+      "preview", "searchreplace", "table", "visualblocks",
   ],
-  toolbar: "exportpdf | spellcheckdialog | styles | bold italic underline strikethrough | align bullist numlist | link image emoticons footnotes checklist formatpainter permanentpen tableofcontents",
+  toolbar: "undo redo | styles | bold italic underline strikethrough | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image",
 });

modules/ROOT/examples/live-demos/default/index.html

@@ -1 +1,4 @@
-<textarea id="default">Hello, World!</textarea>
+<textarea id="default">
+  <h1>Welcome to TinyMCE!</h1>
+  <p>⭐️ Let's <em>explore</em> some features 🗺️ like <span style="background-color: #bfedd2;">footnotes</span>, <span style="background-color: #c2e0f4;">spellchecking</span> and <span style="background-color: #fbeeb8;">export to PDF</span>...</p>
+</textarea>

modules/ROOT/examples/live-demos/default/index.js

@@ -1,3 +1,12 @@
 tinymce.init({
-  selector: 'textarea#default'
+  selector: 'textarea#default',
+  plugins: [
+    "advlist", "autolink", "charmap", "codesample", "emoticons", "help",
+    "image", "link", "lists", "searchreplace", "table", "wordcount",
+    // Premium features
+    "advcode", "autocorrect", "footnotes", "mediaembed", 
+    "powerpaste", "tinymcespellchecker", "casechange", "checklist", 
+    "formatpainter", "permanentpen", "advtable", "tableofcontents", "exportpdf"
+  ],
+  toolbar: "exportpdf | spellcheckdialog | styles | bold italic underline strikethrough | align bullist numlist | link image emoticons footnotes checklist formatpainter permanentpen tableofcontents",
 });