R11/release11-tools
4
2
Fork 0
Code Issues 9 Pull Requests 4 Packages Projects Releases 6 Wiki Activity

Created json formatter and validator. #82

Merged
koleckia merged 25 commits from features/json-parser-and-formatter into master 2023-02-28 12:51:13 +01:00
Conversation 0 Commits 25 Files Changed 6 +7 -3
2 changed files with 7 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 3f229219d6 - Show all commits

4
Frontend/assets/css/json.css Normal file
View File

@@ -0,0 +1,4 @@
.json-block {
height: 600px;
width: 100%;
}

6
Frontend/tools/jsonFormatter.html
View File

@@ -6,6 +6,7 @@
<meta charset="utf-8" /> <meta charset="utf-8" />
<link rel="stylesheet" href="../assets/css/tools/r11form.css"> <link rel="stylesheet" href="../assets/css/tools/r11form.css">
<link rel="stylesheet" href="../assets/css/json.css">
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/styles/default.min.css"> <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/styles/default.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/highlight.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/highlight.min.js"></script>
<script src="../assets/scripts/tools/scripts.js"></script> <script src="../assets/scripts/tools/scripts.js"></script>
@@ -18,14 +19,13 @@
<div id="tool" class="tool rwd-expandable"> <div id="tool" class="tool rwd-expandable">
<div class="tool-context"> <div class="tool-context">
<div class="headline"> <div class="headline">
<h1>Online JSON Formatter <span class="versionInfo"><span class="version-span">v0.0.1 BETA</span></span> <h1>Online JSON Formatter</h1>
</h1>
</div> </div>
<p style="color: red" id="error"></p> <p style="color: red" id="error"></p>
<pre> <pre>
<code class="hightlight-json jsonBlock" style="height: 600px; width: 1000px;" id="jsonBlock" contenteditable="True">{"enter": "your", "json": "here"}</code> <code class="hightlight-json json-block" id="jsonBlock" contenteditable="True">{"enter": "your", "json": "here"}</code>
</pre> </pre>
<button style="margin-top: 20px" <button style="margin-top: 20px"