This repository was archived by the owner on May 14, 2021. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy patheditor.html
More file actions
220 lines (213 loc) · 6.66 KB
/
Copy patheditor.html
File metadata and controls
220 lines (213 loc) · 6.66 KB
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
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
<!doctype html>
<html>
<head>
<title>LBT_Wiki</title>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<!-- include FontAwesome -->
<link rel="stylesheet" href="./resource/font-awesome/css/font-awesome.min.css">
</head>
<body>
<div class="entry-config before">
<div class="text">新規記事の作成</div>
<div class="title area">
<span class="title">記事タイトル</span>
<span class="essential">※必須です</span>
<input class="form" type="text" />
</div>
<div class="category area">
<span class="title">カテゴリー</span>
<span class="option">※任意です</span>
<form>
<select class="first">
<option value="">▼カテゴリーを選択してください▼</option>
<option value="音響">音響</option>
<option value="照明">照明</option>
<option value="袖">袖</option>
<option value="全体">全体</option>
<option value="その他">その他</option>
</select>
<select class="second">
<option value="">▼カテゴリーを選択してください▼</option>
<option value="音響">音響</option>
<option value="照明">照明</option>
<option value="袖">袖</option>
<option value="全体">全体</option>
<option value="その他">その他</option>
</select>
<select class="third">
<option value="">▼カテゴリーを選択してください▼</option>
<option value="音響">音響</option>
<option value="照明">照明</option>
<option value="袖">袖</option>
<option value="全体">全体</option>
<option value="その他">その他</option>
</select>
</form>
<div class="submit-button">
OK
</div>
<div class="attention"></div>
</div>
</div>
<div class="entry-config after" style="display:none">
<div class="text">今回の編集の概要</div>
<div class="descpretion area">
<span class="title">今回の編集の概要</span>
<span class="option">※任意です</span>
<textarea class="form" placeholder="(例) 誤字脱字の修正"></textarea>
</div>
<div class="author area">
<span class="title">ニックネーム</span>
<span class="option">※任意です</span>
<input class="form" type="text" />
</div>
<div class="submit-button">
送信
</div>
</div>
<div class="loading-animation">
<i class="fa fa-2x fa-check" style="display:none"></i>
<i class="fa fa-2x fa-exclamation-triangle" style="display:none"></i>
<i class="fa fa-2x fa-spinner fa-pulse"></i>
<span class="text"></span>
</div>
<div class="eidtor-overlay"></div>
<div class="upper-mask"></div>
<div class="header-ber" id="entry-info-ber">
<div class="icon">
<i class="fa fa-arrow-left fa-2x"></i>
</div>
<div class="title">
SM58を編集中です
</div>
<div class="save">
保存
</div>
<div class="show-before-config">
<i class="fa fa-cog fa-2x"></i>
</div>
</div>
<div class="header-ber" id="editor-info-ber">
<div class="icon" id="undo">
<i class="fa fa-undo fa-2x"></i>
</div>
<div class="icon" id="redo">
<i class="fa fa-repeat fa-2x"></i>
</div>
<div class="icon" id="insert_image">
<i class="fa fa-picture-o fa-2x"></i>
</div>
<div class="icon-drop text_style_show">
<i class="fa fa-font fa-2x"></i>
<i class="fa fa-angle-down"></i>
</div>
<div class="save">
保存
</div>
<div class="show-before-config">
<i class="fa fa-cog fa-2x"></i>
</div>
</div>
<div class="tool-box-popup font-style">
<table>
<tr onclick="format_headline()" id="tr_format_headline">
<td>
<div onclick="format_headline" class="font-style-table" id="headline">
<u><i class="fa fa-angle-down fa-1x"></i>
<i class="text">見出し</i></u>
</div>
</td>
</tr>
<tr id="tr_bold">
<td>
<div onclick="text_bold()" class="font-style-table bold">
<i class="text">太字</i>
</div>
</td>
</tr>
<tr id="tr_underline">
<td>
<div onclick="text_underline()" class="font-style-table underline">
<i class="text">下線</i>
</div>
</td>
</tr>
<tr id="tr_cancel">
<td>
<div onclick="text_cancel()" class="font-style-table cancel">
<i class="text">取り消し線</i>
</div>
</td>
</tr>
<tr id="tr_list">
<td>
<div onclick="text_list()" class="font-style-table list">
<i class="text">・箇条書き</i>
</div>
</td>
</tr>
<tr id="tr_indent">
<td>
<div onclick="text_indent_show()" class="font-style-table indent">
<i class="text">インデント</i></i>
</div>
</td>
</tr>
</table>
</div>
<div id="indent_popup">
<table>
<tr>
<td>
<div onclick="text_indent('down')" class="font-style-table indent">
<i class="fa fa-indent fa-1x"></i>
<i class="text">字下げ</i>
</div>
</td>
</tr>
<tr>
<td>
<div onclick="text_indent('up')" class="font-style-table indent">
<i class="fa fa-outdent fa-1x"></i>
<i class="text">字上げ</i>
</div>
</td>
</tr>
</table>
</div>
<div class="main-contents">
<iframe id="editorframe" frameborder="0"></iframe>
</div>
<div class="setting" id="editor-setting">
<div>
エディタ領域のサイズ調整
</div>
<div class="setting" id="height-setting-area">
<div class="button" id="minus">
<i class="fa fa-minus fa-1x"></i>
</div>
<div class="num" id="editor-height">
5
</div>
<div class="button" id="plus">
<i class="fa fa-plus fa-1x"></i>
</div>
</div>
</div>
<form id="foo" style="display:none">
<input id="file" name="file" type="file" />
</form>
<input id="hoge" type="hidden" value="hoge">
<!-- Include JQery -->
<script src="./resource/jquery/jquery-3.1.1.min.js"></script>
<script src="./resource/js/editor.js"></script>
<link href="./resource/css/editor.css" rel="stylesheet" />
<!-- Setup designMode -->
<script>
editor = document.getElementsByTagName("iframe")[0].contentDocument;
editor.designMode = "On";
</script>
</body>
</html>