tinyMCE:  How to use an imagemap?  PHP  Joomla

Posted on 2011-03-08
Medium Priority
Last Modified: 2012-05-11
TinyMCE is stripping my imagemap by removing USEMAP from the HTML.  I dont want to disable tiny.   I just want a way to cause TinyMCE to recognize USEMAP in the HTML without stripping it.  Can this be done?  Thanks!
Question by:arthurh88
  • 3
LVL 14

Expert Comment

by:Allan Nisbet
ID: 35084985
This could be what your after


Looks like TinyMCE by default is set to strip the USEMAP from the HTML on save whilst using the editor.

Logical solution would be to remove the USEMAP reference in TINYMCE and it should work.

I stopped using TinyMCE due to issues like this and other edit strips, we started using JCE editor instead and havent looked back.

LVL 14

Expert Comment

by:Allan Nisbet
ID: 35085009
Another solution from the joomla forums

(i)TinyMCE for edit in the Plugin Manager (Extensions -> Plugin Manager) and set the parameters as follows:

(a) Functionality to Extended

(b) Code cleanup on save to Never or Front Only

(iii) You could also set the editor as No Editor in the Global Configurations and edit the article.

LVL 14

Accepted Solution

Allan Nisbet earned 2000 total points
ID: 35085025
And finally the best solution

Open up the /plugins/editors/tinymce.php

// advimage
$advimage = $this->params->def('advimage', 1);
if ($advimage) {
   $plugins[]   = 'advimage';
   $elements[]   = 'img[class|src|border=0|alt|title|hspace|vspace|width|height|align|onmouseover|onmouseout|name|style]';

Open in new window

Add "|usemap" after "|style" (the very last attribute listed in img[class|src...).

SAve teh file and it should work


Featured Post

Train for your Pen Testing Engineer Certification

Enroll today in this bundle of courses to gain experience in the logistics of pen testing, Linux fundamentals, vulnerability assessments, detecting live systems, and more! This series, valued at $3,000, is free for Premium members, Team Accounts, and Qualified Experts.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Developers of all skill levels should learn to use current best practices when developing websites. However many developers, new and old, fall into the trap of using deprecated features because this is what so many tutorials and books tell them to u…
This article discusses how to create an extensible mechanism for linked drop downs.
Explain concepts important to validation of email addresses with regular expressions. Applies to most languages/tools that uses regular expressions. Consider email address RFCs: Look at HTML5 form input element (with type=email) regex pattern: T…
The viewer will learn how to dynamically set the form action using jQuery.

597 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question