forked from tlk1997/demo
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathinput.html
306 lines (250 loc) · 16 KB
/
input.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
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
<title>DeepKE</title>
<meta content="DeepKE" name="description" />
<meta content="ZJU-KLab" name="author" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<link rel="shortcut icon" href="assets/images/zj.png">
<!-- Plugins css -->
<link href="assets/plugins/timepicker/tempusdominus-bootstrap-4.css" rel="stylesheet" />
<link href="assets/plugins/timepicker/bootstrap-material-datetimepicker.css" rel="stylesheet">
<link href="assets/plugins/clockpicker/jquery-clockpicker.min.css" rel="stylesheet" />
<link href="assets/plugins/colorpicker/asColorPicker.min.css" rel="stylesheet" type="text/css" />
<link href="assets/plugins/select2/select2.min.css" rel="stylesheet" type="text/css" />
<link href="assets/plugins/bootstrap-colorpicker/css/bootstrap-colorpicker.min.css" rel="stylesheet">
<link href="assets/plugins/bootstrap-datepicker/css/bootstrap-datepicker.min.css" rel="stylesheet">
<link href="assets/plugins/bootstrap-touchspin/css/jquery.bootstrap-touchspin.min.css" rel="stylesheet" />
<link href="assets/css/bootstrap.min.css" rel="stylesheet" type="text/css">
<link href="assets/css/icons.css" rel="stylesheet" type="text/css">
<link href="assets/css/style.css" rel="stylesheet" type="text/css">
</head>
<body class="fixed-left">
<!-- Loader -->
<div id="preloader"><div id="status"><div class="spinner"></div></div></div>
<!-- Begin page -->
<div id="wrapper">
<!-- ========== Left Sidebar Start ========== -->
<div class="left side-menu" style="width: 320px;">
<button type="button" class="button-menu-mobile button-menu-mobile-topbar open-left waves-effect">
<i class="ion-close"></i>
</button>
<!-- LOGO -->
<div class="topbar-left">
<div class="text-center">
<!--<a href="index.html" class="logo"><i class="mdi mdi-assistant"></i> Zoter</a>-->
<a href="https://github.com/zjunlp/deepke" class="logo">
<!-- <img src="assets/images/logo-lg.png" alt="" class="logo-large"> -->
<img src="assets/images/logo_openkg.png" alt="" class="logo-large" style="height: 70px;">
</a>
</div>
</div>
<div class="sidebar-inner niceScrollleft">
<div id="sidebar-menu">
<ul>
<li class="menu-title">全监督</li>
<li>
<a href="ner_st.html" class="waves-effect">
<i class="mdi mdi-code-not-equal"></i>
<span> 常规实体抽取 </span>
</a>
</li>
<li>
<a href="ae_st.html" class="waves-effect">
<i class="mdi mdi-code-not-equal"></i>
<span> 常规属性抽取</span>
</a>
</li>
<li>
<a href="re_st.html" class="waves-effect">
<i class="mdi mdi-code-not-equal"></i>
<span> 常规关系抽取</span>
</a>
</li>
</ul>
<ul>
<li class="menu-title">低资源</li>
<li>
<a href="a1.html" class="waves-effect">
<i class="mdi mdi-code-not-equal"></i>
<span> 少样本实体抽取 </span>
</a>
</li>
<li>
<a href="a2.html" class="waves-effect">
<i class="mdi mdi-code-not-equal"></i>
<span> 少样本关系抽取 </span>
</a>
</li>
</ul>
<ul>
<li class="menu-title">篇章级</li>
<li>
<details open style="text-indent: 26px;cursor: pointer;-webkit-tap-highlight-color: transparent;">
<summary style="padding: 15px 20px;letter-spacing: .035em;cursor: default;font-size: 15px;color: rgb(71, 71, 71);">文档级关系抽取</summary>
<li>
<a href="welcome.html" class="waves-effect">
<i class="mdi mdi-code-not-equal"></i>
<span> 展示样例</span>
</a>
</li>
<br/>
<li>
<a href="input.html" class="waves-effect">
<i class="mdi mdi-code-not-equal"></i>
<span> 输入样例</span>
</a>
</li>
<br/>
</details>
</li>
</ul>
</div>
<div class="clearfix"></div>
</div> <!-- end sidebarinner -->
</div>
<!-- Left Sidebar End -->
<!-- Start right Content here -->
<div class="content-page" style="margin-left: 320px">
<!-- Start content -->
<div class="content">
<!-- Top Bar Start -->
<div class="topbar">
<nav class="navbar-custom" style="padding-right: 13px">
<ul class="list-inline float-right mb-0">
<li class="list-inline-item dropdown notification-list" style="padding: 10px;">
<a href="https://azft.alibaba.com/lab/?id=7" role="button>
aria-haspopup="false" aria-expanded="false">
<img src="assets/images/zjus.jpeg" alt="user" class="rounded-circle" style="height: 50px;width: auto;">
</a>
</li>
</ul>
<ul class="list-inline menu-left mb-0">
<li class="float-left">
<button class="button-menu-mobile open-left waves-light waves-effect">
<i class="mdi mdi-menu"></i>
</button>
</li>
</ul>
<div class="clearfix">
<ul>
<li><a href="index.html">DeepKE</a> </li>
<li><a href="introduction.html">介绍</a> </li>
<li><a href="https://github.com/zjunlp/deepke">下载</a> </li>
<li><a href="connection.html">联系我们</a> </li>
<li><a href="http://openkg.cn/">OpenKG</a></li>
</ul>
</div>
</nav>
</div>
<!-- Top Bar End -->
<div class="page-content-wrapper ">
<div class="container-fluid">
<div class="row">
<div class="col-sm-12">
<div class="page-title-box">
<div class="btn-group float-right">
<ol class="breadcrumb hide-phone p-0 m-0">
</ol>
</div>
<h4 class="page-title"></h4>
</div>
</div>
<div class="clearfix"></div>
</div>
<!-- end page title end breadcrumb -->
<div class="row">
<div class="col-lg-12">
<div class="card">
<div class="card-body">
<p class="text-muted mb-4 font-14">
输入文本,文本格式如展示样例，其中实体格式为{[实体编号（同一个实体同一个编号）][实体类型]实体名称}
</p>
<select class="select2 form-control custom-select" id="select_id">
<option value="example">选择样例</option>
<option>The {[0][LOC]Canton Memorial Civic Center} is a multi - purpose arena located in {[1][LOC]Canton}, {[2][LOC]Ohio}, {[3][LOC]United States}, and is currently the home arena for the {[4][ORG]Canton Charge} of the {[5][ORG]NBA G League}. Built in {[6][TIME]1951}, previous sports teams that have played at the center include the {[7][ORG]Canton Legends} indoor football team, {[8][ORG]Canton Invaders} indoor soccer team, and {[9][ORG]Ohio Aviators} of the {[10][ORG]American Basketball Association}. The building is owned by the {[1][LOC]City of Canton} and operated by {[11][ORG]SMG}. Capacity is {[12][NUM]5,200} in the arena, and up to {[13][NUM]600} in the {[14][LOC]McKinley Room}. The facility has over the years hosted concerts, professional wrestling cards, political rallies, family shows, and features a number of annual {[15][MISC]Pro Football Hall of Fame} festival events.</option>
<option value="A">{[0][MISC]Paris Belongs to Us}(sometimes translated as {[1][MISC]Paris Is Ours})is a {[2][TIME]1961} {[3][LOC]French} mystery film directed by {[4][PER]Jacques Rivette}. Set in {[5][LOC]Paris} in{[6][TIME]1957} and often referencing {[7][PER]Shakespeare}'s play {[8][MISC]Pericles}, the title is highly ironic because the characters are immigrants or alienated and do not feel that they belong at all. The story centres on an essentially innocent young university student called {[9][PER]Anne} who through her older brother meets a group of friends haunted by mysterious tensions and fears that lead {[10][NUM]two} of them to commit suicide. Among them is her opposite, a femme fatale called {[11][PER]Terry} who has had affairs with all the men. The source of the malaise affecting the group is never explained, leaving viewers to ponder how far it might be an amalgam of individual imbalances, general existentialist anxiety, or the more specific paranoia of the {[12][MISC]Cold War} as the world faced the possibility of nuclear annihilation.</option>
<option value="B">{[0][PER]Leon Crouch}(born {[1][TIME]16 August 1949}) is an {[2][LOC]English} businessman, who was formerly chairman of {[3][ORG]Southampton Football Club}. {[0][PER]Crouch} is the founder and chairman of the "{[4][ORG]Fullers Group}" of companies which specialise in the manufacture, inspection and supply of precision engineered products, including machined components, fabrications, assemblies, kit sets and cold formed products for the telecommunications, medical, oil, defence, space, and marine industries. He was acting chairman of {[3][ORG]Southampton FC}. Until he was removed by the board in {[5][TIME]July 2007}, but was re - appointed in {[5][TIME]December 2007}, following {[6][PER]Michael Wilde} u2019s departure. {[0][PER]Crouch} was again forced to resign his position on {[7][TIME]15 May 2008}, when major shareholders, including {[6][PER]Wilde} and {[8][PER]Rupert Lowe} called an {[9][MISC]EGM} requiring his removal. Whilst chairman of the club, {[0][PER]Crouch} paid personally for the replacement bronze statue of {[10][ORG]Saints} legend {[11][PER]Ted Bates} which is now sited outside {[3][ORG]Southampton}'s {[12][ORG]St Mary's Stadium}.</option>
</select>
<h6 class="my-3 sub-title">文本</h6>
<textarea id="textarea" class="form-control" maxlength="10000" rows="5" value="Mark"></textarea>
<div class="m-t-20" align="center">
<button type="button" class="btn btn-primary waves-effect waves-light" id="text-confirm">click me</button>
</div>
</div>
</div>
</div> <!-- end col -->
</div> <!-- end row -->
<div class="row" id="div_head_visualization" style="display:none;">
<div class="col-sm-12">
<div class="page-title-box">
<div class="btn-group float-right">
<ol class="breadcrumb hide-phone p-0 m-0">
</ol>
</div>
<!-- <h4 class="page-title"></h4> -->
</div>
</div>
<div class="clearfix"></div>
</div>
<div class="row" style="display:none;" id="div_visualization">
<div class="col-lg-12">
<div class="card">
<div class="card-body">
<h4 class="mt-0 header-title">三元组</h4>
<p class="text-muted mb-4 font-14 " id="my_table">
该表表示了文本所拥有的三元组
</p>
</div>
</div>
</div> <!-- end col -->
</div> <!-- end row -->
</div><!-- container -->
</div> <!-- Page content Wrapper -->
</div> <!-- content -->
<footer class="footer">
访客数：<span id="busuanzi_value_site_uv"><i class="fa fa-spinner fa-spin"></i></span>
<br/>
Copyright© 2019-2021 <a href="http://openkg.cn/">OpenKG</a> All Rights Reserved
</footer>
</div>
<!-- End Right content here -->
</div>
<!-- END wrapper -->
<!-- jQuery -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/popper.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/modernizr.min.js"></script>
<script src="assets/js/detect.js"></script>
<script src="assets/js/fastclick.js"></script>
<script src="assets/js/jquery.blockUI.js"></script>
<script src="assets/js/waves.js"></script>
<script src="assets/js/jquery.nicescroll.js"></script>
<!-- 引入不蒜子计数 -->
<script async src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>
<!-- Plugins js -->
<script src="assets/plugins/timepicker/moment.js"></script>
<script src="assets/plugins/timepicker/tempusdominus-bootstrap-4.js"></script>
<script src="assets/plugins/timepicker/bootstrap-material-datetimepicker.js"></script>
<script src="assets/plugins/clockpicker/jquery-clockpicker.min.js"></script>
<script src="assets/plugins/colorpicker/jquery-asColor.js" type="text/javascript"></script>
<script src="assets/plugins/colorpicker/jquery-asGradient.js" type="text/javascript"></script>
<script src="assets/plugins/colorpicker/jquery-asColorPicker.min.js" type="text/javascript"></script>
<script src="assets/plugins/select2/select2.min.js" type="text/javascript"></script>
<script src="assets/plugins/bootstrap-colorpicker/js/bootstrap-colorpicker.min.js"></script>
<script src="assets/plugins/bootstrap-datepicker/js/bootstrap-datepicker.min.js"></script>
<script src="assets/plugins/bootstrap-maxlength/bootstrap-maxlength.min.js" type="text/javascript"></script>
<script src="assets/plugins/bootstrap-touchspin/js/jquery.bootstrap-touchspin.min.js" type="text/javascript"></script>
<!-- Plugins Init js -->
<script src="assets/pages/form-advanced.js"></script>
<!-- App js -->
<script src="assets/js/app.js"></script>
<script src="assets/js/input.js"></script>
<script src="assets/plugins/alertify/js/alertify.js"></script>
<script src="assets/incubator-echarts/dist/echarts.js"></script>
</body>
</html>