前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >yaml转json,json转yaml,yaml和json转换

yaml转json,json转yaml,yaml和json转换

原创
作者头像
vivec
修改2019-09-17 10:47:04
10.9K0
修改2019-09-17 10:47:04
举报
文章被收录于专栏:oktools

使用js-yaml这个js库进行json和yaml转换

在线DEMO

效果

image.png
image.png

json转yaml

代码语言:txt
复制
function toYaml() {
    let json = area_json.innerText;
    if (json) {
        try {
            let jsonObj = JSON.parse(json);
            area_yaml.innerHTML = hljs.highlight("yaml", jsyaml.dump(jsonObj)).value;
            area_json.innerHTML = hljs.highlight("json", json).value;
        } catch (e) {
            alert(e)
        }
    }
}

yaml转json

代码语言:txt
复制
function toJson() {
    let yaml = area_yaml.innerText;
    if (yaml) {
        try {
            let json = JSON.stringify(jsyaml.load(yaml), null, 2);
            area_json.innerHTML = hljs.highlight("json", json).value;
            area_yaml.innerHTML = hljs.highlight("yaml", yaml).value;
        } catch (e) {
            alert(e)
        }
    }
}

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 在线DEMO
  • 效果
  • json转yaml
  • yaml转json
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档