forked from shenweiyan/Md2XEditor
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
226 lines (199 loc) · 10.4 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
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
221
222
223
224
225
226
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<link rel="shortcut icon" href="./favicon.png" type="image/x-icon">
<meta name="viewport" content="width=device-width,height=device-height,initial-scale=1,user-scalable=0">
<meta name="author" content="微信公众号：非普通程序员">
<meta name="email" content="[email protected]">
<meta name="description" content="Markdown 排版利器">
<title>Markdown Editor</title>
<script src="./output/index.js?v=2_8_5"></script>
<style type="text/css" id="temp_style"></style>
<style type="text/css">
#beian {
display: inline-block
}
</style>
<script>
var _hmt = _hmt || [];
(function () {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?2b7c04b138f04a3b1ad825eddfd5e96f";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
</head>
<body id="body_id">
<!-- <div id='file_container'></div> -->
<div class="all_container">
<div id="global_popup">
<div class="popup_background"></div>
<div class="popup_conetent popup">
<!-- <div class="same_file_name_pop">
<div class="pop_text">已存在相同的文件名!</div>
<button class="popup_btn confirm_btn">确定</button>
</div> -->
</div>
</div>
<div id="picture_popup" style="display:none">
<div class="picture_popup_content common_pop">
<div class="closePopupContainerId">
<span class="icon_class close_popup_icon close_popup_id"></span>
</div>
<div class="picItems">
</div>
<div class="picError">
<div class="warning">如有图片上传失败！</div>
<div>请点击工具栏“图片”图标，检查图床配置！</div>
<div>并确认图片类型为：png、jpg、bmp、gif或jpeg!</div>
</div>
</div>
</div>
<div id="version_popup" style="display:none">
<div class="versionContent common_pop">
<div class="closePopupContainerId">
<span class="icon_class close_popup_icon close_popup_id"></span>
</div>
<div class="versionContentId">
</div>
</div>
</div>
<div id="picture_setting_popup" style="display:none">
<div class="picture_settingPopupContent common_pop">
<div class="closePopupContainerId">
<span class="icon_class close_popup_icon close_popup_id"></span>
</div>
<div class="uploadPicBtnContainer">
<label class="uploadPicBtn" for="uploadPicInputId">请点击选择本地图片</label>
<input type="file" name="pic" id="uploadPicInputId"
accept="image/png,image/jpg,image/jpeg,image/gif,image/bmp" multiple="multiple"
style="display:none"></input>
</div>
<div>
</div>
<div class="picSettingContainer picSetting">
<label class="warning">注：如要插入本地图片，先要在七牛云上注册，填写下面信息并“保存”。OK后,插入本地图片会自动上传到七牛云，并正确显示到Md2All中。</label>
<a href='https://www.cnblogs.com/garyyan/p/9181809.html' target="_blank">详细教程,请点击此链接查看</a>
<div class="picInputInfoItem"><label class="item_name "> Access Key:</label><input class="accesskey"
placeholder="请输入你在七牛的AccessKey"></input>
</div>
<div class="picInputInfoItem"><label class="item_name ">Secret Key:</label><input class="secretkey"
placeholder="请输入你在七牛的SecretKey"></input>
</div>
<div class="picInputInfoItem"><label class="item_name ">Bucket Name:</label><input class="bucketname"
placeholder="请输入你在七牛个人的储存空间名称,如:mybucket"></input>
</div>
<div class="picInputInfoItem"><label class="item_name ">Bucket Domain:</label><input
class="bucketdomain"
placeholder="请输入你在七牛个人的储存空间域名,如：mydomain.bkt.clouddn.com"></input></div>
<div class="picInputInfoItem autouploadImgItem"><label class="autoUploadImgLabel ">文中需转换为图片的内容(如Latex数学公式),会自动上传到云图床</label><span
class="autouploadImg"><input type="checkbox" class="autouploadImgInput"></input></span></div>
<button class="savePicSetting">保存设置</button>
</div>
</div>
</div>
<div id="filewindow_popup" class='popup'></div>
<div class="tool_header">
<div id="icon_container_left">
<a id="edit_file" class="icon_class tool_pic_icon edit_icon"
title="打开本地已存草稿，开始编辑,并自动保存"><span class="icon_class"></span></a>
<a id="export_file" class="icon_class tool_pic_icon export_icon" title="导出带样式的HTML文件"><span
class="icon_class "></span></a>
<a id="picture" class="icon_class tool_pic_icon picture_icon" title="上传图片，及图床设置"><span
class="icon_class "></span></a>
</div>
<div id="icon_container_right">
<button id="copy_btn" class="btn button" data-clipboard-action="copy"
data-clipboard-target="#render_output_id">复制
</button>
<a id='mycss_icon' class=" icon_class" title="可选css样式模板，或自定义css样式">一键排版 </a>
<a id='color_ref' class=" icon_class color_window_icon" title="参考颜色"> </a>
<span id="html_select">HTML <input id="html" type="checkbox" name="html"></input></span>
<span id="codeline_select">代码行数 <input id="codeline" type="checkbox"
name="codelineName"></input></span>
<span id="narrowcode_select">代码紧凑 <input id="narrowcode" type="checkbox"
name="narrowcode"></input></span>
<div id="code_select" class="theme-wrapper">
<label>代码主题：</label><select class="code-theme"></select>
</div>
</div>
</div>
<div id="display_area">
<div id="fileWindow">
</div>
<textarea id="editor" spellcheck="false"></textarea>
<!-- <div contenteditable="true" id="editor"></div> -->
<div id="drag_indicate"></div>
<div id="editor_render">
<div id="render_output_id"></div>
</div>
<div id="cssSetting">
<div id="cssToolHead">
<div id="css_select" class="theme-wrapper">
<label>排版样式选择：</label><select class="css-theme"></select>
</div>
<label id="cssnote">注：修改或"恢复预设值"后，要<span
style="font-weight: bold;font-size: 17px"> 保 存 </span>才生效</label>
</div>
<div id="cssEditArea" contenteditable="true"></div>
<div id="cssToolFoot">
<a title="修改后，要保存才能看到效果"><span id="css_save" class="icon_class">保 存</span></a>
<a title="恢复预设值后，要保存才能看到效果"><span id="css_reset" class="icon_class">恢复预设值</span></a>
<span id="css_close" class="icon_class">关 闭</span>
</div>
</div>
</div>
<div id="container_foot">
<span id="foot_css">
<span id="saveIndicate">已保存！ </span>
<span id="currentFile"></span>
<span id="beian">
© 2021<script>new Date().getFullYear() > 2015 && document.write(" - " + new Date().getFullYear());</script>
<a href="https://www.317318.xyz/" title="非普通程序员">非普通程序员</a> |
<a href="https://tongji.baidu.com/web/welcome/ico?s=2b7c04b138f04a3b1ad825eddfd5e96f"
target="_blank">百度统计</a>
</span>
</span>
</div>
</div>
<div id="file_export_container">
<div id="file_export_tool_head">
<a title="退出到主界面"><span id="file_export_exit" class="icon_class">退出</span></a>
<a title="生成文件"><span id="file_export_gen_file" class="icon_class">生成文件</span></a>
<span id="file_export_nameinput"><label id="file_export_note">文件名：</label> <input id="file_export_fileName"
value="Md2All"></input><label
id="file_export_suffix">.html</label> </span>
</div>
<div id="file_export_setting">
<div id="file_export_settingHead">
</div>
<div id="file_export_cssEditArea" contenteditable="true">abcd</div>
<div id="file_export_settingFoot">
<a title="修改后，要保存才能看到效果"><span id="file_export_save" class="icon_class">保 存</span></a>
<a title="恢复预设值后，要保存才能看到效果"><span id="file_export_reset" class="icon_class">恢复预设值</span></a>
</div>
</div>
<div id="export_iframe_container">
<iframe id="export_iframe"></iframe>
<div id="export_iframe_cover"></div>
</div>
</div>
<div class="color_windown" id="color_window_id">
<div class="color_toolbar">
<span id="color_name_id">red</span>
<span class="icon_class close_color_icon" id="close_color_id"></span>
</div>
<div class="color_container">
<div class="color_father_container">
<span class="color_father" style="background:red"></span>
</div>
<div class="color_son_container">
<span class="color_son" style="background:#FFEBEE">#FFEBEE</span>
</div>
</div>
</div>
<div class="popup" id="popup_id"></div>
</body>
</html>