-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
104 lines (86 loc) · 4.63 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
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
<head>
<meta charset="utf-8">
<!-- Include Font Awesome. -->
<link href="./css/font-awesome.min.css" rel="stylesheet" type="text/css" />
<!-- Include Editor style. -->
<link href="./css/froala_editor.min.css" rel="stylesheet" type="text/css" />
<link href="./css/froala_style.min.css" rel="stylesheet" type="text/css" />
<!-- Include Code Mirror style -->
<link rel="stylesheet" href="./css/codemirror.min.css">
<!-- Include Editor Plugins style. -->
<link rel="stylesheet" href="./css/char_counter.css">
<link rel="stylesheet" href="./css/code_view.min.css">
<link rel="stylesheet" href="./css/colors.min.css">
<link rel="stylesheet" href="./css/emoticons.min.css">
<link rel="stylesheet" href="./css/file.min.css">
<link rel="stylesheet" href="./css/fullscreen.min.css">
<link rel="stylesheet" href="./css/image.min.css">
<link rel="stylesheet" href="./css/image_manager.min.css">
<link rel="stylesheet" href="./css/line_breaker.min.css">
<link rel="stylesheet" href="./css/quick_insert.min.css">
<link rel="stylesheet" href="./css/table.min.css">
<link rel="stylesheet" href="./css/video.min.css">
<link rel="stylesheet" href="./css/special_characters.min.css">
<!-- Include jQuery. -->
<script type="text/javascript" src="./js/jquery.min.js"></script>
<!-- Include JS files. -->
<script type="text/javascript" src="./js/froala_editor.min.js"></script>
<!-- Include Code Mirror. -->
<script type="text/javascript" src="./js/codemirror.min.js"></script>
<script type="text/javascript" src="./js/xml.min.js"></script>
<!-- Include Plugins. -->
<script type="text/javascript" src="./js/align.min.js"></script>
<script type="text/javascript" src="./js/char_counter.min.js"></script>
<script type="text/javascript" src="./js/code_beautifier.min.js"></script>
<script type="text/javascript" src="./js/code_view.min.js"></script>
<script type="text/javascript" src="./js/colors.min.js"></script>
<script type="text/javascript" src="./js/draggable.min.js"></script>
<script type="text/javascript" src="./js/emoticons.min.js"></script>
<script type="text/javascript" src="./js/entities.min.js"></script>
<script type="text/javascript" src="./js/file.min.js"></script>
<script type="text/javascript" src="./js/font_family.min.js"></script>
<script type="text/javascript" src="./js/font_size.min.js"></script>
<script type="text/javascript" src="./js/fullscreen.min.js"></script>
<script type="text/javascript" src="./js/image.min.js"></script>
<script type="text/javascript" src="./js/image_manager.min.js"></script>
<script type="text/javascript" src="./js/inline_style.min.js"></script>
<script type="text/javascript" src="./js/line_breaker.min.js"></script>
<script type="text/javascript" src="./js/link.min.js"></script>
<script type="text/javascript" src="./js/lists.min.js"></script>
<script type="text/javascript" src="./js/paragraph_format.min.js"></script>
<script type="text/javascript" src="./js/paragraph_style.min.js"></script>
<script type="text/javascript" src="./js/quick_insert.min.js"></script>
<script type="text/javascript" src="./js/quote.min.js"></script>
<script type="text/javascript" src="./js/table.min.js"></script>
<script type="text/javascript" src="./js/save.min.js"></script>
<script type="text/javascript" src="./js/url.min.js"></script>
<script type="text/javascript" src="./js/video.min.js"></script>
<script type="text/javascript" src="./js/special_characters.min.js"></script>
<script type="text/javascript" src="./js/print.min.js"></script>
</head>
<style>
#froala-editor {
min-height: 200px;
margin: 0px 8px 20px 40px;
border: 1px solid #ccc;
}
</style>
<script>
$(function() {
$('div#froala-editor').froalaEditor({
toolbarButtons: ['bold', 'italic', 'underline', 'strikeThrough', 'subscript', 'superscript', 'fontFamily', 'fontSize', '|', 'color', 'inlineStyle', 'paragraphStyle', '|', 'paragraphFormat', 'align', 'formatOL', 'formatUL', 'outdent', 'indent', '-', 'insertLink', 'insertImage', 'insertVideo', 'insertFile', 'insertTable', 'specialCharacters', 'emoticons', '|', 'quote', 'insertHR', 'undo', 'redo', 'clearFormatting', 'selectAll', 'print', 'html', 'fullscreen'],
pluginsEnabled: null
})
$('#click').click(function(){
alert('console show value text');
var a =$('div#froala-editor').froalaEditor('html.get');
console.log(a)
});
});
</script>
<body>
<div id="froala-editor"></div>
<button id="click">
click
</button>
</body>