Podzielić tekst CSS na JSON z Javascriptem

Question

Po prostu chcę czegoś, co zajmie tekst w pełnym CSS i zamieni go w JSON przy użyciu metody CSS JSON.

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

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

Czy ktoś wie o czymś, co będzie dekodować CSS do JSON? Byłoby również pomocne, gdyby mógł je również zakodować.

Answer 1

Ten parser js ma obie metody, których szukasz.

CSS JSON parser

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

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

Albo jQuery plugin parsera.

jQuery parser

Przykład CSS:

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

div > span { 
    color: red; 
} 

wyjście JSON wysłany do callback:

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

można zastosować css ciąg do elementu jak poniżej:

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

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