format html code

This commit is contained in:
Caijinglong
2019-08-19 16:14:39 +08:00
parent 3358d0ea93
commit 57517d26f9
2 changed files with 145 additions and 106 deletions

View File

@@ -1,69 +1,90 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head>
<head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta lang="en" /> <meta lang="en" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="scaffolded-by" content="https://github.com/google/stagehand" /> <meta name="scaffolded-by" content="https://github.com/google/stagehand" />
<title>json2dart_for_json_serializable</title> <title>json2dart_for_json_serializable</title>
<link rel="stylesheet" href="styles.css"> <link rel="stylesheet" href="styles.css" />
<link rel="icon" href="favicon.ico"> <link rel="icon" href="favicon.ico" />
<script defer src="main.dart.js"></script> <script defer src="main.dart.js"></script>
</head> </head>
<body> <body>
<div class="lang"> <div class="lang">
<a href="index_ch.html">中文</a> <a href="index_ch.html">中文</a>
<a href="https://github.com/caijinglong/json2dart"> <a href="https://github.com/caijinglong/json2dart">
<img src="github_logo.jpg" width="50px" /> <img src="github_logo.jpg" width="50px" />
</a> </a>
</div> </div>
<div> <div>
<h1>simple use <h1>
<a href="https://pub.dartlang.org/packages/json_serializable" target="_blank">json_serializable</a> simple use
</h1> <a
<div class="version"> href="https://pub.dartlang.org/packages/json_serializable"
<input class="version" type="radio" value="0" name="version" id="v0" checked="true">v0.x.x</input> target="_blank"
<input class="version" type="radio" value="1" name="version" id="v1">v1.x.x</input> >json_serializable</a
>
</h1>
<div class="version">
<input
class="version"
type="radio"
value="0"
name="version"
id="v0"
checked="true"
/><label for="v0">v0.x.x</label>
<input
class="version"
type="radio"
value="1"
name="version"
id="v1"
/><label for="v1">v1.x.x</label>
</div>
<div>
<div class="title">
<span class="half_span">copy your json to left textarea</span>
<span class="half_span">
<div class="result_title">
dart class name
<input id="out_entity_name" />
<input type="checkbox" id="use_json_key" />
<span id="check_label">jsonKey annotation</span>
<input type="checkbox" id="camelCase" />
<span id="camelCaseLabel">use camelCase</span>
<input type="checkbox" id="use_static" />
<span id="useStaticLabel">use static</span>
</div>
<div id="file_name"></div>
</span>
</div> </div>
<div> <div class="content">
<div class="title"> <span class="half_span">
<span class="half_span">copy your json to left textarea</span> <textarea id="json" title="json" class="content_area"></textarea>
<span class="half_span"> </span>
<div class="result_title"> <span class="half_span">
dart class name <textarea
<input id="out_entity_name" /> id="result"
<input type="checkbox" id="use_json_key" /> title="result"
<span id="check_label">jsonKey annotation</span> class="content_area"
<input type="checkbox" id="camelCase" /> ></textarea>
<span id="camelCaseLabel">use camelCase</span> </span>
<input type="checkbox" id="use_static" />
<span id="useStaticLabel">use static</span>
</div>
<div id="file_name"></div>
</span>
</div>
<div class="content">
<span class="half_span">
<textarea id="json" title="json" class="content_area"></textarea>
</span>
<span class="half_span">
<textarea id="result" title="result" class="content_area"></textarea>
</span>
</div>
<div class="func">
<span class="half_span">
<button id="format">format</button>
</span>
<span class="half_span">
<button id="copy">copy</button>
<button id="save">download</button>
</span>
</div>
</div> </div>
</body> <div class="func">
<span class="half_span">
</html> <button id="format">format</button>
</span>
<span class="half_span">
<button id="copy">copy</button>
<button id="save">download</button>
</span>
</div>
</div>
</div>
</body>
</html>

View File

@@ -1,70 +1,88 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head>
<head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta lang="zh-CN" /> <meta lang="zh-CN" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="scaffolded-by" content="https://github.com/google/stagehand" /> <meta name="scaffolded-by" content="https://github.com/google/stagehand" />
<title>json2dart_for_json_serializable</title> <title>json2dart_for_json_serializable</title>
<link rel="stylesheet" href="styles.css"> <link rel="stylesheet" href="styles.css" />
<link rel="icon" href="favicon.ico"> <link rel="icon" href="favicon.ico" />
<script defer src="main.dart.js"></script> <script defer src="main.dart.js"></script>
</head> </head>
<body> <body>
<div class="lang"> <div class="lang">
<a href="index.html">English</a> <a href="index.html">English</a>
<a href="https://github.com/caijinglong/json2dart"> <a href="https://github.com/caijinglong/json2dart">
<img src="github_logo.jpg" width="50px" /> <img src="github_logo.jpg" width="50px" />
</a> </a>
</div> </div>
<div> <div>
<h1>为了便利使用 <h1>
<a href="https://pub.dartlang.org/packages/json_serializable">json_serializable</a> 为了便利使用
</h1> <a href="https://pub.dartlang.org/packages/json_serializable"
<div class="version"> >json_serializable</a
<input class="version" type="radio" value="0" name="version" id="v0" checked="true">v0.x.x</input> >
<input class="version" type="radio" value="1" name="version" id="v1">v1.x.x</input> </h1>
</div> <div class="version">
<input
class="version"
type="radio"
value="0"
name="version"
id="v0"
checked="true"
/><label for="v0">v0.x.x</label>
<input
class="version"
type="radio"
value="1"
name="version"
id="v1"
/><label for="v1">v1.x.x</label>
</div>
</div> </div>
<div> <div>
<div class="title"> <div class="title">
<span class="half_span">将json粘贴至左边</span> <span class="half_span">将json粘贴至左边</span>
<span class="half_span"> <span class="half_span">
<div class="result_title"> <div class="result_title">
类名称 类名称
<input id="out_entity_name" /> <input id="out_entity_name" />
<input type="checkbox" id="use_json_key" /> <input type="checkbox" id="use_json_key" />
<span id="check_label">使用 JsonKey 注解</span> <span id="check_label">使用 JsonKey 注解</span>
<input type="checkbox" id="camelCase" /> <input type="checkbox" id="camelCase" />
<span id="camelCaseLabel">驼峰命名</span> <span id="camelCaseLabel">驼峰命名</span>
<input type="checkbox" id="use_static" /> <input type="checkbox" id="use_static" />
<span id="useStaticLabel">使用静态方法</span> <span id="useStaticLabel">使用静态方法</span>
</div> </div>
<div id="file_name"></div> <div id="file_name"></div>
</span> </span>
</div> </div>
<div class="content"> <div class="content">
<span class="half_span"> <span class="half_span">
<textarea id="json" title="json字符串" class="content_area"></textarea> <textarea
</span> id="json"
<span class="half_span"> title="json字符串"
<textarea id="result" title="结果" class="content_area"></textarea> class="content_area"
</span> ></textarea>
</div> </span>
<div class="func"> <span class="half_span">
<span class="half_span"> <textarea id="result" title="结果" class="content_area"></textarea>
<button id="format">格式化</button> </span>
</span> </div>
<span class="half_span"> <div class="func">
<button id="copy">复制</button> <span class="half_span">
<button id="save">下载</button> <button id="format">格式化</button>
</span> </span>
</div> <span class="half_span">
<button id="copy">复制</button>
<button id="save">下载</button>
</span>
</div>
</div> </div>
</body> </body>
</html>
</html>