Pull Request for Issue #36166 .

Summary of Changes

Changes to the content plugin emailcloak.php

• Changes in the respective $replacement specifications
• A change in the last pattern-string

Changes to the file joomla-hidden-mail.js under media/system/js
Reason: When setting the tag "joomla-hidden-mail" the class and style attributes are duplicated. Therefore I have them both removed from the tag.

A change to the core.js file
Here is the function sanitizeHtml. This had prevented that style specifications are not taken over with images. The attribute "style" was added to the allow list.

Testing Instructions

Include any of the following content with an email in an article. Examples are also in the source code of the "emailcloak" plugin

<p><a href="http://mce_host/ourdirectory/email@example.org" class="btn btn-danger" style="border: 2px solid #f00;">email@example.org</a></p>
<p><a href="http://mce_host/ourdirectory/email@example.org" class="btn btn-danger" style="border: 2px solid #f00;">anytext</a></p>
<p><a href="mailto:email@example.org" class="btn btn-danger" style="border: 2px solid #f00;">email@example.org</a></p>
<p><a href="mailto:email@example.org" class="btn btn-danger" style="border: 2px solid #f00;"><span class="test" style="text-transform: uppercase;">email@example.org</span></a></p>
<p><a href="mailto:email@example.org" class="btn btn-danger" style="border: 2px solid #f00;"><span class="test" style="text-transform: uppercase;">anytext</span></a></p>
<p><a href="mailto:email@example.org" class="btn btn-danger" style="border: 2px solid #f00;">anytext</a></p>
<p><a href="mailto:email@example.org" class="btn btn-danger" style="border: 2px solid #f00;"><img src="images/joomla_black.png" alt="" class="img-thumbnail" style="border: 1px solid #00f;" /></a></p>
<p><a href="mailto:email@example.org" class="btn btn-danger" style="border: 2px solid #f00;"><img src="images/joomla_black.png" alt="" class="img-thumbnail" style="border: 1px solid #00f;" />email@example.org</a></p>
<p><a href="mailto:email@example.org" class="btn btn-danger" style="border: 2px solid #f00;"><img src="images/joomla_black.png" alt="" class="img-thumbnail" style="border: 1px solid #00f;" />any text</a></p>
<p><a href="mailto:email@example.org?subject=Text" class="btn btn-danger" style="border: 2px solid #f00;">email@example.org</a></p>
<p><a href="mailto:email@example.org?subject=Text" class="btn btn-danger" style="border: 2px solid #f00;">anytext</a></p>
<p><a href="mailto:email@example.org?subject= Text" class="btn btn-danger" style="border: 2px solid #f00;"><span class="test" style="text-transform: uppercase;">email@example.org</span></a></p>
<p><a href="mailto:email@example.org?subject= Text" class="btn btn-danger" style="border: 2px solid #f00;"><span class="test" style="text-transform: uppercase;">anytext</span></a></p>
<p><a href="mailto:email@example.org?subject=Text" class="btn btn-danger" style="border: 2px solid #f00;"><img src="images/joomla_black.png" alt="" class="img-thumbnail" style="border: 1px solid #00f;" /></a></p>
<p><a href="mailto:email@example.org?subject=Text" class="btn btn-danger" style="border: 2px solid #f00;"><img src="images/joomla_black.png" alt="" class="img-thumbnail" style="border: 1px solid #00f;" />email@example.org</a></p>
<p><a href="mailto:email@example.org?subject=Text" class="btn btn-danger" style="border: 2px solid #f00;"><img src="images/joomla_black.png" alt="" class="img-thumbnail" style="border: 1px solid #00f;" />any text</a></p>
<p><img src="images/joomla_black.png" alt="" class="img-thumbnail" style="border: 1px solid #00f;" title="email@example.org" /></p>
<p><input type="text" placeholder="email@example.org" /></p>

Actual result BEFORE applying this Pull Request

Expected result AFTER applying this Pull Request

Documentation Changes Required

no changes