🚀 go-pugleaf

On Fri, 27 Mar 2020 12:03:06 +0100, Roman Tyczka wrote:

> 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ś?

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

W dniu piątek, 27 marca 2020 12:03:09 UTC+1 użytkownik Roman Tyczka napisał:
> 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

może debugger Firefoksa? Albo Chroma?

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

W dniu piątek, 27 marca 2020 18:48:35 UTC+1 użytkownik Roman Tyczka napisał:
> 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

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

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