SVG Issues in the Pinegrow editor - WP Plugin

Pinegrow WordPress Plugin
1

Hi,

SVG images are not loading correctly in the editor. So at this point placing an image and choosing an SVG image doesn’t work at all. Unless i grab the URL form the media library and paste it in manually within the image settings.

I created a quick video: https://www.berrycast.com/conversations/1b1586e8-dcd9-583f-beec-4ffb75480b17

Hope this can be fixed soon.

Thanks
Guido

2

Hi @Guido,

Which SVG plugin are you using?

What is the broken URL to the SVG image when you insert it in PG?

Thanks, Matjaz

1 Like
3

Hi @matjaz

I am using HappyFiles that has the option to allow SVG uploads. (https://happyfiles.io/)

So the url to one of my SVG’s is https://domainname.com/wp-content/uploads/WP-Expert-Logo.svg

But in the editor it doesn’t see SVG’s in the preview window:

image
image432×585 34.8 KB

The last two are SVG. If i click on one of them to insert then the url that it grabs is:

https://domainname.com/wp-content/uploads/

It seems to ignore the WP-Expert-Logo.svg part of the url.

The url in the settings of the image is then this:

image

Nothing after uploads/

If i grab the full url https://domainname.com/wp-content/uploads/WP-Expert-Logo.svg and paste it in there then it works.

edit:I just tried to use the upload image within the editor to see if that changes things but the result is the same.

image

FYI: I just replaced my actual domain name with domainname.

edit: I just tried disabling the plugin and added $mimes[‘svg’] = ‘image/svg+xml’; to enable SVG upload. That didn’t solve the problem.

Guido

4

(for what it is worth, each situation may differ depending on the hosting and possible restrictions) in local mode, using local.app SVG are fine.

SCR-20230218-mj6
SCR-20230218-mj61920×1073 137 KB

SCR-20230218-mjs
SCR-20230218-mjs2538×1468 233 KB

SCR-20230218-mkb
SCR-20230218-mkb2504×1466 451 KB

1 Like
5

Oke some more testing with SVG:

  1. If i copy svg code and paste it in the “Insert Code” area then it works fine:

image
image1062×429 22.7 KB

The Chevron is what i inserted.

  1. If i use Insert > External Content > svg then i get the message “Sorry, your browser does not support inline SVG”

image
image1046×253 16.1 KB

BUT if i refresh the editor then the svg shows up.

image
image

So there is definitely something going on with SVG’s.

This doesn’t work for an img svg. Those just don’t work until i manually grab the url from the media folder and paste it in the img settings.

There is no issue using the SVG’s in Gutenberg for example so it seems to be only related to the pinegrow editor. On live hosting.

Guido

6

Hi @matjaz,

Following up on this thread to see how we are with these SVG issues? Were you able to replicate the issues i have?

Thanks
Guido