Change Details

We have a template which places .gif images like this https://www.astro.com/im/sym/s_su.18.gif In the html page rendering, it appears as <img src="https://www.astro.com/im/sym/s_su.18.gif" alt="s_su.18.gif"> I would like to replace the .gif image with a .svg image like this https://www.astro.com/im/sym/s_su.18.svg but that is rendered into <a class="external free" href="https://www.astro.com/im/sym/s_su.18.svg">https://www.astro.com/im/sym/s_su.18.svg</a> I got help by User:TheDJ told me that private const EXT_IMAGE_REGEX in parser.php should be updated. I pacched it to read now private const EXT_IMAGE_REGEX = '/^(http:\/\/|https:\/\/)((?:\\[(?i:[0-9a-f:.]+)\\])?[^][<>"\\x00-\\x20\\x7F\p{Zs}\x{FFFD}]+) \\/([A-Za-z0-9_.,~%\\-+&;#*?!=()@\\x80-\\xFF]+)\\.((?i)gif|png|jpg|jpeg|svg)$/Sxu'; Now thee transclusion of .svg images works. I also need to update common.css and add .infobox.toccolours tr td img {width: 18px;} to get the svg glyphs in the right size.

We have a template which places `.gif` images like this https://www.astro.com/im/sym/s_su.18.gif In the HTML page rendering, it appears as ``` <img src="https://www.astro.com/im/sym/s_su.18.gif" alt="s_su.18.gif"> ``` I would like to replace the `.gif` images with `.svg` images like this: ``` https://www.astro.com/im/sym/s_su.18.svg ``` but that is rendered into ``` <a class="external free" href="https://www.astro.com/im/sym/s_su.18.svg">https://www.astro.com/im/sym/s_su.18.svg</a> ``` @TheDJ told me that `private const EXT_IMAGE_REGEX` in `Parser.php` should be updated. I patched it to read now ``` private const EXT_IMAGE_REGEX = '/^(http:\/\/|https:\/\/)((?:\\[(?i:[0-9a-f:.]+)\\])?[^][<>"\\x00-\\x20\\x7F\p{Zs}\x{FFFD}]+) \\/([A-Za-z0-9_.,~%\\-+&;#*?!=()@\\x80-\\xFF]+)\\.((?i)gif|png|jpg|jpeg|svg)$/Sxu'; ``` Now links to of .svg images works. I also need to update common.css and add ``` .infobox.toccolours tr td img {width: 18px;} ``` to get the svg glyphs in the right size.

We have a template which places `.gif` images like this https://www.astro.com/im/sym/s_su.18.gif In the htmlHTML page rendering, it appears as ``` <img src="https://www.astro.com/im/sym/s_su.18.gif" alt="s_su.18.gif"> ``` I would like to replace the `.gif` images with a `.svg` images like this: ``` https://www.astro.com/im/sym/s_su.18.svg ``` but that is rendered into ``` <a class="external free" href="https://www.astro.com/im/sym/s_su.18.svg">https://www.astro.com/im/sym/s_su.18.svg</a> I got help by User:TheDJ told me that private const EXT_IMAGE_REGEX in parser.php should be updated. ``` @TheDJ told me that `private const EXT_IMAGE_REGEX` in `Parser.php` should be updated. I pactched it to read now ``` private const EXT_IMAGE_REGEX = '/^(http:\/\/|https:\/\/)((?:\\[(?i:[0-9a-f:.]+)\\])?[^][<>"\\x00-\\x20\\x7F\p{Zs}\x{FFFD}]+) \\/([A-Za-z0-9_.,~%\\-+&;#*?!=()@\\x80-\\xFF]+)\\.((?i)gif|png|jpg|jpeg|svg)$/Sxu'; Now thee transclusion of .svg images works. ``` Now links to of .svg images works. I also need to update common.css and add ``` .infobox.toccolours tr td img {width: 18px;} ``` to get the svg glyphs in the right size.