提交 | 用户 | 时间
|
1ac2bc
|
1 |
<!doctype html> |
懒 |
2 |
<html> |
|
3 |
<head> |
|
4 |
<meta charset="UTF-8"> |
|
5 |
<title>ueditor图片对话框</title> |
|
6 |
<script type="text/javascript" src="../internal.js"></script> |
|
7 |
|
|
8 |
<!-- jquery --> |
|
9 |
<script type="text/javascript" src="../../third-party/jquery-1.10.2.min.js"></script> |
|
10 |
|
|
11 |
<!-- webuploader --> |
|
12 |
<script src="../../third-party/webuploader/webuploader.min.js"></script> |
|
13 |
<link rel="stylesheet" type="text/css" href="../../third-party/webuploader/webuploader.css"> |
|
14 |
|
|
15 |
<!-- image dialog --> |
|
16 |
<link rel="stylesheet" href="image.css" type="text/css" /> |
|
17 |
</head> |
|
18 |
<body> |
|
19 |
|
|
20 |
<div class="wrapper"> |
|
21 |
<div id="tabhead" class="tabhead"> |
|
22 |
<span class="tab" data-content-id="remote"><var id="lang_tab_remote"></var></span> |
|
23 |
<span class="tab focus" data-content-id="upload"><var id="lang_tab_upload"></var></span> |
|
24 |
<span class="tab" data-content-id="online"><var id="lang_tab_online"></var></span> |
|
25 |
<span class="tab" data-content-id="search"><var id="lang_tab_search"></var></span> |
|
26 |
</div> |
|
27 |
<div class="alignBar"> |
|
28 |
<label class="algnLabel"><var id="lang_input_align"></var></label> |
|
29 |
<span id="alignIcon"> |
|
30 |
<span id="noneAlign" class="none-align focus" data-align="none"></span> |
|
31 |
<span id="leftAlign" class="left-align" data-align="left"></span> |
|
32 |
<span id="rightAlign" class="right-align" data-align="right"></span> |
|
33 |
<span id="centerAlign" class="center-align" data-align="center"></span> |
|
34 |
</span> |
|
35 |
<input id="align" name="align" type="hidden" value="none"/> |
|
36 |
</div> |
|
37 |
<div id="tabbody" class="tabbody"> |
|
38 |
|
|
39 |
<!-- 远程图片 --> |
|
40 |
<div id="remote" class="panel"> |
|
41 |
<div class="top"> |
|
42 |
<div class="row"> |
|
43 |
<label for="url"><var id="lang_input_url"></var></label> |
|
44 |
<span><input class="text" id="url" type="text"/></span> |
|
45 |
</div> |
|
46 |
</div> |
|
47 |
<div class="left"> |
|
48 |
<div class="row"> |
|
49 |
<label><var id="lang_input_size"></var></label> |
|
50 |
<span><var id="lang_input_width"> </var><input class="text" type="text" id="width"/>px </span> |
|
51 |
<span><var id="lang_input_height"> </var><input class="text" type="text" id="height"/>px </span> |
|
52 |
<span><input id="lock" type="checkbox" disabled="disabled"><span id="lockicon"></span></span> |
|
53 |
</div> |
|
54 |
<div class="row"> |
|
55 |
<label><var id="lang_input_border"></var></label> |
|
56 |
<span><input class="text" type="text" id="border"/>px </span> |
|
57 |
</div> |
|
58 |
<div class="row"> |
|
59 |
<label><var id="lang_input_vhspace"></var></label> |
|
60 |
<span><input class="text" type="text" id="vhSpace"/>px </span> |
|
61 |
</div> |
|
62 |
<div class="row"> |
|
63 |
<label><var id="lang_input_title"></var></label> |
|
64 |
<span><input class="text" type="text" id="title"/></span> |
|
65 |
</div> |
|
66 |
</div> |
|
67 |
<div class="right"><div id="preview"></div></div> |
|
68 |
</div> |
|
69 |
|
|
70 |
<!-- 上传图片 --> |
|
71 |
<div id="upload" class="panel focus"> |
|
72 |
<div id="queueList" class="queueList"> |
|
73 |
<div class="statusBar element-invisible"> |
|
74 |
<div class="progress"> |
|
75 |
<span class="text">0%</span> |
|
76 |
<span class="percentage"></span> |
|
77 |
</div><div class="info"></div> |
|
78 |
<div class="btns"> |
|
79 |
<div id="filePickerBtn"></div> |
|
80 |
<div class="uploadBtn"><var id="lang_start_upload"></var></div> |
|
81 |
</div> |
|
82 |
</div> |
|
83 |
<div id="dndArea" class="placeholder"> |
|
84 |
<div class="filePickerContainer"> |
|
85 |
<div id="filePickerReady"></div> |
|
86 |
</div> |
|
87 |
</div> |
|
88 |
<ul class="filelist element-invisible"> |
|
89 |
<li id="filePickerBlock" class="filePickerBlock"></li> |
|
90 |
</ul> |
|
91 |
</div> |
|
92 |
</div> |
|
93 |
|
|
94 |
<!-- 在线图片 --> |
|
95 |
<div id="online" class="panel"> |
|
96 |
<div id="imageList"><var id="lang_imgLoading"></var></div> |
|
97 |
</div> |
|
98 |
|
|
99 |
<!-- 搜索图片 --> |
|
100 |
<div id="search" class="panel"> |
|
101 |
<div class="searchBar"> |
|
102 |
<input id="searchTxt" class="searchTxt text" type="text" /> |
|
103 |
<select id="searchType" class="searchType"> |
|
104 |
<option value="&s=4&z=0"></option> |
|
105 |
<option value="&s=1&z=19"></option> |
|
106 |
<option value="&s=2&z=0"></option> |
|
107 |
<option value="&s=3&z=0"></option> |
|
108 |
</select> |
|
109 |
<input id="searchReset" type="button" /> |
|
110 |
<input id="searchBtn" type="button" /> |
|
111 |
</div> |
|
112 |
<div id="searchList" class="searchList"><ul id="searchListUl"></ul></div> |
|
113 |
</div> |
|
114 |
|
|
115 |
</div> |
|
116 |
</div> |
|
117 |
<script type="text/javascript" src="image.js"></script> |
|
118 |
|
|
119 |
</body> |
|
120 |
</html> |