DOC-3209: Updated live-demo and fix incorrect file name causing demo to fail.

kemister85 · kemister85 · commit 8f11b2df079a · 2025-09-08T16:26:27.000+10:00
diff --git a/antora.yml b/antora.yml
@@ -10,7 +10,7 @@ asciidoc:
     companyurl: https://www.tiny.cloud
     cdnurl: https://cdn.tiny.cloud/1/no-api-key/tinymce/8/tinymce.min.js
     tdcdnurl: https://cdn.tiny.cloud/1/_your_api_key_/tinydrive/8/tinydrive.min.js
-    tinymce_live_demo_url: https://cdn.tiny.cloud/1/qagffr3pkuv17a8on1afax661irst1hbr4e6tbv888sz91jc/tinymce/8/tinymce.min.js
+    tinymce_live_demo_url: https://cdn.tiny.cloud/1/qagffr3pkuv17a8on1afax661irst1hbr4e6tbv888sz91jc/tinymce/8-dev/tinymce.min.js
     tinydrive_live_demo_url: https://cdn.tiny.cloud/1/qagffr3pkuv17a8on1afax661irst1hbr4e6tbv888sz91jc/tinydrive/8/tinydrive.min.js
     webcomponent_url: https://cdn.jsdelivr.net/npm/@tinymce/tinymce-webcomponent/dist/tinymce-webcomponent.min.js
     jquery_url: https://cdn.jsdelivr.net/npm/@tinymce/tinymce-jquery@2/dist/tinymce-jquery.min.js
diff --git a/modules/ROOT/examples/live-demos/fullpage/index.html b/modules/ROOT/examples/live-demos/fullpage/index.html
diff --git a/modules/ROOT/examples/live-demos/fullpagehtml/index.html b/modules/ROOT/examples/live-demos/fullpagehtml/index.html
@@ -0,0 +1,21 @@
+<textarea id="fullpagehtml">
+  <h1>Welcome to Full Page HTML Editing</h1>
+    <p>This demo demonstrates the capabilities of the <span class="highlight">Full Page HTML plugin</span>. You can:</p>
+    <ul>
+        <li>Edit document metadata including title, description, and keywords by clicking the <strong>Full Page HTML</strong> button in the toolbar</li>
+        <li>Modify HTML document structure and DOCTYPE</li>
+        <li>Customize body styles and document properties</li>
+        <li>View and edit the complete HTML structure in source code view or preview plugin under <strong>File</strong> in the menubar</li>
+    </ul>
+    <h2>Getting Started</h2>
+    <p>Click the <strong>Full Page HTML</strong> button in the toolbar to open the document properties dialog. From there, you can modify:</p>
+    <ul>
+        <li><strong>Document Title:</strong> Change the page title that appears in browser tabs</li>
+        <li><strong>Keywords:</strong> Add SEO keywords for search engines</li>
+        <li><strong>Description:</strong> Set the meta description for search results</li>
+        <li><strong>Body Style:</strong> Apply custom CSS styles to the document body</li>
+        <li><strong>HTML Structure:</strong> Modify DOCTYPE and encoding settings</li>
+    </ul>
+    <p>Try editing this content and then use the Full Page HTML button to see how the plugin manages the complete document structure!</p>
+    <p>To view the modified changes open preview which can be found under <strong>File</strong> in the menubar</p>
+</textarea>
diff --git a/modules/ROOT/examples/live-demos/fullpagehtml/index.js b/modules/ROOT/examples/live-demos/fullpagehtml/index.js
@@ -6,8 +6,7 @@ tinymce.init({
     "help", "image", "insertdatetime", "link", "lists", "media",
     "preview", "searchreplace", "table", "visualblocks",
   ],
-  menubar: 'file',
-  toolbar: "undo redo | fullpagehtml | styles | bold italic underline strikethrough | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image",
+  toolbar: "fullpagehtml | undo redo | styles | bold italic underline strikethrough | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image",
   // Full Page HTML Plugin Configuration Options
   fullpagehtml_default_doctype: '<!DOCTYPE html>',
   fullpagehtml_default_title: 'Full Page HTML Plugin Demo Document',
