-
Notifications
You must be signed in to change notification settings - Fork 7
/
index.html
50 lines (47 loc) · 1.61 KB
/
index.html
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
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>DevPad</title>
<link rel="stylesheet" href="style.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.23.0/prism.min.js"></script>
</head>
<body>
<a download id="download"></a>
<header>
<h1>DevPad</h1>
</header>
<table width="100%" border="0" cellspacing="5" cellpadding="5">
<tr>
<td width="50%" scope="col"> </td>
<td width="50%" align="left" scope="col"></td>
</tr>
<tr>
<td>
<form>
<strong>HTML</strong>
<div style="position: relative;">
<textarea placeholder="Enter HTML Source Code" id="htmlSource" spellcheck="false" oninput="update(this.value); sync_scroll(this);" onscroll="sync_scroll(this);" onkeydown="check_tab(this, event);"></textarea>
<pre id="highlighting" aria-hidden="true">
<code class="language-html" id="highlighting-content" style="overflow: hidden;"></code>
</pre>
</div>
<strong>CSS</strong>
<textarea name="cssSource" id="cssSource" onkeydown="check_tab(this, event);"></textarea>
<strong>JS</strong>
<textarea name="jsSource" id="jsSource" onkeydown="check_tab(this, event);"></textarea>
</form>
</td>
<td>
<strong>Output</strong>
<iframe name="targetCode" id="targetCode" style="background-color: #fff;"></iframe>
</td>
</tr>
</table>
<center>
<button onclick="runCode();">Run Code</button>
<button onclick="clearCode();">Clear Code</button>
</center>
<script type="text/javascript" src="main.js"></script>
</body>
</html>