Safe SVG

Mô tả

Safe SVG cho phép bạn tải file SVG lên website!

Plugin cho phép bạn file SVG lên website đồng thời đảm bảo chúng được làm sạch để ngăn chặn các lỗ hổng bảo mật SVG/XML ảnh hưởng đến web bạn. Ngoài ra, nó còn cho phép bạn xem trước các fileSVG đã tải lên trong thư viện media ở mọi chế độ xem.

Tính năng hiện có

  • Sanitised SVG (Làm sạch SVG) – Loại bỏ các lỗ hổng bảo mật trong file SVG trước khi tải lên website.
  • Tối ưu SVGO – Tải SVG thông qua công cụ SVGO để tiết kiệm dung lượng. Mặc định tính năng này đã bị tắt nhưng bạn có thể bật nó thông qua code sau: add_filter( 'safe_svg_optimizer_enabled', '__return_true' );
  • Xem SVG trong Thư viện – Bạn có thể xem trực tiếp file SVG trong Thư viện như khi xem ảnh.
  • Cấp quyền tải lên – Có thể cấp quyền tải file SVG cho những tài khoản nhất định trên web.

Plugin được phát hành để giải quyết vấn đề #24251.

SVG Sanitization bằng thư viện: https://github.com/darylldoyle/svg-sanitizer.

Tối ưu dung lượng SVG bằng thư viện: https://github.com/svg/svgo.

Khối

Plugin này cung cấp 1 khối.

  • Safe SVG Display the SVG icon

Cài đặt

Cài đặt qua thư mục WordPress hoặc tải xuống, giải nén và tải các tệp lên thư mục /wp-content/plugins/.

Hỏi đáp

Chúng ta có thể thay đổi các attribute và tag được phép (allowed attribute/allowed tag) không?

Tất nhiên, bạn có thể thực hiện thông qua filter svg_allowed_attributessvg_allowed_tags filters.
Chúng nhận một đối số (argument) và phải trả về đối số (return) đó. Xem các ví dụ bên dưới:

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;
} );

Đánh giá

11 Tháng 3, 2026 1 trả lời
Needed SVG upload support, and this plugin did the job. Very lightweight and easy to use. No issues so far. Some additional settings would be nice, but overall, it’s quite solid.
21 Tháng 6, 2025 1 trả lời
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!
30 Tháng 4, 2025 1 trả lời
Great plugin! very usefull, but please can you add the possibility to add an inline SVG on the block pasting svg code? Thanks!
Đọc tất cả 78 đánh giá

Người đóng góp & Lập trình viên

“Safe SVG” là mã nguồn mở. Những người sau đã đóng góp vào plugin này.

Những người đóng góp

“Safe SVG” đã được dịch qua 29 ngôn ngữ. Cảm ơn những người tham gia dịch vì đóng góp của họ.

Dịch “Safe SVG” sang ngôn ngữ của bạn.

Muốn tham gia phát triển?

Duyệt code, check out SVN repository, hoặc theo dõi nhật ký phát triển qua RSS.

Nhật ký thay đổi

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

Xem chi tiết lịch sử thay đổi (changelog) tại đây.