使用Javascript将文本CSS解析为JSON

Question

我只想简单地想要一个充满CSS的textarea并使用CSS JSON方法将其转换为JSON.

{
    "selector-1":{
        "property-1":"value-1",
        "property-n":"value-n"
    }
}

http://www.featureblend.com/css-json.html

有谁知道将CSS解码为JSON的东西？如果它也能编码它也会有所帮助.

Answer 1

这个js解析器有你正在寻找的两种方法.

CSS JSON解析器

// To JSON
var json = CSSJSON.toJSON(cssString);

// To CSS
var css = CSSJSON.toCSS(jsonObject);

或jQuery插件解析器.

jQuery解析器

示例css:

div div:first {
  font-weight: bold;
  -jquery: each(function() {alert(this.tagName);})
}

div > span {
  color: red;
}

发送回调的JSON输出:

{
  'div div:first' : {
    'font-weight' : 'bold',
    '-jquery': 'each(function() {alert(this.tagName);})'
  },
  'div > span' : {
    'color': 'red'
  }
}

您可以将css字符串应用于这样的元素:

var cssJSON = '{ "display": "none" }';
var obj = JSON.parse(json);

$("#element").css(obj);