CSS для JSON Parser или Converter

Я работаю над не-веб-платформой без HTML или CSS-слоя, а просто с реализацией только для JavaScript.

Я хотел бы загрузить файл CSS в виде текстовой строки с использованием AJAX, проанализировать CSS в объекты JS или JSON, а затем использовать библиотеку утилиты для интерпретации того, какие стили должны применяться к элементу дерева DOM.

Как мне это сделать?

Ответ 1

Я думаю, что вы ищете "JavaScript-парсер JavaScript".

Посмотрели ли вы на это?

http://www.glazman.org/JSCSSP/

или

http://bililite.com/blog/2009/01/16/jquery-css-parser/

Первый выглядит неплохо, но если вам нравится jQuery, возможно, вы предпочтете второй.

НТН

Ответ 2

Я рассмотрел оба ссылки @amir75. Первое выглядело лучше всего, но код был слишком длинным для того, что я делал. Я решил собрать легкий script вместе. Он не использует jQuery, но вы можете, если хотите загрузить файл CSS с помощью .get() и т.д. Посмотрите на example.html и вывод консоли js, чтобы просмотреть структуру. Вы можете сохранить порядок элементов, если используете комментарии в CSS, иначе он все равно сохранит порядок элементов, но не те комментарии, используя более простую структуру JSON.

https://github.com/aramkocharyan/CSSJSON

Использование:

// To JSON, ignoring order of comments etc
var json = CSSJSON.toJSON(cssString);

// To JSON, keeping order of comments etc
var json = CSSJSON.toJSON(cssString, true);

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