client_demo.html
5.73 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
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Spacing Correction Demo</title>
<link rel="stylesheet" type="text/css" href="client_demo.css">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap" rel="stylesheet">
<script src="https://code.jquery.com/jquery-latest.min.js"></script>
</head>
<body>
<a href="#/" id="logo"><svg width="91" height="23" viewBox="0 0 91 23"><defs><path id="btjglc3ata" d="M0.139 0.417L10.017 0.417 10.017 11.52 0.139 11.52z"></path><path id="4eu0lojbhc" d="M0 0.417L17.163 0.417 17.163 11.52 0 11.52z"></path><path id="d8lt1lupie" d="M0.202 0.413L7.967 0.413 7.967 11.52 0.202 11.52z"></path><path id="xym78s96mg" d="M0.125 0.412L11.233 0.412 11.233 11.52 0.125 11.52z"></path><path id="dzl5smwcai" d="M0 0L9 0 9 17 0 17z"></path></defs><g fill="none" fill-rule="evenodd"><g transform="translate(-627 -37) translate(627 37) translate(44.64 .068)"><mask id="v6s3jr623b" fill="#fff"><use xlink:href="#btjglc3ata"></use></mask><path fill="#3C3C3B" d="M8.721 11.52c-.716 0-1.296-.58-1.296-1.296V5.397c0-.679-.275-1.297-.756-1.695-1.062-.878-2.001-.926-3.043-.156-.56.415-.895 1.092-.895 1.812v4.866c0 .716-.58 1.296-1.296 1.296-.716 0-1.296-.58-1.296-1.296V5.358c0-1.538.728-2.995 1.946-3.896C4.08-.012 6.35.076 8.32 1.705c1.079.892 1.697 2.238 1.697 3.692v4.827c0 .716-.58 1.296-1.296 1.296" mask="url(#v6s3jr623b)"></path></g><g transform="translate(-627 -37) translate(627 37) translate(0 .068)"><mask id="mkwywo7m1d" fill="#fff"><use xlink:href="#4eu0lojbhc"></use></mask><path fill="#3C3C3B" d="M9.23 1.462c-.241.18-.458.386-.66.606-.122-.128-.252-.25-.389-.363C6.212.076 3.94-.012 1.946 1.462.727 2.363 0 3.82 0 5.358v4.866c0 .716.58 1.296 1.296 1.296.716 0 1.296-.58 1.296-1.296V5.358c0-.72.335-1.397.895-1.812 1.042-.77 1.98-.722 3.042.156.481.398.756 1.015.756 1.695v4.827c0 .716.58 1.296 1.296 1.296.716 0 1.296-.58 1.296-1.296V5.357c0-.72.335-1.396.896-1.81 1.041-.772 1.98-.723 3.042.155.48.398.756 1.015.756 1.695v4.827c0 .716.58 1.296 1.296 1.296.716 0 1.296-.58 1.296-1.296V5.397c0-1.454-.618-2.8-1.696-3.692-1.97-1.629-4.242-1.717-6.236-.243z" mask="url(#mkwywo7m1d)"></path></g><g transform="translate(-627 -37) translate(627 37) translate(26.88 .068)"><mask id="4w6has98xf" fill="#fff"><use xlink:href="#d8lt1lupie"></use></mask><path fill="#3C3C3B" d="M1.498 11.52c-.716 0-1.296-.58-1.296-1.296V5.358c0-1.538.727-2.995 1.946-3.896C3.768.265 5.585.087 7.268.958c.635.33.882 1.112.554 1.747-.33.635-1.113.883-1.748.554-.504-.26-1.3-.516-2.386.287-.56.415-.894 1.092-.894 1.812v4.866c0 .716-.58 1.296-1.296 1.296" mask="url(#4w6has98xf)"></path></g><path fill="#87CBC8" d="M21.353 1.32l3.883 8.327c.322.69.055 1.497-.597 1.802-.653.303-1.442-.01-1.764-.7L18.99 2.42c-.322-.69-.054-1.497.598-1.801.652-.304 1.442.01 1.764.7M42.93 9.647c.321.69.054 1.497-.598 1.802-.653.303-1.442-.01-1.765-.7L36.685 2.42c-.323-.69-.055-1.497.597-1.801.652-.304 1.442.01 1.764.7l3.883 8.327z" transform="translate(-627 -37) translate(627 37)"></path><path fill="#3C3C3B" d="M61.289 8.996c-1.633 0-2.963-1.329-2.963-2.962 0-1.633 1.33-2.962 2.963-2.962s2.962 1.329 2.962 2.962c0 1.633-1.33 2.962-2.962 2.962m0-8.516c-3.063 0-5.555 2.491-5.555 5.554s2.492 5.554 5.555 5.554c1.117 0 2.156-.334 3.028-.904.167.523.651.904 1.23.904.715 0 1.296-.58 1.296-1.296V6.576c0-.062-.01-.122-.019-.181.009-.12.019-.24.019-.36C66.843 2.97 64.35.48 61.289.48z" transform="translate(-627 -37) translate(627 37)"></path><g transform="translate(-627 -37) translate(627 37) translate(67.68 .068)"><mask id="zp05ypivth" fill="#fff"><use xlink:href="#xym78s96mg"></use></mask><path fill="#3C3C3B" d="M3.015 4.68c.48-.99 1.492-1.676 2.664-1.676 1.168 0 2.178.681 2.66 1.666H3.115c-.034 0-.066.007-.1.01M5.679.412C2.617.412.125 2.903.125 5.966c0 3.062 2.492 5.554 5.554 5.554.716 0 1.296-.58 1.296-1.296 0-.716-.58-1.296-1.296-1.296-1.172 0-2.184-.686-2.664-1.676.034.002.066.01.1.01h6.823c.715 0 1.296-.58 1.296-1.296 0-3.063-2.492-5.554-5.555-5.554" mask="url(#zp05ypivth)"></path></g></g><g transform="translate(-627 -37) translate(627 37) translate(82 6)"><mask id="ur0mt8lmej" fill="#fff"><use xlink:href="#dzl5smwcai"></use></mask><path fill="#48A9A6" d="M5.354 9.453c-.805 0-1.46-.602-1.46-1.341 0-.74.655-1.34 1.46-1.34.806 0 1.46.6 1.46 1.34 0 .74-.654 1.34-1.46 1.34m0-7.446c.806 0 1.46.6 1.46 1.34 0 .74-.654 1.34-1.46 1.34-.804 0-1.458-.599-1.46-1.336v-.003-.002c0-.739.655-1.34 1.46-1.34M7.91 5.73C8.582 5.122 9 4.279 9 3.346 9 1.501 7.364 0 5.354 0S1.708 1.501 1.708 3.346v.007c0 2.494-.29 9.536-1.611 12.233-.248.505-.003 1.099.547 1.326.146.06.298.088.448.088.417 0 .815-.22.997-.591.651-1.33 1.067-3.38 1.334-5.464.56.323 1.221.513 1.93.513C7.365 11.458 9 9.957 9 8.112c0-.932-.418-1.776-1.09-2.383" mask="url(#ur0mt8lmej)"></path></g></svg></a>
<div id="clear"></div>
<input type="text" name="text" id="text" placeholder="Enter Korean text"/><br/>
<input type="button" onclick="post_json()" id="submit" value="submit"/>
<div id="result"></div>
<script>
function post_json() {
var i_text = $("#text").val();
$.ajax({
type: "POST",
url: "http://localhost:10500",
data: JSON.stringify({text: i_text}),
dataType: "json",
contentType : "application/json",
success: function(data){
var result = JSON.stringify(data["response"]["result"]);
result = result.replace(/\"/g,"")
$("#result").remove();
$("body").append('<div id="result">'+result+'</div>');
},
error: function(xhr, status, error){
alert(error);
}
});
}
</script>
</body>
</html>