drahcirj

Ah, final word – SMIL (SVG animation language) is not supported by IE / Edge and will be removed by Chrome in future.

It’s officially recommended that all SVG animation is done by external CSS or Javscript.

Blog post about it: https://www.elegantthemes.com/blog/resources/how-to-create-an-animated-logo-with-svg-and-css

So there is no reason to have this plugin support animation code inside the SVG itself. This issue can be closed completely.

Aha, I changed my site URL to https:// (since Let’s Encrypt is recent and I wasn’t using SSL last year). That fixed the browser errors.

I see also that plain SVG animation (no JS) works fine: https://richardcooke.info/how-to-create-animated-svgs-and-display-them-in-wordpress/. So that’s halfway there ??

—–

But JS in SVG is stripped by your plugin before the SVG is rendered if you use class='style-svg. And if you don’t use that class then a static img is displayed (the clock). Neither enables animation.

If you view the clock in its own page from my site it works fine: https://richardcooke.info/wp-content/uploads/2017/01/clock.svg

Can you not make your plugin show SVGs not inline, but simply as <objects> or <imgs> pointing to the real SVG file, without stripping JS?

—-

PS. Very sorry to hear about your accident. Hope I’m keeping you entertained ??

Thanks. Some additional info. The problem seems to be that your plugin loads SVGs without SSL *gasp*. It might not be a JS problem after all.

?? I don’t want to start altering other people’s SVG Javascript code and pulling apart SVGs, that’s much too hard. It also means you can’t drag and drop SVGs into your pages – you have to manually alter the JS on the page every time. I just want to use animations I find on the web. As SVG becomes more widely supported, more and more animations will start being used.

Is your plugin on GitHub? Maybe when I have some spare time I could look into this. I’d really like to be able to use vector animations in WordPress over MPGs and GIFs.

Thanks for replying, the problem was fixed by replacing ‘global’ with SET SESSION sql_mode = ‘NO_ENGINE_SUBSTITUTION’;

https://stackoverflow.com/questions/41531156/how-to-fix-mysql-database-restore-error-using-wordpress-updraftplus-error-code

Did you check the checkbox at the bottom right of your post after installing the plugn? You have to enable it per post I think.

That’s all I can remember.

I see.

I think the plugin you link to is for another plugin – TinyMCE.

The one I found – https://www.ads-software.com/plugins/dont-muck-my-markup/ – works with standard WP, is just a checkbox at the bottom right of your page edit that is off by default, and is really small.

If I were WP I’d consider including this by default as it is super helpful to brand new users like me, while occupying almost zero kb and zero screen estate.

Make a new page and paste this in then view:

<div >
			<div >
				aaa
			</div>
			<div >
				bbb
			</div>
			<div >
				adslfkj alfj lafjk dlfkjad flkjdf
				<span >
					WHY SO MUCH SPACE ABOVE ME? INSPECT ELEMENT TO SEE THE /br/s
				</span>
			</div>
		</div>

You can read the full discussion in the linked bug from years ago, or the description of the plugin.

– Paste any HTML into the text editor of a page
– View the page in a browser as a user
– The page format is broken. This is because WordPress adds br and p tags everywhere

Until this bug is fix someone has provided a workaround (why doesn’t WordPress just work like this by default?????)

Use the plugin: ‘Don’t muck my markup’