I have a couple of WordPress pages with inline SVGs on them. If I (or my client) switches to Visual mode, however, the SVG code disappears. Completely. WordPress takes it out entirely. Here’s an example of what I’m using:
<div> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.0" id="Layer_1" x="0px" y="0px" width="100%" height="450px" viewBox="0 0 375 175" xml:space="preserve" class="design-thinking">...[bunch of gobbletygook here]...</svg> </div>
I am using inline SVG because I need the graphic to be interactive (I have onclick events for some of the nodes in the graphic, and yes I am enqueuing my js as well).
Fortunately I can revert back to the latest revision if necessary, but is there anything I need to do to make this valid code for WordPress / TinyMCE and/or make WordPress ignore this code block entirely?
- The topic ‘Inline SVG Disappears When Switching Between Editing Modes’ is closed to new replies.