使用 Javascript 将文本 CSS 解析为 JSON答案

【问题标题】：Parse Text CSS into JSON with Javascript使用 Javascript 将文本 CSS 解析为 JSON
【发布时间】：2013-04-19 01:15:32
【问题描述】：

我只是想要一些东西，它需要一个充满 CSS 的文本区域，并使用 CSS JSON 方法将其转换为 JSON。

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

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

有谁知道可以将 CSS 解码为 JSON 的方法吗？如果它也能对其进行编码也会很有帮助。

【问题讨论】：

我不知道有什么现成的解决方案，但是做一些东西不会太难（特别是如果浏览器已经解析了CSS）。
这不是我真正想做的事情。 IE：处理背景标签 VS background-image 我希望有人已经解决了这些问题以节省大量时间。

标签： javascript jquery css json textarea

【解决方案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);

【讨论】：

我不知疲倦地寻找这样的东西，我只能想出铺位。谢谢。
没问题。很高兴它有帮助。
玩过之后我会写整个东西，但我很欣赏这个人在做概念验证......只是缺乏。
太棒了。那么也许你可以开源它。这样我们将来会有更多的选择。