В поисках

[WalkMan]

Ищу приложение (лучше десктопное) в которое загружаешь хтмл файл

а на выходе отдает цсс файл с селекторами и {} т.е.

хтмл

<div class="abc"><a href="#"><img src="ddfs" alt="" /></a></div>
<div class="qwerty"><span><span></span></span></div>

на выходе цсс

.abc {  }
.abc a {  }
.abc a img {  }

.qwerty {  }
.qwerty span {  }
.qwerty span {  }

гдн то чтото когдато видел

но тогда не придал значение сего девайса

а счас не могу найти

в идеале что бы оно гибко настраивалось

[Veseloff]

А чо, мне кажется, без проблем такое написать самому хотя бы на том же PHP, не?

[rus]

А чо, мне кажется, без проблем такое написать самому хотя бы на том же PHP, не?

это получается парсить контент, отделять регулярками слова class и id и заносить в массив?

а потом записывать в файл?

[Int]

Не всё так очевидно. Нужно ещё проверять вложенный тэг на наличие class или id, если их нет, писать имя тэга (а вдруг их несколько одинаковых?), если есть, писать этот класс. А вдруг одновременно и class и id? Да ещё автор настраиваемость запросил.

А ещё нужно что-то делать с творениями типа

<div id="adiv"><p class="p1"><a></div></a><a></a></p>

[Veseloff]

Ну нет чёткого ТЗ, поэтому фиг знает что именно надо. Судя по первому посту, нужно загонять вообще все элемены в стилевой файл — это же капец какая каша получится. Ну а если надо только id и классы, то тут всё просто:

preg_match('~<[a-z]+ [^>]*class=[\'\"]([\w\s]*)[\'\"][^>]*>~isUe', $dom, $class_matches);
preg_match('~<[a-z]+ [^>]*id=[\'\"]([\w\s]*)[\'\"][^>]*>~isUe', $dom, $id_matches);

Что-то типа того. Не факт, что всё верно — я «на глаз» писал. Ну и потом разбираем переменные $class_matches и $id_matches и создаём нужный файл. В 10 строк можно уместить, мне кажется.

[Int]

[a-z]+

<h1 class="h2"> =)

А зачем модификатор e в preg_match? Он же игнорируется. Да и как на этом строить дерево, в цикле?

Если разбираем переменные, нам бы тогда preg_match_all наверное...

[Veseloff]

Да, всё верно. Ну я же написал, что делал «на глаз». А isUe я автоматом набрал, поскольку последнее время много работаю с preg_replace. Ну суть, я думаю, донёс.

[WalkMan]

набрасал на жс+квери парсер

который отбирает элементы и смотрит класс(потом остальное доделаеться) и проверяет вложеность

на выъоде получаються строки аля

div div.cBlock_3 p.floatLeft { }

div div.cBlock_3 p.floatLeft a { }

счас это все дело почитисть привести в перевариваемый вид

и можно получить удобный иснтрумент

регулярными выражениями не заморачивался

тупо обхожу весь набор

[WalkMan]

Собственно вот:

css selectors

Закидываем код тиснем кнопку

появляеться импровизированый редактор

- при клике на селектор изменяеться вид редактора(чекбокс-радиобаттон)

- минус это удаляем(сворачиваеться в синий блок, если передумали можно востановить кликнув по оному)

- нижнее подчеркивание - пустая строка после селектора

далее жмем ещё раз кнопку и забираем готовые селекторы

писал для себя, дела так как считал удобным

если кому пригодиться буду рад)

расчитываю на вашу помощь в тесте данной тулзы

по квери коду буд рад услышать обоснованую критику так как в данном аспекте только обучаюсь

пс

тулза расчитана на читую верстку

т.е. если кинуть код сайта то не факт что с рабоатет

Edited February 7, 2011 by WalkMan

[swetlana]

Кстати, а где такие часто используемые селекторы, как body, a?

Ведь практически в каждом проекте они определяются индивидуально.

и да, почему во флейме?

Это ж немалая работа проделана, получается потенциально полезный сервис, который может быть нужен людям.

[WalkMan]

Кстати, а где такие часто используемые селекторы, как body, a?

Ведь практически в каждом проекте они определяются индивидуально.

и да, почему во флейме?

Это ж немалая работа проделана, получается потенциально полезный сервис, который может быть нужен людям.

я в работе использую обкатаный цсс резет

в котором описан тег боди)

флуд потому что рано илил поздно он перерастет в флуд)))

[swetlana]

WalkMan, а ведь совершенно нормальна же примерно такая конструкция:

body {
width: 1000px;
margin: auto;
background: #ff0 url('designerwashere.bmp') repeat;
}

[d0ublezer0]

Вполне вероятно, что вам поможет Simple HTML DOM Parser

Мне в свое время очень помог, правда, немного для других нужд.

[WalkMan]

Вполне вероятно, что вам поможет Simple HTML DOM Parser

Мне в свое время очень помог, правда, немного для других нужд.

ну мот раньше бы и заинтересовал)

а счас када свой есть

лениво да же денвер на комп ставить что бы проверить его)

по хтмл тегам

добавлю body и html

хотя изначально планировалось что это все вставляеццо личный шаблон цсс

Edited February 8, 2011 by WalkMan