Konwersja brzydkiego HTML/CSS do ładnego

Roman Tyczka

unread,

Mar 27, 2020, 7:03:09 AM3/27/20

to

Witam,

Mam jakieś gotowe szablony maili HTMLowych, z wbudowanymi CSSami, ale kod
jest koszmarny, dużo niepotrzebnego wodolejstwa typu:

padding-top: 30px solid #2f4522; padding-right: 20px solid #2f4522;
padding-bottom: 30px solid #2f4522; padding-left: 20px solid #2f4522

i tego typu rzeczy. Albo nieistniejące w CSS klasy użyte w HTMLu.

Ale wyświetla się wszystko poprawnie.

Czy jest jakieś narzędzie, które by umiało wyekstrahować czysty HTML i CSS,
czysty czyli ten który de facto jest wyświetlany?
Czyli które by pominęło w HTMLu klasy niezdefiniowane, a np. powyższy
fragment CSS zapisałoby po ludzku:

padding: 30px 20px 30px 20px solid #2f4522;

Dłubię to ręcznie, ale to mega mozolna robota. Do tego głupia, bo możliwa
do automatyzacji.

Zna ktoś coś?

--
pozdrawiam
Roman Tyczka

Roman Tyczka

unread,

Mar 27, 2020, 7:34:42 AM3/27/20

to

Np. jest takie coś:

https://www.ranknotebook.com/tools/repair-html

Ale to działa tylko tak, że parsuje i wyciąga z HTMLa wszystkie style
zdefiniowane przez atrybut "style=", nadaje im nazwy i te nazwy używa
zamiast styli.
Niemniej nie o to mi chodzi.

Ideałem byłaby aplikacja, która renderuje stronę na silniku webowym, a
potem wyciąga z drzewa DOM strukturę HTML oraz przypisane elementom style i
generuje od nowa plik HTML z definicją styli.

--
pozdrawiam
Roman Tyczka

irq

unread,

Mar 27, 2020, 8:15:58 AM3/27/20

to

może debugger Firefoksa? Albo Chroma?

Roman Tyczka

unread,

Mar 27, 2020, 1:48:35 PM3/27/20

to

On Fri, 27 Mar 2020 05:15:55 -0700 (PDT), irq wrote:

>> Mam jakieś gotowe szablony maili HTMLowych, z wbudowanymi CSSami, ale kod
>> jest koszmarny, dużo niepotrzebnego wodolejstwa typu:
>>
>> padding-top: 30px solid #2f4522; padding-right: 20px solid #2f4522;
>> padding-bottom: 30px solid #2f4522; padding-left: 20px solid #2f4522
>>
>> i tego typu rzeczy. Albo nieistniejące w CSS klasy użyte w HTMLu.
>>
>> Ale wyświetla się wszystko poprawnie.
>>
>> Czy jest jakieś narzędzie, które by umiało wyekstrahować czysty HTML i CSS,
>> czysty czyli ten który de facto jest wyświetlany?
>> Czyli które by pominęło w HTMLu klasy niezdefiniowane, a np. powyższy
>> fragment CSS zapisałoby po ludzku:
>>
>> padding: 30px 20px 30px 20px solid #2f4522;
>>
>> Dłubię to ręcznie, ale to mega mozolna robota. Do tego głupia, bo możliwa
>> do automatyzacji.
>>
>> Zna ktoś coś?

> może debugger Firefoksa? Albo Chroma?

Możesz rozwinąć myśl? Wiem co to debuger w przeglądarce, ale nie bardzo
umiem wymyśleć jak go użyć w tym wypadku.

--
pozdrawiam
Roman Tyczka

irq

unread,

Mar 27, 2020, 4:38:23 PM3/27/20

to

ja też nie. Tak tylko rzuciłem. Myślałem, że przeglądarka najlepiej rozumie HTML i CSS.

Roman Tyczka

unread,

Mar 30, 2020, 3:50:02 AM3/30/20

to

On Fri, 27 Mar 2020 13:38:20 -0700 (PDT), irq wrote:

>>>> Mam jakieś gotowe szablony maili HTMLowych, z wbudowanymi CSSami, ale kod
>>>> jest koszmarny, dużo niepotrzebnego wodolejstwa typu:
>>>>
>>>> padding-top: 30px solid #2f4522; padding-right: 20px solid #2f4522;
>>>> padding-bottom: 30px solid #2f4522; padding-left: 20px solid #2f4522
>>>>
>>>> i tego typu rzeczy. Albo nieistniejące w CSS klasy użyte w HTMLu.
>>>>
>>>> Ale wyświetla się wszystko poprawnie.
>>>>
>>>> Czy jest jakieś narzędzie, które by umiało wyekstrahować czysty HTML i CSS,
>>>> czysty czyli ten który de facto jest wyświetlany?
>>>> Czyli które by pominęło w HTMLu klasy niezdefiniowane, a np. powyższy
>>>> fragment CSS zapisałoby po ludzku:
>>>>
>>>> padding: 30px 20px 30px 20px solid #2f4522;
>>>>
>>>> Dłubię to ręcznie, ale to mega mozolna robota. Do tego głupia, bo możliwa
>>>> do automatyzacji.
>>>>
>>>> Zna ktoś coś?
>>
>>> może debugger Firefoksa? Albo Chroma?
>>
>> Możesz rozwinąć myśl? Wiem co to debuger w przeglądarce, ale nie bardzo
>> umiem wymyśleć jak go użyć w tym wypadku.

> ja też nie. Tak tylko rzuciłem. Myślałem, że przeglądarka najlepiej rozumie HTML i CSS.

Bo tak jest, z tym, że nie ma dostępu do trzewi jest enginu, żeby to
wszystko stamtąd wyciągnąć. Myślałem, że znasz sposób na to.

--
pozdrawiam
Roman Tyczka