8

CSS でいっぱいのテキストエリアを取り、それを CSS JSON メソッドを使用して JSON に変換するものが欲しいだけです。

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

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

CSSをJSONにデコードするものを知っている人はいますか? エンコードもできると助かります。

4

1 に答える 1

9

この 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);
于 2013-04-19T21:28:30.403 に答える