I am using Joomla 3.9.12 for my client's website redesign and I am wanting to use SVG icons for some of the menu items. I have placed the SVG images in a specific image directory, but I cannot select them using the media manager popup that is launched by the "Link Image" option. I have updated the Media Manager configuration settings with the following:
Legal Extensions (File Types): bmp,csv,doc,gif,ico,jpg,jpeg,odg,odp,ods,odt,pdf,png,ppt,svg,swf,txt,xcf,xls,BMP,CSV,DOC,GIF,ICO,JPG,JPEG,ODG,ODP,ODS,ODT,PDF,PNG,PPT,SVG,SWF,TXT,XCF,XLS
Legal Image Extensions (File Types): bmp,gif,jpg,png,svg
Legal MIME Types: image/jpeg,image/gif,image/png,image/bmp,image/svg,application/x-shockwave-flash,application/msword,application/excel,application/pdf,application/powerpoint,text/plain,application/x-zip
I have also added AddType image/svg+xml .svg .svgz and AddEncoding gzip svgz to my htaccess file.
None of these changes have allowed the SVG images to be selected using the Media Manager. Why are we in 2019 and still having no possible way to add SVG images to Joomla? Is it still that big of a security concern?
If you are using JCE as your text editor, try going to
Components > JCE > Editor Profiles > Your Profile > Plugin Parameters > File Browser > Permitted File Extensions. Scroll to the images block and check if the SVG format is there. If it isn't, add SVG, save and try again.
If you still don't have any success, FTP to your images directory and double-check that the SVG file was successfully uploaded.
If you are using an editor other than JCE, look for a similar setting, or let us know what you are using.
Good luck!
Related
I'm trying to see if it's possible to extract font & svg data from an archived flash website
Is this possible?
Note: I am using this extension on my chrome to run flash website
Screenshot of flash website
Solution:
Download the .sfw that contains font or vector file. If the fonts are not embedded in SWF, it will not work.
Open the .swf with Action Script Viewer to extract .ttf
There might be a simple answer to this but I have not found it.
I'm trying to get an svg file stored in an Azure blob store to download to the browser.
The corresponding png downloads to the downloads area of the browser.
If I do the same for an svg it opens the file by default in a new tab.
The following for the png works as wished for.
Png
The following for the svg opens a new tab and displays the svg rather than downloading to the
downloads of the browser.
Svg
Is there a way of overriding the browser behaviour for svg files or is there a simple jquery
type solution for this?
Yes there is.
You need to change content-disposition of svg file in blob storage to attachment
If this does not work you can also change Content-type to application/octet-stream
Probably right now you have content type image/svg+xml
In the documentation for Semantic-UI Icons, the framework purports to "include a complete port of Font Awesome 5.0.8" which supports SVG icons and Semantic-UI even includes in the assets an icons.svg file. I have searched and found no information in the Semantic-UI documentation as to how to actually use SVG icons. I have tried supplying the file as an argument to the #font-face property, but that is not supported by most modern browsers. Does anybody know how to use the SVG icons that Semantic-UI purports to support?
P.S. If anybody is wondering why I need the SVG icons, it is to work around a bug in IE11. I am dealing with a network of users on Windows 10 with the group policy to "Block Untrusted Fonts" enabled, and IE11 does not properly allow my website to serve .woff, .woff2, .ttf, or .eot files to the user. This is a confirmed issue with IE11 and the only workaround that is feasible for this project may be to use SVG icons.
Using the latest online version from VSTS.
Is it somehow possible to use vector graphics in the vsts wiki?
I know I can't upload a .svg as attachment (only png, jpeg and gif) but is there any other approach?
In the end, it is just static file serving. Using markdown, I can use any url to a public .svg and the image gets rendered correctly using the VSTS wiki. But I can't upload the graphic on my own. Also it has to be uploaded inside VSTS, a public file hosting location is not allowed.
My Idea was to upload the vector graphic inside the code section and inside the wiki to reference to the corresponding .svg. But I cannot or simply don't know how to get the full url to the .svg.
Any hints for that?
You can use the markdown for image syntax () to show vector graphics on wiki page (but the xml format hass not been supported yet).
While to get the url for a local .svg file, you need to hosted .svg file to a place with http protocol supported. But it seems there has no free site to hosted .svg files. And you can also refer the post free and convenient svg hosting.
i have a few png files in my asp.net 3.5 web app. the images displaying correctly in dev; however, when i load the app on the server, the png files do not display. i'm using w2k8 and iis. when i server another image file from same directory (jpg), it works. is there something i am missing with png files?
This sounds like a permissions problem. Have you checked the permissions on one of the PNG files to be certain that they can be read by EVERYONE?
If you can access the server directly, can you see the images if you use a browser on the server and visit the local site? http://localhost/
Can you try view the PNG directly by URL from your browser? By that I mean entering the full URL to the PNG itself rather than the page that is showing the PNG. For example http://sstatic.net/so/img/logo.png
Very late but maybe not a wrong solution:
If you rename a .jpg to .png it won't show in Microsoft's browsers.
If you save the file again in Paint for example, it will change the mime-type or file-headers thus it will load after that change.
You can test this pretty easily:
Rename a .jpg file to .png
Load the page : The image is broken
Save the file as .png now
Load the page : The image will load now