🐛 fix: reajustando o tamanho do textarea para o codemirror.

axeet · Jan 28, 2024 · b79229e · b79229e
1 parent 9fe3905
commit b79229e
Show file tree

Hide file tree

Showing 2 changed files with 31 additions and 2 deletions.
diff --git a/index.html b/index.html
@@ -11,6 +11,13 @@
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/bootstrap-icons.css">
     <link rel="stylesheet" href="./assets/codemirror-5.65.16/lib/codemirror.css">
     <link rel="stylesheet" href="./assets/codemirror-5.65.16/theme/dracula.css">
+
+    <style>
+        .CodeMirror { boder: 1px solid silver; }
+        .CodeMirror-empty { outline: 1px solid #c22; }
+        .CodeMirror-empty.CodeMirror-Placeholder { outline: none; }
+        .CodeMirror pre.CodeMirror-Placeholder { color: #999; }
+    </style>
 </head>
 <body style="background-color: rgba(var(--axeet-green), var(--axeet-yellow), var(--axeet-red)) !important;">
 
@@ -90,9 +97,8 @@
                     </div>
                 </div>
                 <div class="col-8 p-4">
-                    <label for="axeetScript1">Axeet Script</label>
                     <!-- aqui inicia o editor --->
-                    <textarea id="axeetScript" name="axeetScript"></textarea>
+                    <textarea id="axeetScript" name="axeetScript" ></textarea>
 
                 </div>
             </div>
@@ -113,6 +119,7 @@
 <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
 <script src="./assets/codemirror-5.65.16/lib/codemirror.js"></script>
 <script src="./assets/codemirror-5.65.16/mode/javascript/javascript.js"></script>
+<script src="./assets/codemirror-5.65.16/addon/display/placeholder.js"></script>
 <script src="./js/editor.js"></script>
 <script src="./js/input.js"></script>
 

diff --git a/js/editor.js b/js/editor.js
@@ -2,5 +2,27 @@ var editor = CodeMirror.fromTextArea(document.getElementById("axeetScript"), {
     lineNumbers: true,
     styleActiveLine: true,
     matchBrackets: true,
+    mode: "javascript",
     theme: "dracula"
 });
+
+var place =  '{\n' +
+    '"titleCheat": "Axeet",\n' +
+    '"theme": "axeet",\n' +
+    '"author": "Fulano",\n' +
+    '"cheatSheet": "Red Hat",\n' +
+    '"topic": {\n' +
+    '      "topicName": "Openshift",\n' +
+    '      "cheat": {\n' +
+    '            "codeCheat": "oc get ns",\n' +
+    '            "description": "pegando o name space"\n' +
+    '               },\n' +
+    '               {\n' +
+    '             "codeCheat": "oc select project [nome do projeto",\n' +
+    '             "entra dentro de um projeto no openshift"\n' +
+    '               }\n' +
+    '           }\n' +
+    '}';
+
+var width = window.innerWidth;
+editor.setSize(0.5*width, 0.5*width);