New editor. (#1034)

* New editor. * Fix tests
Squidex · Oct 20, 2023 · 0909a21 · 0909a21
1 parent 43c207b
commit 0909a21
Show file tree

Hide file tree

Showing 37 changed files with 5,340 additions and 1,278 deletions.
diff --git a/backend/src/Squidex/wwwroot/editor/squidex-editor.css b/backend/src/Squidex/wwwroot/editor/squidex-editor.css
diff --git a/backend/src/Squidex/wwwroot/editor/squidex-editor.js b/backend/src/Squidex/wwwroot/editor/squidex-editor.js
diff --git a/backend/src/Squidex/wwwroot/scripts/editor-combined.html b/backend/src/Squidex/wwwroot/scripts/editor-combined.html
@@ -6,10 +6,21 @@
 
     <!-- Load the editor sdk from the local folder or https://cloud.squidex.io/scripts/editor-sdk.js -->
     <script src="editor-sdk.js"></script>
+
+    <link rel="stylesheet" type="text/css" href="https://cloud.squidex.io/styles.css">
+    <style>
+        body {
+            background-color: white;
+        }
+
+        textarea {
+            height: 300px;
+        }
+    </style>
 </head>
 
 <body>
-    <textarea style="width: 100%; box-sizing: border-box; height: 40px;" name="content" id="editor"></textarea>
+    <textarea class="form-control" id="editor"></textarea>
 
     <script>
         var element = document.getElementById('editor');

diff --git a/backend/src/Squidex/wwwroot/scripts/editor-context.html b/backend/src/Squidex/wwwroot/scripts/editor-context.html
@@ -7,13 +7,14 @@
     <!-- Load the editor sdk from the local folder or https://cloud.squidex.io/scripts/editor-sdk.js -->
     <script src="editor-sdk.js"></script>
 
+    <link rel="stylesheet" type="text/css" href="https://cloud.squidex.io/styles.css">
     <style>
+        body {
+            background-color: white;
+        }
+
         textarea {
-            box-sizing: border-box; 
-            resize: none;
-            overflow-x: hidden;
-            overflow-y: hidden;
-            width: 100%;
+            height: 300px;
         }
     </style>
 </head>
@@ -26,7 +27,7 @@
         }
     </script>
 
-    <textarea oninput="grow(this)" name="content" id="editor"></textarea>
+    <textarea oninput="grow(this)" class="form-control" name="content" id="editor"></textarea>
 
     <script>
         var element = document.getElementById('editor');

diff --git a/backend/src/Squidex/wwwroot/scripts/editor-dialogs.html b/backend/src/Squidex/wwwroot/scripts/editor-dialogs.html
@@ -6,22 +6,29 @@
 
     <!-- Load the editor sdk from the local folder or https://cloud.squidex.io/scripts/editor-sdk.js -->
     <script src="editor-sdk.js"></script>
+
+    <link rel="stylesheet" type="text/css" href="https://cloud.squidex.io/styles.css">
+    <style>
+        body {
+            background-color: white;
+        }
+    </style>
 </head>
 
 <body>
-    <button id="alert">
+    <button class="btn btn-outline-secondary" id="alert">
         ALERT
     </button>
 
-    <button id="info">
+    <button class="btn btn-outline-secondary" id="info">
         INFO
     </button>
 
-    <button id="confirm">
+    <button class="btn btn-outline-secondary" id="confirm">
         CONFIRM
     </button>
 
-    <button id="pickAssets">
+    <button class="btn btn-outline-secondary" id="pickAssets">
         PICK ASSETS
     </button>
 

diff --git a/backend/src/Squidex/wwwroot/scripts/editor-editorjs.html b/backend/src/Squidex/wwwroot/scripts/editor-editorjs.html
diff --git a/backend/src/Squidex/wwwroot/scripts/editor-json-schema.html b/backend/src/Squidex/wwwroot/scripts/editor-json-schema.html
diff --git a/backend/src/Squidex/wwwroot/scripts/editor-log.html b/backend/src/Squidex/wwwroot/scripts/editor-log.html
@@ -7,22 +7,26 @@
     <!-- Load the editor sdk from the local folder or https://cloud.squidex.io/scripts/editor-sdk.js -->
     <script src="editor-sdk.js"></script>
 
+    <link rel="stylesheet" type="text/css" href="https://cloud.squidex.io/styles.css">
     <style>
-        #textarea {
-            box-sizing: border-box;
-            min-width: 100%;
-            min-height: 200px;
-            margin-top: 10px;
+        body {
+            background-color: white;
+        }
+
+        textarea {
+            height: 300px;
+            font-family: monospace;
+            font-size: 12px;
         }
     </style>
 </head>
 
 <body>
-    <div>
-        <button id="button">Generate New Value</button>
+    <div class="mb-2">
+        <button class="btn btn-outline-secondary" id="button">Generate New Value</button>
     </div>
 
-    <textarea readonly id="textarea"></textarea>
+    <textarea class="form-control" readonly id="textarea"></textarea>
 
     <script>
         var numberGenerator = 1;

diff --git a/backend/src/Squidex/wwwroot/scripts/editor-monaco.html b/backend/src/Squidex/wwwroot/scripts/editor-monaco.html