Lexical: Added tracked container, added fullscreen action

[bookstack] / resources / views / pages / parts / wysiwyg-editor.blade.php

diff --git a/resources/views/pages/parts/wysiwyg-editor.blade.php b/resources/views/pages/parts/wysiwyg-editor.blade.php
index 5cd60bbc69b549c8ee9b28c6509b2ac88a93ebbe..8fc0dc55a55d70aaf6579650126b3fb749f1ad06 100644 (file)
--- a/resources/views/pages/parts/wysiwyg-editor.blade.php
+++ b/resources/views/pages/parts/wysiwyg-editor.blade.php
@@ -6,48 +6,49 @@
      option:wysiwyg-editor:server-upload-limit-text="{{ trans('errors.server_upload_limit') }}"
      class="">
 
-    <div class="editor-container">
-        <div refs="wysiwyg-editor@edit-area" contenteditable="true">
-            <p id="Content!">Some <strong>content</strong> here</p>
-            <p>Content with image in, before text. <img src="https://bookstack.local/bookstack/uploads/images/gallery/2022-03/scaled-1680-/cats-image-2400x1000-2.jpg" width="200" alt="Sleepy meow"> After text.</p>
-            <p>This has a <a href="https://example.com" target="_blank" title="Link to example">link</a> in it</p>
-            <h2>List below this h2 header</h2>
-            <ul>
-                <li>Hello</li>
-            </ul>
-
-            <details>
-                <summary>Collapsible details/summary block</summary>
-                <p>Inner text here</p>
-                <h4>Inner Header</h4>
-                <p>More text <strong>with bold in</strong> it</p>
-            </details>
-
-            <p class="callout info">
-                Hello there, this is an info callout
-            </p>
-
-            <h3>Table</h3>
-
-            <table>
-                <thead>
-                <tr>
-                    <th>Cell A</th>
-                    <th>Cell B</th>
-                    <th>Cell C</th>
-                </tr>
-                </thead>
-                <tbody>
-                <tr>
-                    <td>Cell D</td>
-                    <td>Cell E</td>
-                    <td>Cell F</td>
-                </tr>
-                </tbody>
-            </table>
-        </div>
+    <div class="editor-container" refs="wysiwyg-editor@edit-container">
     </div>
 
+    <script type="text/html" refs="wysiwyg-editor@edit-content">
+        <p id="Content!">Some <strong>content</strong> here</p>
+        <p>Content with image in, before text. <img src="https://bookstack.local/bookstack/uploads/images/gallery/2022-03/scaled-1680-/cats-image-2400x1000-2.jpg" width="200" alt="Sleepy meow"> After text.</p>
+        <p>This has a <a href="https://example.com" target="_blank" title="Link to example">link</a> in it</p>
+        <h2>List below this h2 header</h2>
+        <ul>
+            <li>Hello</li>
+        </ul>
+
+        <details>
+            <summary>Collapsible details/summary block</summary>
+            <p>Inner text here</p>
+            <h4>Inner Header</h4>
+            <p>More text <strong>with bold in</strong> it</p>
+        </details>
+
+        <p class="callout info">
+            Hello there, this is an info callout
+        </p>
+
+        <h3>Table</h3>
+
+        <table>
+            <thead>
+            <tr>
+                <th>Cell A</th>
+                <th>Cell B</th>
+                <th>Cell C</th>
+            </tr>
+            </thead>
+            <tbody>
+            <tr>
+                <td>Cell D</td>
+                <td>Cell E</td>
+                <td>Cell F</td>
+            </tr>
+            </tbody>
+        </table>
+    </script>
+
     <div id="lexical-debug" style="white-space: pre-wrap; font-size: 12px; height: 200px; overflow-y: scroll; background-color: #000; padding: 1rem; border-radius: 4px; color: #FFF;"></div>
 
 {{--    <textarea id="html-editor"  name="html" rows="5"--}}