Skip to content

tim5wang/JsonEditor

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 

Repository files navigation

JsonEditor

一个前端用于编辑 JSON 的扩展

对于常见的输入元素 input/textarea, 传入组件的选择器,即可使这个输入元素变为可视化的 JSON 编辑器,值可以同步到输入框

使用方法如下:

<link rel="stylesheet" href="dist/jsoneditor.css" />
<script src="dist/jsoneditor.js"></script>

<textarea>{name:"tim",gender:"M"}</textarea>
jsonArea({
  el: "textarea",
  change: function(data) {
    console.log(data);
  }
});

特别注意:input 的 value 属性或者文本域textarea中放的是 JSON 字符串,即JSON.stringify({name:"tim",gender:"M"})处理后的 Object


License: 本项目由http://jsoneditoronline.org/包装而来。

About

一个前端用于编辑JSON的扩展

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages