img map usemap and hash sign – 403 Err

Hi,

I’m trying to use Elementor with multiple image maps. With one image map works perfect but when add a second or just duplicate it I’m getting 403 error when saving.
Example:

<img class=" map" src="https://site.pl/wp-content/uploads/2019/04/A1.jpg" usemap="#A1" />
<map name="A1"> <area coords="865,488" shape="poly" href="https://site.pl/wp-content/uploads/2019/04/A1.0.1.pdf"/> </map>

<img class="map" src="https://site.pl/wp-content/uploads/2019/04/A2.jpg" usemap="#A2" />
<map name="A2"> <area coords="865,488" shape="poly" href="https://site.pl/wp-content/uploads/2019/04/A2.0.1.pdf" /> </map>

Did some tests:
– removing # from usemap="#A1" or usemap="#A2" allows to save page like it would be one # sign allowed.
– changing one of href PDF file extension to something else allows to save page (with both # on)

Pure code without Elementor editor works. I’ve tried to put the code into text or HTML section. Previously had to switch Wordfence into learning mode to save some code in elementor (403 Err) but switching Wordfence off didn’t helped to save my page with image maps.

• This topic was modified 5 years, 11 months ago by 4harry4444.