code-editor/index.html at main · crisjonx/code-editor · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Code Editor</title>
  <link rel="icon" href="favicon.ico" type="image/x-icon">
  <link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
  <div class="terminal">
    <div class="input-line">
      <span class="prompt">$</span>
      <div contenteditable="true" class="input" id="input" spellcheck="false"></div>
      <input type="file" id="file-upload" accept=".txt,.js,.html,.css,.json,.xml,.csv,.md,.java,.py,.rb,.php,.sh,.c,.cpp,.h,.cs,.go,.rs,.swift,.ts,.tsx,.jsx,.vue,.scss,.sass,.less,.ini,.yaml,.yml,.sql,.r,.pl,.pm,.lua,.kt,.dart,.scala" style="display: none;">
      <div class="icons">
        <img src="uploadicon.png" class="icon" id="upload-icon" alt="Upload">
        <img src="downloadicon.png" class="icon" id="download-icon" alt="Download">
      </div>
    </div>
    <div class="output" id="output"></div>
  </div>
  <script src="script.js"></script>
</body>
</html>