Feature/sidebar plugin (#582)

* Another sidebar plugin.
5 years ago · f9c9ee7bb9
1 changed files with 49 additions and 0 deletions
--- a/backend/src/Squidex/wwwroot/scripts/sidebar-content.html
+++ b/backend/src/Squidex/wwwroot/scripts/sidebar-content.html
@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta charset="utf-8">
+
+    <!-- Load the editor sdk from the local folder or https://cloud.squidex.io/scripts/editor-sdk.js -->
+    <script src="editor-sdk.js"></script>
+
+    <style>
+        textarea {
+            box-sizing: border-box; 
+            border: 0;
+            border-radius: 0;
+            resize: none;
+            overflow: hidden;
+            width: 100%;
+        }
+    </style>
+</head>
+
+<body>
+    <script>
+        function grow(element) {
+            element.style.height = "5px";
+            element.style.height = (element.scrollHeight)+"px";
+        }
+    </script>
+
+    <textarea  oninput="grow(this)" name="content" id="editor"></textarea>
+
+    <script>
+        var element = document.getElementById('editor');
+
+        // When the plugin is instantiated it notifies the UI that it has been loaded.
+        // 
+        // Furthermore it sends the current size to the parent.
+        var plugin = new SquidexPlugin();
+
+        // The content is only available when it is used as a sidebar plugin for single content items.
+        plugin.onContentChanged(function (content) {
+            element.innerHTML = JSON.stringify(content, null, 2);
+
+            grow(element);
+        });
+    </script>
+</body>
+
+</html>