{"id":300461,"date":"2026-05-06T06:24:38","date_gmt":"2026-05-06T06:24:38","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/vectra-secure-svg-management-live-editing\/"},"modified":"2026-05-06T06:24:00","modified_gmt":"2026-05-06T06:24:00","slug":"sattive-svg-studio","status":"publish","type":"plugin","link":"https:\/\/wordpress.org\/plugins\/sattive-svg-studio\/","author":23463304,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"1.0.0","stable_tag":"1.0.0","tested":"6.9.4","requires":"5.8","requires_php":"7.4","requires_plugins":null,"header_name":"Sattive SVG Studio \u2013 Secure SVG Management & Live Editing","header_author":"Sattive DevLabs","header_description":"Stop wrestling with \"File Type Not Permitted\" errors. Sattive SVG Studio brings secure SVG support and a built-in code editor directly to your WordPress media library. Sanitize your files for security, preview them instantly, and tweak colors or paths without ever leaving your dashboard. It\u2019s the lightweight way to keep your site looking sharp on every screen.","assets_banners_color":"aabcee","last_updated":"2026-05-06 06:24:00","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"https:\/\/sattivedevlabs.com\/docs\/sattive-svg-studio","header_author_uri":"https:\/\/sattivedevlabs.com","rating":0,"author_block_rating":0,"active_installs":0,"downloads":40,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.0.0":{"tag":"1.0.0","author":"sattivedevlabs","date":"2026-05-06 06:24:00"}},"upgrade_notice":[],"ratings":[],"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3524002,"resolution":"128x128","location":"assets","locale":""},"icon-256x256.png":{"filename":"icon-256x256.png","revision":3524002,"resolution":"256x256","location":"assets","locale":""}},"assets_banners":{"banner-1544x500.jpg":{"filename":"banner-1544x500.jpg","revision":3524002,"resolution":"1544x500","location":"assets","locale":""},"banner-772x250.jpg":{"filename":"banner-772x250.jpg","revision":3524002,"resolution":"772x250","location":"assets","locale":""}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0.0"],"block_files":[],"assets_screenshots":[],"screenshots":{"1":"The Sattive SVG Studio workspace inside the WordPress Media Library.","2":"Using the Segment Editor to change the color of a specific shape.","3":"Applying Drop Shadows and adjusting Layer Z-indexes."},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[10150,233,2904,261989,261990],"plugin_category":[],"plugin_contributors":[258114],"plugin_business_model":[],"class_list":["post-300461","plugin","type-plugin","status-publish","hentry","plugin_tags-image-editor","plugin_tags-media-library","plugin_tags-svg","plugin_tags-svg-editor","plugin_tags-vector-graphics","plugin_contributors-sattivedevlabs","plugin_committers-sattivedevlabs"],"banners":{"banner":"https:\/\/ps.w.org\/sattive-svg-studio\/assets\/banner-772x250.jpg?rev=3524002","banner_2x":"https:\/\/ps.w.org\/sattive-svg-studio\/assets\/banner-1544x500.jpg?rev=3524002","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/sattive-svg-studio\/assets\/icon-128x128.png?rev=3524002","icon_2x":"https:\/\/ps.w.org\/sattive-svg-studio\/assets\/icon-256x256.png?rev=3524002","generated":false},"screenshots":[],"raw_content":"<!--section=description-->\n<p>Sattive SVG Studio is the ultimate SVG power-up for WordPress. While WordPress blocks SVGs by default for security reasons, Sattive SVG Studio allows you to safely upload, sanitize, and visually edit vector graphics without ever leaving your dashboard.<\/p>\n\n<p>Built with performance and user experience in mind, Sattive SVG Studio features a premium, node-based visual editor powered by Fabric.js. Whether you need to change the color of an icon, add a drop shadow, or reorganize the layers of a complex illustration, this plugin makes it as easy as using a professional design tool.<\/p>\n\n<h3>\ud83c\udf1f Core Features<\/h3>\n\n<ul>\n<li><strong>Secure SVG Uploads:<\/strong> Automatic XML sanitization strips malicious scripts and prevents XSS attacks on upload.<\/li>\n<li><strong>Native Media Library Integration:<\/strong> View your SVG thumbnails perfectly rendered in the WordPress grid\u2014no more blank document icons.<\/li>\n<li><strong>Sattive SVG Studio Workspace:<\/strong> A complete visual editing environment built directly into the Attachment Details modal.<\/li>\n<li><strong>Segment Selection:<\/strong> Click on specific shapes or paths within your SVG to edit them individually, just like in Figma or Illustrator.<\/li>\n<li><strong>Live Appearance Controls:<\/strong> Instantly tweak Fill Colors, Stroke Colors, Stroke Weights, and Opacity.<\/li>\n<li><strong>Advanced Effects:<\/strong> Add customizable Drop Shadows (Color, Blur, X\/Y Offset) to any shape.<\/li>\n<li><strong>Layer Management:<\/strong> Bring shapes forward, send them backward, duplicate, delete, or flip them horizontally\/vertically.<\/li>\n<li><strong>Canvas Controls:<\/strong> Apply a background color to your SVG or instantly center all objects.<\/li>\n<li><strong>History Engine:<\/strong> Made a mistake? Use the built-in Undo\/Redo buttons (or Ctrl+Z \/ Ctrl+Y keyboard shortcuts).<\/li>\n<\/ul>\n\n<h3>\ud83d\ude80 How It Works<\/h3>\n\n<ol>\n<li>Upload an SVG to your Media Library.<\/li>\n<li>Click on the image and hit the blue <strong>\"Edit SVG with Sattive SVG Studio\"<\/strong> button.<\/li>\n<li>The Studio editor will launch. Click any shape to change its color, add a shadow, or move it around.<\/li>\n<li>Click <strong>Apply Changes<\/strong>. The plugin securely overwrites the original file on your server, instantly updating it across your website.<\/li>\n<\/ol>\n\n<h3>Third-Party Libraries<\/h3>\n\n<ul>\n<li>Fabric.js (v5.3.1) - https:\/\/github.com\/fabricjs\/fabric.js (Licensed under MIT)<\/li>\n<\/ul>\n\n<!--section=installation-->\n<ol>\n<li>Upload the <code>sattive-svg-studio<\/code> folder to the <code>\/wp-content\/plugins\/<\/code> directory.<\/li>\n<li>Activate the plugin through the 'Plugins' menu in WordPress.<\/li>\n<li>Go to <strong>Settings &gt; Sattive SVG Studio<\/strong> to configure your general preferences (optional).<\/li>\n<li>Navigate to your Media Library and upload an <code>.svg<\/code> file to get started.<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id=\"are%20my%20svgs%20safe%20from%20malicious%20code%3F\"><h3>Are my SVGs safe from malicious code?<\/h3><\/dt>\n<dd><p>Yes! Sattive SVG Studio includes a lightweight but strict sanitization protocol that automatically strips <code>&lt;script&gt;<\/code> tags and dangerous <code>on*<\/code> attributes (like <code>onclick<\/code>) the moment the file hits your server.<\/p><\/dd>\n<dt id=\"will%20this%20slow%20down%20my%20website%3F\"><h3>Will this slow down my website?<\/h3><\/dt>\n<dd><p>No. The visual editor only loads in the WordPress backend. On the frontend, your SVGs are served as standard, lightning-fast image files.<\/p><\/dd>\n<dt id=\"does%20this%20work%20with%20elementor%2C%20gutenberg%2C%20or%20divi%3F\"><h3>Does this work with Elementor, Gutenberg, or Divi?<\/h3><\/dt>\n<dd><p>Absolutely. Because Sattive SVG Studio permanently updates the actual <code>.svg<\/code> file on your server, any page builder displaying that image will instantly show your updated edits.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.0.1<\/h4>\n\n<ul>\n<li>Major Update: Introduced the complete visual editor engine powered by Fabric.js.<\/li>\n<li>Added: Node-based segment selection for editing individual paths.<\/li>\n<li>Added: Layer management (Bring Forward, Send Backward, Duplicate).<\/li>\n<li>Added: Advanced Drop Shadow controls and History Engine (Undo\/Redo).<\/li>\n<li>Fixed: Compatibility fix for WordPress SVG cropping errors.<\/li>\n<\/ul>\n\n<h4>1.0.0<\/h4>\n\n<ul>\n<li>Initial release.<\/li>\n<li>Added secure SVG upload sanitization and thumbnail support.<\/li>\n<\/ul>","raw_excerpt":"Stop wrestling with &quot;File Type Not Permitted&quot; errors. Sattive SVG Studio brings secure SVG support and a built-in visual editor directly to  &hellip;","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/300461","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=300461"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/sattivedevlabs"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=300461"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=300461"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=300461"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=300461"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=300461"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=300461"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}