javascript - 使用 Javascript 将文本 CSS 解析为 JSON

Question

我只是想要一些东西，它可以将充满 CSS 的文本区域并使用 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 parser

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

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

或者 jQuery 插件解析器。

jQuery parser

示例 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);