-
Notifications
You must be signed in to change notification settings - Fork 11
/
index.html
42 lines (41 loc) · 2.42 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CodeDaily Editor</title>
<meta name="description" content="Post Editor for CodeDaily.VN">
<meta name="author" content="huydotnet">
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
<link href='style/font.css' rel='stylesheet'>
<link href='style/editor.css' rel='stylesheet'>
</head>
<body ng-app="markdownEditor" ng-controller="markdownEditorController">
<div class="toolbox">
<button class="icon toolbar fa fa-bold" ng-click="onEditor('bold')"></button>
<button class="icon toolbar fa fa-italic" ng-click="onEditor('italic')"></button>
<button class="icon toolbar fa fa-underline" ng-click="onEditor('underline')"></button>
<button class="icon toolbar fa fa-minus" ng-click="onEditor('horline')"></button>
<button class="icon toolbar fa fa-list-ul" ng-click="onEditor('list')"></button>
<button class="icon toolbar fa fa-list-ol" ng-click="onEditor('list-2')"></button>
<button class="icon toolbar fa fa-header" ng-click="onEditor('header')"></button>
<button class="icon toolbar fa fa-paperclip" ng-click="onEditor('url')"></button>
<button class="icon toolbar fa fa-image" ng-click="onEditor('img')"></button>
<button class="icon toolbar fa fa-code" ng-click="onEditor('code')"></button>
<button class="icon toolbar fa fa-quote-left" ng-click="onEditor('quote')"></button>
<button class="icon toolbar fa fa-strikethrough" ng-click="onEditor('strikethrough')"></button>
</div>
<div class="left">
<input id="post-title" type="text" ng-model="editor.title" placeholder="Insert title here..."/>
<textarea id="mark-editor" ng-change="textChange()" ng-model="editor.src" placeholder="Just typing here..."></textarea>
</div>
<div class="right">
<div id="parsed-title">{{editor.title}}</div>
<div id="parsed-content" ng-bind-html="editor.parsed"></div>
</div>
<button class="icon action fa fa-paper-plane" ng-click="onPublish()"></button>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.20/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.0/angular-sanitize.js"></script>
<script src="js/marked.js"></script>
<script src="js/editor.js"></script>
</body>
</html>