-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
49 lines (40 loc) · 1.7 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
<!DOCTYPE html>
<html>
<head>
<title>WYSIWYG</title>
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
<style type="text/css">
.area{
border: solid 1px #fff;
box-shadow: 0 3px 4px #ccc;
width: 400px;
height: 300px;
background-color: #999;
overflow: auto;
color: #fff;
}
</style>
</head>
<body class="bg-dark">
<div class="container ">
<div class="row col-md-6 col-lg-6 mx-auto">
<div class="m-5 offset-lg-0 ">
<div class="panel ">
<div class="panel-heading p-1 bg-light toolbar">
<button class="btn btn-flat" id="bold" data-type="bold"><i class="fa fa-bold"></i></button>
<button class="btn btn-default" id="italic" data-type="italic"><i class="fa fa-italic"></i></button>
<button class="btn btn-default" id="strike" data-type="strikeThrough"><i class="fa fa-strikethrough"></i></button>
<button class="btn btn-default" id="img" data-type="image"><i class="fa fa-image"></i></button>
<button class="btn btn-default" id="link" data-type="link"><i class="fa fa-link"></i></button>
</div>
<div class="area" contenteditable="true">
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ad earum repellat itaque neque aperiam necessitatibus pariatur tenetur, culpa, eius optio quidem praesentium error accusamus aliquid sint quas alias illum fugit in maxime voluptas! Voluptatibus commodi obcaecati eum consequatur eligendi debitis impedit, ducimus repudiandae sed eveniet, sapiente aut quidem. Optio, rem.
</div>
</div>
</div>
</div>
</div>
</body>
<script type="text/javascript" src="scripts/custom.js"></script>
</html>