Title: Svigent Tools Author: abineshselvarasu Published: 2026 年 9 月 11 日 Last modified: 2026 年 9 月 11 日 --- 搜索插件 ![](https://s.w.org/plugins/geopattern-icon/svigent-tools.svg) # Svigent Tools 作者：[abineshselvarasu](https://profiles.wordpress.org/abineshselvarasu/) [下载](https://downloads.wordpress.org/plugin/svigent-tools.1.0.0.zip) * [详情](https://cn.wordpress.org/plugins/svigent-tools/#description) * [评价](https://cn.wordpress.org/plugins/svigent-tools/#reviews) * [安装](https://cn.wordpress.org/plugins/svigent-tools/#installation) * [开发进展](https://cn.wordpress.org/plugins/svigent-tools/#developers) [支持](https://wordpress.org/support/plugin/svigent-tools/) ## 描述 **Svigent Tools** is a lightweight, modern, and secure solution for using SVG (Scalable Vector Graphics) in WordPress. By default, WordPress restricts SVG uploads due to potential XML-based vulnerabilities( such as Cross-Site Scripting and XML External Entity attacks). Svigent Tools solves this by implementing enterprise-grade DOM-level sanitization on upload, giving you complete peace of mind while designing beautiful, resolution-independent vector graphics. #### Key Features * **Enterprise-Grade SVG & SVGZ Sanitization:** Automated XML inspection powered by `enshrined/svg-sanitize` to strip malicious scripts, event listeners, and dangerous entities before files reach your disk. * **Native Media Library Previews:** Automatically fixes broken 1×1 or invisible SVG thumbnails in both Grid and List views in `wp-admin/upload.php`. * **Automatic Dimension Detection:** Parses `viewBox` and `width`/`height` coordinates on upload and writes them to WordPress attachment metadata to preserve natural aspect ratios. * **Zero-Overhead Frontend Inlining:** Replaces target `` elements with raw` ` using lightweight client-side Vanilla JS (< 2KB), enabling dynamic CSS styling (`fill: currentColor`) and hover animations. * **Smart In-Memory Caching:** Deduplicates identical SVG network requests so repeated icons on a page are downloaded only once. * **Dynamic DOM Observer:** Fully compatible with Gutenberg block insertion, Elementor, and AJAX infinite scroll using `MutationObserver`. * **Role-Based Upload Permissions:** Restrict SVG upload privileges to Administrators only or extend permissions to all users with upload capabilities (Authors/Editors). * **Lossless Vector Scaling:** Skips unnecessary raster thumbnail generation (GD/ Imagick) and disables redundant `srcset` generation to conserve server disk space. ## 屏幕截图 [⌊Svigent Tools Settings Screen: Intuitive configuration with live security status badge and 1-click selector copy helper.⌉⌊Svigent Tools Settings Screen: Intuitive configuration with live security status badge and 1-click selector copy helper.⌉[ **Svigent Tools Settings Screen:** Intuitive configuration with live security status badge and 1-click selector copy helper. ## 安装 1. Log in to your WordPress Admin Dashboard. 2. Navigate to **Plugins Add New**. 3. Search for **Svigent Tools** or upload the `svigent-tools.zip` archive. 4. Click **Install Now** and activate the plugin. 5. Go to **Settings Svigent Tools** to configure permissions and inlining preferences. ## 常见问题 ### Why does WordPress restrict SVG uploads by default? SVG files are XML documents, meaning they can contain executable JavaScript and external entity references that could lead to Cross-Site Scripting (XSS) or XXE attacks. Svigent Tools strips all hazardous elements during upload while preserving all visual graphics, gradients, and shapes. ### How do I render an SVG inline on the frontend? 1. Enable **Frontend Inline Rendering** under **Settings Svigent Tools**. 2. Add the class `style-svg` (or your custom selector) to any Image block or element. 3. Svigent Tools will automatically convert the `` tag into an inline `` element on the frontend. ### Does Svigent Tools work with page builders? Yes! Svigent Tools works out of the box with the WordPress Block Editor (Gutenberg), Elementor, Beaver Builder, Divi, and classic themes. ### Do I need to write code to use Svigent Tools? No! Svigent Tools works automatically. Once enabled, you can upload SVGs and style them using simple settings in your WordPress Admin. ## 评价 此插件暂无评价。 ## 贡献者及开发者 「Svigent Tools」是开源软件。 以下人员对此插件做出了贡献。 贡献者 * [ abineshselvarasu ](https://profiles.wordpress.org/abineshselvarasu/) [帮助将「Svigent Tools」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/svigent-tools) ### 对开发感兴趣吗? 您可以[浏览代码](https://plugins.trac.wordpress.org/browser/svigent-tools/)，查看 [SVN仓库](https://plugins.svn.wordpress.org/svigent-tools/)，或通过[RSS](https://plugins.trac.wordpress.org/log/svigent-tools/?limit=100&mode=stop_on_copy&format=rss) 订阅[开发日志](https://plugins.trac.wordpress.org/log/svigent-tools/)。 ## 更新日志 #### 1.0.0 * Initial release. * Added safe SVG and SVGZ upload handling. * Integrated DOM-level XML sanitization via `enshrined/svg-sanitize`. * Added Media Library grid and list thumbnail preview styling. * Added automatic `viewBox` dimension extraction and attachment metadata normalization. * Added client-side Vanilla JS inlining engine with in-memory caching and `MutationObserver`. * Added role-based upload restriction settings. ## 额外信息 * 版本 **1.0.0** * 最后更新：**1 天前** * 活跃安装数量 **不到10** * WordPress 版本 ** 6.0 或更高版本 ** * 已测试的最高版本为 **7.1** * PHP 版本 ** 7.4 或更高版本 ** * 语言 * [English (US)](https://wordpress.org/plugins/svigent-tools/) * 标签 * [inline svg](https://cn.wordpress.org/plugins/tags/inline-svg/)[safe svg](https://cn.wordpress.org/plugins/tags/safe-svg/) [SVG](https://cn.wordpress.org/plugins/tags/svg/)[Vector](https://cn.wordpress.org/plugins/tags/vector/) * [高级视图](https://cn.wordpress.org/plugins/svigent-tools/advanced/) ## 评级 尚未提交反馈。 [您的评价](https://wordpress.org/support/plugin/svigent-tools/reviews/#new-post) [查看全部评论](https://wordpress.org/support/plugin/svigent-tools/reviews/) ## 贡献者 * [ abineshselvarasu ](https://profiles.wordpress.org/abineshselvarasu/) ## 支持 有话要说吗？是否需要帮助？ [查看支持论坛](https://wordpress.org/support/plugin/svigent-tools/) ## 捐助 您愿意支持这个插件的发展吗? [ 捐助此插件 ](https://wordpress.org/plugins/svigent-tools/)