Bezpieczny SVG

Opis

Bezpieczny SVG to najlepszy sposób na zezwolenie na przesyłanie plików SVG w WordPressie!

Daje możliwość zezwalania na przesyłanie plików SVG przy jednoczesnym upewnieniu się, że są one oczyszczone, aby luki w SVG/XML nie miały wpływu na witrynę. Daje również możliwość podglądu przesłanych plików SVG w bibliotece multimediów we wszystkich widokach.

Aktualne funkcje

  • Czyszczenie plików SVG – nie otwieraj luk bezpieczeństwa w swoim WordPressie, zezwalając na przesyłanie nieoczyszczonych plików.
  • Optymalizacja SVGO – uruchamia się narzędzie SVGO podczas przesyłania plików SVG, aby zaoszczędzić miejsce. Funkcja jest domyślnie wyłączona, ale można ją włączyć, dodając następujący kod: add_filter( 'safe_svg_optimizer_enabled', '__return_true' );.
  • Przeglądaj pliki SVG w bibliotece mediów – dawno minęły czasy zgadywania, który plik SVG jest prawidłowy, włączymy podgląd SVG w bibliotece mediów WordPressa.
  • Wybierz, kto może przesyłać pliki – ogranicz przesyłanie plików SVG do określonych użytkowników w witrynie lub zezwól każdemu na ich przesyłanie.

Początkowo był to dowód koncepcji dla #24251.

Oczyszczanie SVG odbywa się za pośrednictwem biblioteki: https://github.com/darylldoyle/svg-sanitizer.

Optymalizacja SVG odbywa się przy użyciu biblioteki: https://github.com/svg/svgo.

Bloki

Wtyczka dodaje 1 blok.

  • Safe SVG Display the SVG icon

Instalacja

Zainstaluj przez katalog WordPressa lub pobierz, rozpakuj i prześlij pliki do katalogu /wp-content/plugins/.

Najczęściej zadawane pytania

Czy mogę zmienić dozwolone atrybuty i tagi?

Tak, można to zrobić za pomocą filtrów svg_allowed_attributes i svg_allowed_tags.
Przyjmują one jeden argument, który musi zostać zwrócony. Zobacz przykłady poniżej:

add_filter( 'svg_allowed_attributes', function ( $attributes ) {

    // Do what you want here...

    // This should return an array so add your attributes to
    // to the $attributes array before returning it. E.G.

    $attributes[] = 'target'; // This would allow the target="" attribute.

    return $attributes;
} );


add_filter( 'svg_allowed_tags', function ( $tags ) {

    // Do what you want here...

    // This should return an array so add your tags to
    // to the $tags array before returning it. E.G.

    $tags[] = 'use'; // This would allow the <use> element.

    return $tags;
} );

Recenzje

2025-06-21 1 odpowiedź
Would have given a 5 star, but it seems support is missing for the taxonomy / terms section (like in categories) upload for SVG images. Keep getting an error that the upload isn’t supported. Hopefully this will be fixed in a future update. Will update once this is added. Cheers!
2025-04-30 1 odpowiedź
Great plugin! very usefull, but please can you add the possibility to add an inline SVG on the block pasting svg code? Thanks!
Przeczytaj 75 recenzji

Kontrybutorzy i deweloperzy

„Bezpieczny SVG” jest oprogramowaniem open source. Poniższe osoby miały wkład w rozwój wtyczki.

Zaangażowani

Wtyczka „Bezpieczny SVG” została przetłumaczona na 29 języków. Podziękuj tłumaczom za ich wkład.

Przetłumacz wtyczkę “Bezpieczny SVG” na swój język.

Interesuje cię rozwój wtyczki?

Przeglądaj kod, sprawdź repozytorium SVN lub czytaj dziennik rozwoju przez RSS.

Rejestr zmian

2.4.0 – 2025-09-22

2.3.3 – 2025-08-13

2.3.2 – 2025-07-21

2.3.1 – 2024-12-05

2.3.0 – 2024-11-25

2.2.6 – 2024-08-28

View historical changelog details here.