{"id":160549,"date":"2022-07-26T23:22:36","date_gmt":"2022-07-26T23:22:36","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/oh-my-svg\/"},"modified":"2023-02-06T15:08:02","modified_gmt":"2023-02-06T15:08:02","slug":"oh-my-svg","status":"publish","type":"plugin","link":"https:\/\/bn-in.wordpress.org\/plugins\/oh-my-svg\/","author":15006385,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"0.1.3","stable_tag":"0.1.3","tested":"6.1.10","requires":"5.7","requires_php":"7.1.0","requires_plugins":"","header_name":"OH MY SVG","header_author":"codekraft","header_description":"A Simple plugin that adds the SVG Block to your Gutenberg block editor.","assets_banners_color":"","last_updated":"2023-02-06 15:08:02","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"","header_author_uri":"https:\/\/codekraft.it","rating":0,"author_block_rating":0,"active_installs":200,"downloads":2938,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","changelog"],"tags":{"0.1.0":{"tag":"0.1.0","author":"codekraft","date":"2022-07-26 23:22:17"},"0.1.1":{"tag":"0.1.1","author":"codekraft","date":"2022-08-31 16:21:48"},"0.1.2":{"tag":"0.1.2","author":"codekraft","date":"2022-11-02 11:14:27"},"0.1.3":{"tag":"0.1.3","author":"codekraft","date":"2023-02-06 15:08:02"}},"upgrade_notice":[],"ratings":[],"assets_icons":{"icon.svg":{"filename":"icon.svg","revision":2762043,"resolution":false,"location":"assets","locale":false}},"assets_banners":[],"assets_blueprints":{},"all_blocks":{"codekraft\/oh-my-svg":{"apiVersion":2,"name":"codekraft\/oh-my-svg","title":"SVG","category":"media","editorScript":"file:.\/build\/oh-my-svg-editor.js"}},"tagged_versions":["0.1.0","0.1.1","0.1.2","0.1.3"],"block_files":["\/tags\/0.1.3\/.\/file:.\/build\/oh-my-svg-editor.js"],"assets_screenshots":{"screenshot-1.gif":{"filename":"screenshot-1.gif","revision":2778386,"resolution":"1","location":"assets","locale":""},"screenshot-2.gif":{"filename":"screenshot-2.gif","revision":2778386,"resolution":"2","location":"assets","locale":""}},"screenshots":{"1":"Svg edit capabilities","2":"Svg as icon (link, alignment)"},"jetpack_post_was_ever_published":false},"plugin_section":[172757],"plugin_tags":[4121,497,2904,259,2905],"plugin_category":[50],"plugin_contributors":[133085],"plugin_business_model":[],"class_list":["post-160549","plugin","type-plugin","status-publish","hentry","plugin_section-block","plugin_tags-blocks","plugin_tags-icon","plugin_tags-svg","plugin_tags-upload","plugin_tags-vector","plugin_category-media","plugin_contributors-codekraft","plugin_committers-codekraft"],"banners":[],"icons":{"svg":"https:\/\/ps.w.org\/oh-my-svg\/assets\/icon.svg?rev=2762043","icon":"https:\/\/ps.w.org\/oh-my-svg\/assets\/icon.svg?rev=2762043","icon_2x":false,"generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/oh-my-svg\/assets\/screenshot-1.gif?rev=2778386","caption":"Svg edit capabilities"},{"src":"https:\/\/ps.w.org\/oh-my-svg\/assets\/screenshot-2.gif?rev=2778386","caption":"Svg as icon (link, alignment)"}],"raw_content":"<!--section=description-->\n<p>This plugin provides a Svg Block to your block editor, this can be used with any svg icon or image (or even a html snippet). Some key features are provided like automatic markup sanitation, optimization (svgo), and small utility to change the color and the markup that will be very useful for you to create variations of your image.<\/p>\n\n<p>This block has the same controls as the images, but actually the content is xml markup, and you can change it as you like! This allows thousands of possibilities... You will be able to use css animations or js scripts to animate it, change the inner text of the svg, create variations of the same svg.\nHowever, this has the disadvantage that the svg will not be copied into the media library, so if you plan to use the same svg several times (buttons, icons, etc.) you are better off creating a reusable block<\/p>\n\n<p>From a performance point of view, be aware that the image will not be included as an external resource, but will instead be within the markup of the page, thus making svg even faster than it already is.<\/p>\n\n<h3>Svg are awesome because:<\/h3>\n\n<ul>\n<li>\u270c\ufe0f Are always super sharp!<\/li>\n<li>\ud83e\udeb6 Incredibly lightweight and doesn't require any additional resize image (you only need one source for all screen sizes and resolutions)<\/li>\n<li>\u26a1 Increased page performance! Using inline SVGs saves can save dozens of requests and save server download bandwith.<\/li>\n<li>\ud83c\udf89 highly customisable and animatable! Embedded svgs are easy to be animated, just use css!<\/li>\n<\/ul>\n\n<h4>Security<\/h4>\n\n<p>Since this plugin doesn't enable uploads of svg images into media library could be considered safer than all the others that enable the upload.\nAs if that wasn't enough Svg's will be cleaned with DOM purify which indeed is a first class js purifier, those used in php try to mimic how it works.<\/p>\n\n<p>Svg will be included within the pages as xml fragments, so they will not be processed by imagemagick and cannot be uploaded by anyone from website \"side\". Only those with permissions to use the editor will be allowed to 'upload' (or rather include) them.<\/p>\n\n<h4>Inspirations, links<\/h4>\n\n<p><a href=\"https:\/\/www.slideshare.net\/x00mario\/the-image-that-called-me\">Mario Heiderich the-image-that-called-me<\/a><\/p>\n\n<p><a href=\"https:\/\/www.fortinet.com\/blog\/threat-research\/scalable-vector-graphics-attack-surface-anatomy\">Fortinet - Anatomy of Scalable Vector Graphics (Svg) Attack Surface on the Web<\/a><\/p>\n\n<h3>Resources<\/h3>\n\n<ul>\n<li>dompurify \u00a9 2015 Mario Heiderich, <a href=\"https:\/\/raw.githubusercontent.com\/cure53\/DOMPurify\/main\/LICENSE\">Apache License Version 2.0<\/a><\/li>\n<li>svgo \u00a9 2021 Kir Belevich, <a href=\"https:\/\/raw.githubusercontent.com\/svg\/svgo\/main\/LICENSE\">MIT License<\/a><\/li>\n<\/ul>\n\n<h4>Contribute<\/h4>\n\n<p>We love your input! We want to make contributing to this project as easy and transparent as possible, whether it's:<\/p>\n\n<ul>\n<li>Reporting a bug<\/li>\n<li>Discussing the current state, features, improvements<\/li>\n<li>Submitting a fix \ud83d\udcaf or a new feature \ud83c\udf89<\/li>\n<\/ul>\n\n<p>We use GitHub to host code, to track issues and feature requests, as well as accept pull requests.\nBy contributing, you agree that your contributions will be licensed under its GPLv3 License.<\/p>\n\n<!--section=installation-->\n<p>This plugin can be installed directly from your WordPress site.<\/p>\n\n<ol>\n<li>Log in to your WordPress site and navigate to <strong>Plugins &rarr; Add New<\/strong>.<\/li>\n<li>Type \"OH MY Svg\" into the Search box.<\/li>\n<li>Locate the OH MY Svg plugin in the list of search results and click <strong>Install Now<\/strong>.<\/li>\n<li>Once installed, click the Activate button.<\/li>\n<\/ol>\n\n<p>It can also be installed manually using a zip file.<\/p>\n\n<ol>\n<li>Download the OH MY Svg plugin from WordPress.org.<\/li>\n<li>Log in to your WordPress site and navigate to <strong>Plugins &rarr; Add New<\/strong>.<\/li>\n<li>Click the <strong>Upload Plugin<\/strong> button.<\/li>\n<li>Click the <strong>Choose File<\/strong> button, select the zip file you downloaded in step 1, then click the <strong>Install Now<\/strong> button.<\/li>\n<li>Click the <strong>Activate Plugin<\/strong> button.<\/li>\n<\/ol>\n\n<!--section=changelog-->\n<h4>0.1.3 - 2023-02-02<\/h4>\n\n<ul>\n<li>Updated editor controls<\/li>\n<li>Adds border control<\/li>\n<li>Fixes some problems with svg alignment<\/li>\n<li>Link control update<\/li>\n<\/ul>\n\n<h4>0.1.2 - 2022-10-22<\/h4>\n\n<ul>\n<li>Fixes an issue with selection container in WordPress 6.0.3<\/li>\n<li>Updated dependencies<\/li>\n<\/ul>\n\n<h4>0.1.1 - 2022-08-03<\/h4>\n\n<ul>\n<li>Provides some additional control (like rotation)<\/li>\n<li>Enhanced color gathering<\/li>\n<li>A better original svg image handling (the image is stored each time it is loaded or replaced)<\/li>\n<li>Adds developer docs<\/li>\n<\/ul>\n\n<h4>0.1.0 - 2022-07-25<\/h4>\n\n<ul>\n<li>Initial Release.<\/li>\n<\/ul>","raw_excerpt":"Add any svg to your website with the superpowers of the block editor. Out-of-the-box security and speed optimization!","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/bn-in.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/160549","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bn-in.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/bn-in.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/bn-in.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=160549"}],"author":[{"embeddable":true,"href":"https:\/\/bn-in.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/codekraft"}],"wp:attachment":[{"href":"https:\/\/bn-in.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=160549"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/bn-in.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=160549"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/bn-in.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=160549"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/bn-in.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=160549"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/bn-in.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=160549"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/bn-in.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=160549"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}