Hi,
Per our release notes:
When you import SVG files, they are added to your HTML using an IMG element that references the .svg file. However, it seems some users have embedded SVG content that they hand-coded in Code view.
As a workaround, please try the following:
- Open your index.html file in a text editor
- For each <svg> ... </svg> element, cut and paste the entire element into a text file and save it as an .svg file inside your assets folder.
- In place of the <svg> ... </svg> element, replace it with an IMG element, something like:
<img is="gwd-image"source="assets/mySvgFile1.svg" >
(This example is for an Ads file that has pages.)
If you are working on non-pages based HTML files, you would do something like:
<img src="assets/mySvgFile.svg" >
- You may also want to update the 'id' and 'class' attributes if needed.
For example, if your file had an embedded SVG element like:
<svg id="mycircle" class="gwd-div-abc" width="100" height="100">
<circle cx="50" cy="50" r="40" stroke="green" stroke-width="4" fill="yellow" />
</svg>
You would copy it to a new text file named circle.svg and save this file in your assets folder next to your index.html file. If the id and class attributes are used in other parts of GWD, you would remove them from the .svg file and transfer them to the <img> element that replaces the <svg> tag, as in:
<img is="gwd-image" source="assets/circle.svg" id="mycircle" class="gwd-div-abcd">
The assets/circle.svg file contains:
<svg width="100" height="100">
<circle cx="50" cy="50" r="40" stroke="green" stroke-width="4" fill="yellow" />
</svg>
If you are working on an HTML file (without pages), you would use an IMG element and a 'src' attribute as in:
<img src="assets/circle.svg" id="mycircle" class="gwd-div-abcd">
We hope this helps you get back to working with your files.
Thanks!