-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
52 lines (52 loc) · 3.72 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
51
52
<!DOCTYPE html>
<html>
<head>
<title>Simple WYSIWYG text editor</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
<script src="main.js"></script>
</head>
<body onload="edit();">
<div id="buttons">
<button title="New document" onclick="newFile();" class="fas fa-file"></button>
<button title="Bold" onclick="cmd("bold");" class="fas fa-bold"></button>
<button title="Italic" onclick="cmd("italic");" class="fas fa-italic"></button>
<button title="Underline" onclick="cmd("underline");" class="fas fa-underline"></button>
<button title="Strike throught" onclick="cmd("strikeThrough");" class="fas fa-strikethrough"></button>
<button title="Subscript" onclick="cmd("subscript");" class="fas fa-subscript"></button>
<button title="Superscript" onclick="cmd("superscript");" class="fas fa-superscript"></button>
<button title="Insert horizontal rule" onclick="cmd("insertHorizontalRule");" class="fas fa-window-minimize"></button>
<button title="Center" onclick="cmd("justifyCenter");" class="fas fa-align-center"></button>
<button title="Left" onclick="cmd("justifyLeft");" class="fas fa-align-left"></button>
<button title="Right" onclick="cmd("justifyRight");" class="fas fa-align-right"></button>
<button title="Justify" onclick="cmd("justifyFull");" class="fas fa-align-justify"></button>
<button title="Insert ordered list" onclick="cmd("insertOrderedList");" class="fas fa-list-ol"></button>
<button title="Insert unordered list" onclick="cmd("insertUnorderedList");" class="fas fa-list-ul"></button>
<button title="Insert paragraph" onclick="cmd("insertParagraph");" class="fas fa-paragraph"></button>
<button title="Copy" onclick="cmd("copy");" class="fas fa-copy"></button>
<button title="Cut" onclick="cmd("cut");" class="fas fa-cut"></button>
<button title="Insert link" onclick="link()" class="fas fa-link"></button>
<button title="Unlink" onclick="cmd("unlink")" class="fas fa-unlink"></button>
<button title="Edit mode on/off" onclick="editMode()" class="fas fa-edit"></button>
<button title="Insert image" onclick="image()" class="fas fa-image"></button>
<button title="select all" onclick="cmd("selectAll");" >Select all</button>
<button title="Delete selected" onclick="cmd("delete");" class="fas fa-trash-alt"></button>
<button title="Indent" onclick="cmd("indent");" class="fas fa-indent"></button>
<button title="Outdent" onclick="cmd("outdent");" class="fas fa-outdent"></button>
<p class="fas fa-palette"></p>
<input type="color" title="Text color" onchange="cmdWithArg("foreColor", this.value)">
<p class="fas fa-marker"></p>
<input type="color" title="Text highlight color" onchange="cmdWithArg("hiliteColor", this.value)">
<p class="fas fa-text-height"></p>
<input type="number" id="size" value="20" title="Font size" onchange="cmdWithArg("fontSize", this.value)">
<br>
<button title="Undo" onclick="cmd("undo");" class="fas fa-undo"></button>
<button title="Redo" onclick="cmd("redo");" class="fas fa-redo"></button>
</div>
<br>
<iframe name="editor" style="width:90%; height:400px;"></iframe>
<p class="fas fa-laptop-code"> Developer:</p>
<br>
<a href="https://www.github.com/leodev12345" target="_blank"> The Leo Developer</a>
</body>
</html>