Regex do GENERATE thumbnails!?!?! (ale to szalone!)

Question

Oto moja sytuacja i rozwiązanie, które wymyśliłem, aby rozwiązać problem. Stworzyłem aplikację, która zawiera TinyMCE, aby umożliwić użytkownikom tworzenie treści HTML do publikacji. Użytkownik może dołączyć obrazy do swoich znaczników i przeciągnąć/zmienić rozmiar tych obrazów wpływających na ostateczne atrybuty Szerokość/Wysokość w znaczniku IMG. To wszystko świetnie, użytkownicy mogą dołączać obrazy i zmieniać ich rozmiar/przenieść do pożądanego wyglądu. Ale jednym dużym problemem jest to, że teraz wysyłam klientowi (potencjalnie) znacznie większy obraz, tylko po to, aby przeglądarka zmieniła rozmiar obrazu na żądane atrybuty szerokości/wysokości. Cała ta przepustowość i stracony czas ładowania ...

Moje rozwiązanie polega na wstępnym przetworzeniu zawartości znaczników użytkowników, skanowaniu wszystkich znaczników IMG i analizie atrybutów Wysokość/Szerokość/Src. Następnie ustaw każdy tag SRC img'a na żądanie phpThumb, a sparsowana wysokość/szerokość jest przekazywana do URL-a miniaturek. Spowoduje to utworzenie obrazu o zmniejszonym rozmiarze (optymalizacja przepustowości kosztem procesora i buforowania). Co sądzisz o tym rozwiązaniu? Widziałem inne posty, w których ludzie używali mod_rewrite do zrobienia czegoś podobnego, ale chcę wpłynąć na treść strony i nie manipulować żądaniami obrazków, gdy są odbierane. .... Jakieś przemyślenia na temat tego projektu?

Potrzebuję pomocy przy drobnych szczegółach, ponieważ moje umiejętności w zakresie regexu wymagają trochę pracy, ale jestem bardzo skora i obiecuję, że wkrótce będę mógł zapłacić za wiedzę techniczną. Aby ułatwić korzystanie z regex, mogę być pewien pewnych rzeczy. Tylko znaczniki IMG, które wymagają tego przetwarzania, będą miały istniejące atrybuty width = "" height = "" (z podwójnymi cudzysłowami i tekstem o małych rozmiarach, ale przypuszczam, że dopasowanie do wielkości liter nie będzie poprawne, jeśli TinyMCE ulegnie zmianie)

Czyli wyrażenie regularne pasuje tylko do niezbędnych znaczników Img, a może jeszcze trzech wyrażeń regularnych, aby wyodrębnić src, szerokość i wysokość?

Dziękuję wszystkim.

Answer 1

myślę użyciu regexs tego jest to zły pomysł i chcesz być lepiej parsowania go za coś takiego PHP Simple HTML DOM Parser, można zrobić coś takiego:

// Load HTML from a string 
$html->load($your_posted_content); 

// Find all images 
foreach($html->find('img') as $element) 
     echo $element->src . '<br>'; 

Answer 2

Generalnie RegEx is not good for HTML parsing .. Ale w Twój przypadek może ci się uda, jeśli ograniczysz zakres do bardzo wąskiego zakresu (tzn. wyszukasz tylko atrybuty width=".." i height=".." .. lub coś w tym stylu).

Lepszym rozwiązaniem może być przeniesienie zawartości z TinyMCE asynchronicznie, behing-scenami i przetworzenie jej po stronie serwera za pomocą odpowiedniego parsera HTML/XML, a następnie zaktualizowanie zawartości edytora, kiedy już to zrobi.

Answer 3

Spróbuj tego:

(?i)<img(?>\s+(?>src="([^"]*)"|width="([^"]*)"|height="([^"]*)"|\w+="[^"]*"))+

To będzie pasować do każdego znacznika obrazu, a jeśli src, width, a height atrybuty są obecne, ich wartości zostaną zapisane w grupach 1, 2 i 3 odpowiednio . Nie wymaga to jednak żadnego z tych atrybutów, dlatego przed rozpoczęciem przetwarzania należy sprawdzić, czy wszystkie trzy grupy zawierają wartości.