<!DOCTYPE HTML>
<html>
<head>
<title>JSONEditor | Switch mode</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<!-- json editor -->
<link rel="stylesheet" type="text/css" href="../jsoneditor.css">
<script type="text/javascript" src="../jsoneditor.js"></script>
<!-- ace editor -->
<script type="text/javascript" src="../asset/ace/ace.js"></script>
<!-- json lint -->
<script type="text/javascript" src="../asset/jsonlint/jsonlint.js"></script>
<style type="text/css">
body {
font: 10.5pt arial;
color: #4d4d4d;
line-height: 150%;
width: 500px;
}
code {
background-color: #f5f5f5;
}
#container1 {
width: 500px;
height: 800px;
}
#container2 {
width: 900px;
height: 800px;
}
</style>
</head>
<body>
<table>
<tbody>
<tr>
<td><div id="container1"></div></td>
<td><div id="container2"></div></td>
</tr>
</tbody>
</table>
<script type="text/javascript" >
var container1 = document.getElementById('container1');
var options1 = {
mode: 'text',
error: function (err) {
alert(err.toString());
},
change: function(){
if (editor1 != null){
editor2.setText(editor1.getText());
editor2.expandAll();
}
}
};
var editor1 = new JSONEditor(container1, options1, null);
var container2 = document.getElementById('container2');
var options2 = {
mode:"view",
error: function(err){
alert(err.toString());
}
};
var editor2 = new JSONEditor(container2, options2, null);
editor1.setText("");
editor1.textarea.focus();
</script>
</body>
</html>
使用JsonEditor開源組件寫了一個Json Viewer
工作中經常要查看一些無格式化的json數據, 下載了幾個桌面的json應用, 都不是很理想. 以前常用的都是一些在線的json viewer. 比如[url=http://json.parser.online.fr/]這個[/url]. 不過有時候受到網絡的限制, 在github上找到一個不錯的[url=https://github.com/josdejong/jsoneditor]jsoneditor[/url]組件, 改造一下, 自用更方便
發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章
aJax請求不走後臺405排查
本地起tomcat服務默認是http的，但是ajax請求的url是https，也就是跨域了。 然後不走後臺，瀏覽器F12顯示405 所以要配置一下tomcat，參考tomcat8.5配置http
jquey 驗證表單是否存在不能爲空（ajax+validattion） .
<%@page pageEncoding="utf-8"%> <%@include file="../../common/head.jsp"%>
struts +ajax驗證，總提示服務器無返回數據
下面是js的驗證 <script type="text/javascript"> $(document).ready(function(){ $.formValidator.initConfig({