Img tags changing on save

Support
#1

Aloha!
A site I am working on http://dm.impactmaui.com/ is having some issues with saving images as well as spacing.

Images relative path wrong
When saving images they appear that they are fine and they appear when editing with Pro. The issue is that they are relatively linked to
src="…/wp-content/uploads/2019/08/Carthaginian_Jarett_27_Dec_10-063-201x300.jpg" makes them show up on the editing page, but this breaks when looking at the live page where the link should not have the “…/”


tags and line spacing disappearing
When editing the page periodically line breaks either done with code or in the wysiwyg editor the site will just forget the line break and remove it. This has happened when testing with editing in code, on the page or by clicking edit text.

#2

Hi @josephjbaranowski,

Can we do a basic troubleshooting first? You could try testing for a plugin conflict. You can do this by deactivating all third party plugins, and seeing if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.

If this is not an issue with any of your plugins, we might need site credentials. Please share it inside a secure note together with a sample page URL with issue.

Can you please share a screencast too showing the issue? This is so we can duplicate the issue and investigate further.

#3

Deactivated all plugins and still get the same issue. In the image you can see the editor showing hte picture, but when looking at the actual page it is broken. It is changing the urls and adding a “…/” to the image tag.

Additionally the spacing issue happens when putting in a line break into the text editor and then going back in to edit it they disappear.

#4

Hey @josephjbaranowski,

I checked your page and the relative path doesn’t look correct, you need to add another ../ before your path so it will become ../../wp-content/uploads/2019/08/Carthaginian_Jarett_27_Dec_10-063-201x300.jpg

I tried to edit your page but it looks like the credentials you shared doesn’t have the rights to do so. I don’t see the Pro tab ot edit with Pro option.

Let us know how this goes!

#5

Aloha @Nabeel!
You had editor access, so changed it to admin.

Anyways, Yea I know what the problem is. Having to do this for every image that is loaded on the site is a huge problem. Teaching the client how to understand code when there is a wysiwyg editor is kind of weird right? Then why even have the wysiwyg editor?

Also switching between code and wysiwyg causes the
to disappear.

#6

Did not realize I could just write html here so “< br >” tags are ones that keep disappearing.

#7

Hi @josephjbaranowski,

Thank you for the credentials, but I can’t replicate the issue, I created a test page (see the link below) to try to replicate the issue, but the “Add Media” (on WYSIWYG editor) button provides an absolute link, not a relative link. I also added a couple of <br /> tags on that test page but those did not disappear. Please clarify.

Thanks,

#8

Yep, totally see that.

Also tested this by adding a new text block and it makes absolute links. But anything from a page template has messed up text blocks. Looks like the workaround is to not use page templates! Hurray!

http://dm.impactmaui.com/scuba-charters/dive-carthaginian/

#9

Glad we could help.

Cheers!

#10

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.