-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.html
215 lines (201 loc) · 12 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
<!doctype html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<title>MangaEditor 1.42 - 一个修改漫画的小工具</title>
<link rel="stylesheet" href="style.css" rel="preload">
</head>
<body>
<div id="wrapper" class="row" style="">
<div class="row" style="height:100%">
<div class="col-md-7" id="previewPanel">
<div id="previewWrapper">
<div class="darkroom-toolbar">
<ul class="darkroom-toolbar-actions">
<li class="darkroom-button-group"><button class="darkroom-button darkroom-button-default"
data-balloon="保存" data-balloon-pos="up"><i class="darkroom-icon-save"></i></button><button
class="darkroom-button darkroom-button-default" data-balloon="拖动创建一个新的空白区域" data-balloon-pos="up"><i
class="darkroom-icon-add"></i></button><button
class="darkroom-button darkroom-button-default disabled" id="canvasQuickEditor-Rotate"
data-balloon="旋转文字方向" data-balloon-pos="up"><i class="darkroom-icon-rotate-left"></i></button><button
class="darkroom-button darkroom-button-danger disabled" id="canvasQuickEditor-Delete"
data-balloon="删除" data-balloon-pos="up"><i class="darkroom-icon-cancel"></i></button>
</li>
<li class="darkroom-button-group">
<li id='canvasQuickEditor-Font' class="canvasQuickEditor" style="display:none"><select>
<option value='"Noto Sans SC"'>思源黑体简</option>
<option value='"Noto Sans TC", "Noto Sans SC"'>思源黑体繁</option>
<option value='"Noto Serif SC"'>思源宋体简</option>
<option value='"Noto Serif TC", "Noto Serif SC"'>思源宋体繁</option>
<option value='"Microsoft Yahei"'>微软雅黑</option>
<option value='Simhei, sans-serif'>黑体</option>
<option value='Simsun, serif'>宋体</option>
<option value='YouYuan'>幼圆</option>
<option value='STXihei'>华文细黑</option>
<option value='STKaiti'>华文楷体</option>
<option value='"方正卡通简体"'>方正卡通简体</option>
<option value='"方正正黑简体"'>方正正黑简体</option>
<option value='"Hiragino Sans GB"'>Hiragino Sans GB</option>
<option value='Comic Sans MS'>Comic Sans MS</option>
<option disabled>思源以外的字体请确保安装</option>
</select>
</li>
<button class="darkroom-button darkroom-button-default canvasQuickEditor" id="canvasQuickEditor-Shrink"
data-balloon="缩小" data-balloon-pos="up"><i class="darkroom-icon-back"></i></button>
<button class="darkroom-button darkroom-button-default canvasQuickEditor" id="canvasQuickEditor-Enlarge"
data-balloon="放大" data-balloon-pos="up"><i class="darkroom-icon-forward"></i></button>
<button class="darkroom-button darkroom-button-default canvasQuickEditor" id="canvasQuickEditor-Bold"
data-balloon="粗体" data-balloon-pos="up"><i class="darkroom-icon-bold"></i></button>
</li>
</ul>
</div>
<div id="dropbox" class="dropzone">
<input id="fileupload" type="file" name="files"
accept="image/gif, image/png, image/jpeg, image/bmp, image/webp">
<div id="progress">
<div class="bar" style="width: 0%;"></div>
</div>
</div>
<div id="dropAd">
<!-- mangaeditor-LL -->
<ins class="adsbygoogle sqad" style="width: 100%; height:auto; display:block; margin: 0 auto;"
data-ad-client="ca-pub-2633684480410686" data-ad-slot="2637397436"
data-full-width-responsive="true" title="穷是这样的啊"></ins>
</div>
<canvas class="imageContainer" id="balloonChecker"></canvas>
</div>
</div>
<div class="col-md-5" id="editPanel">
<div class="row" id="toolbar">
<div class="col-lg-6">
<h2> 翻译菜单 </h2>
</div>
<div class="col-lg-6" style="padding:20px 20px 10px 0">
<span class="pull-right"><i class="fa fa-gear fa-2x"></i></span>
</div>
</div>
<div class="row" id="content">
<div class="col-lg-12">
<p style="line-height:1.65em">双击气泡区域即可抹白该区域，并开始修改该区域。点击保存图标即可自动保存。
<br />没有检测到的区域可以使用左上角的拖框工具手工拖框。
<br />双击生成的文字即可重新修改。</p>
</div>
<div class="col-lg-12" id="balloonCheckerTooltipList">
<div class='balloonListItem'>
<div class='listItemImageContainer'>
<img class='listItemImage' alt="balloonImage"/>
</div>
<div class='listItemOperaions'>
<h3 class='listItemOperaionsTitle'>测试OCR和翻译</h3>
<p>速度比较慢，请耐心等几秒。</p>
<div id="translations">
<div class="input-group">
<span class="input-group-addon">原文</span><input type="text" id="originalText" class="form-control"
readonly="true" onClick="this.setSelectionRange(0, this.value.length)" />
<div class="input-group-btn">
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"
aria-haspopup="true" aria-expanded="false" id="ocrLang">日语 <span class="caret"></span></button>
<ul class="dropdown-menu dropdown-menu-right">
<li><a id="lang_ja">日语</a></li>
<li><a id="lang_ko">韩语</a></li>
<li><a id="lang_en">英语</a></li>
<li role="separator" class="divider"></li>
<li><a id="lang_detect">检测语言</a></li>
</ul>
</div><!-- /btn-group -->
</div>
<br />
<div class="input-group">
<span class="input-group-addon">渣翻</span><input type="text" id="translatedText"
class="form-control uneditable-input" readonly="true"
onClick="this.setSelectionRange(0, this.value.length)" />
</div>
</div>
<br />
<div class="btn-group">
<button type="button" id="testTranslation" class="btn btn-default btn-sm disabled">翻译当前气泡 </button>
<button type="button" class="btn btn-default btn-sm dropdown-toggle translate-button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="caret"></span>
<span class="sr-only">Toggle Dropdown</span>
</button>
<ul class="dropdown-menu">
<li><span id="testAzure" class="btn btn-link disabled translate-button">Bing翻译</span></li>
<li><span id="testDeepL" class="btn btn-link disabled translate-button">DeepL（测试版）</span></li>
</ul>
</div>
<button type="button" id="translateAll" class="btn btn-default btn-sm disabled">提取所有文字</button>
<div class="loader" id="translationIndicator" style="display:none">
<div class="spinner-loader"></div> <span class="text-success"> 正在处理... </span>
</div>
<div style="margin:5px 0 5px 0">
<textArea id="translateAllResults" class="form-control" rows="10" style="display:none"></textarea>
</div>
</div>
</div>
<!-- mangaEditor-Main -->
<ins class="adsbygoogle"
style="display:inline-block;width:480px;height:100px;text-align:center"
data-ad-client="ca-pub-2633684480410686"
data-ad-slot="6809680421"></ins>
<div class="balloonList" id="balloonEditorMainframeList">
<p><a href="https://github.com/ljsabc/mangaEditor-frontend">点击这里获得支持/反馈问题 (Changelogs and feedbacks)</a></p>
<ol>
<li>服务器超时是120秒，如果120秒后返回错误就说明本站无法处理了。</li>
<li>请不要用程序自动翻译，OCR的请求实在是太贵了。如果你对某个广告有兴趣欢迎点击来支持本站。</li>
<li>服务器现在默认使用百度翻译。点击按钮的结果是确定性的，请不要重复点击。</li>
<li>新增加了一个DeepL翻译用于测试（翻译英语水平很高，日语不太行）。DeepL全站总用量每个月50W字符，用没了这个月就没有了。Bing翻译目前不限量。</li>
</ol>
</div>
</div>
</div>
<div class="row" id="actionbar">
<div class="col-lg-12">
<span id="jumpNext" class="btn btn-primary" onclick="javascript:window.location.reload();"><i
class="fa fa-gear"></i>刷新页面(开始下一张)</span>
<a href="v2" class="btn btn-default">新版编辑器</a>
<a href="/mangaLine/" target="_blank" class="btn btn-success" data-toggle="tooltip" data-placement="top" title="提取插画和漫画的线条！">本站的新项目(!)</a>
<span class="btn btn-primary" style="display:none"><i class="fa fa-gear"></i> <a id="saveImg"
download="download.jpg">保存图片</a> </span>
<span class="btn btn-success"><i class="fa fa-share"></i>分享本站</span>
<p></p>
</div>
<br />
<div class="col-lg-12">
<div class="bdsharebuttonbox" style="display:none"><a href="#" class="bds_more" data-cmd="more"></a><a
href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a><a href="#" class="bds_qzone"
data-cmd="qzone" title="分享到QQ空间"></a><a href="#" class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博"></a><a
href="#" class="bds_sqq" data-cmd="sqq" title="分享到QQ好友"></a><a href="#" class="bds_weixin"
data-cmd="weixin" title="分享到微信"></a><a href="#" class="bds_tieba" data-cmd="tieba"
title="分享到百度贴吧"></a><a href="#" class="bds_renren" data-cmd="renren" title="分享到人人网"></a><a href="#"
class="bds_twi" data-cmd="twi" title="分享到Twitter"></a><a href="#" class="bds_evernotecn"
data-cmd="evernotecn" title="分享到印象笔记"></a></div>
<script>
window._bd_share_config = {
"common": {
"bdSnsKey": {},
"bdText": "",
"bdMini": "2",
"bdMiniList": false,
"bdPic": "",
"bdStyle": "0",
"bdSize": "24"
},
"share": {}
};
with (document) 0[(getElementsByTagName('head')[0] || body).appendChild(createElement(
'script')).src = 'bdshare/bdshare.min.js?cdnversion=' + ~(-new Date() / 36e5)];
</script>
</div>
</div>
</div>
</div>
</div>
<script src="index.js"></script>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>
[].forEach.call(document.querySelectorAll('.adsbygoogle'), function(){
(adsbygoogle = window.adsbygoogle || []).push({});
});
</script>
</body>
</html>