Image Map HTML code in CMS page

[franky74]

Hi,

 

Was hoping someone could help me out here. I'm trying to place an image map into a CMS page. I went into the </> scource code area and added the image map html code.

 

<p><img src="http://www.prestashopStore.com/img/cms/map.jpg" alt="" width="563" height="516" usemap="#Map" />

<map name="Map" id="Map">
  <area shape="poly" coords="355,98,351,237,391,289,557,290,420,5" href="#" />
  <area shape="poly" coords="215,64,228,323,86,395,49,372,5,262,1,198,127,97,171,50" href="#" />
  <area shape="poly" coords="217,60,236,14,332,11,351,95,346,236,229,238" href="#" />
</map>
</body>

</p>

 

But when I save the page prestashop just removes the map html code. Any help much appecitated.

[vekia]

you have to extend your tinymce editor

there is no other way to add contents like this to cms pages (or other "description" fields)

[musicmaster]

I am not sure about 1.6 but in 1.5 you can add maps via standard cms. See here for an example: http://www.topsnoep.nl/content/4-wie-zijn-wij

 

But there is one catch: 

 - Google maps uses iframes. The standard safety settings of Prestashop are that iframes are not allowed. So you need to go to settings->general to allow iframes. Once you have saved your map you can switch it off again.

 - TinyMCE may not display everything correctly. But it will be saved and will work.

[vekia]

as far as i know in 1.6 <map> tag is excluded from accepted html tags in tinyMCE

[franky74]

Hi Vekia,

 

Thanks for your help thus far. I upgraded the tinyMCE editor. And I can see the new editor with the extra buttons. But unfortunatly it's stilling not adding the map html tag. I tested some javascript code and that works. Am I missing something?

 

Frank

[musicmaster]

If you search on internet then it appears that there is a imgmap module for TinyMCE 3. However, it looks like there is nothing for the 4 version.