[GH-ISSUE #255] 🕷 HTML EMail does not allow to click email-link, but highlights it #219

New issue

Closed

opened 2026-02-25 21:34:28 +03:00 by kerem · 3 comments

kerem commented

2026-02-25 21:34:28 +03:00

Owner

Originally created by @ulfgebhardt on GitHub (Jan 22, 2018).
Original GitHub issue: https://github.com/cypht-org/cypht/issues/255

Originally assigned to: @jasonmunro on GitHub.

HTML EMail parsing kicks out mailto links, but keeps it highlighted.
The Link changes color on hover, but is not clickable.

Screeny

HTML

<html>
<head>
    <meta content="text/html; charset=UTF-8" http-equiv="content-type"><style type="text/css">ol{margin:0;padding:0}table td,table th{padding:0}.c2{border-right-style:solid;padding:5pt 5pt 5pt 5pt;border-bottom-color:#000000;border-top-width:0pt;border-right-width:0pt;border-left-color:#000000;vertical-align:top;border-right-color:#000000;border-left-width:0pt;border-top-style:solid;border-left-style:solid;border-bottom-width:0pt;width:223.8pt;border-top-color:#000000;border-bottom-style:solid}.c3{color:#000000;font-weight:400;text-decoration:none;vertical-align:baseline;font-size:11pt;font-family:"Arial";font-style:normal}.c1{padding-top:0pt;padding-bottom:0pt;line-height:1.15;text-align:left}.c8{text-decoration-skip-ink:none;-webkit-text-decoration-skip:none;color:#1155cc;text-decoration:underline}.c7{border-spacing:0;border-collapse:collapse;margin-right:auto}.c10{background-color:#ffffff}.c9{color:inherit;text-decoration:inherit}.c5{orphans:2;widows:2}.c6{height:11pt}.c0{height:25pt}.c4{height:37pt}.title{padding-top:0pt;color:#000000;font-size:26pt;padding-bottom:3pt;font-family:"Arial";line-height:1.15;page-break-after:avoid;orphans:2;widows:2;text-align:left}.subtitle{padding-top:0pt;color:#666666;font-size:15pt;padding-bottom:16pt;font-family:"Arial";line-height:1.15;page-break-after:avoid;orphans:2;widows:2;text-align:left}li{color:#000000;font-size:11pt;font-family:"Arial"}p{margin:0;color:#000000;font-size:11pt;font-family:"Arial"}h1{padding-top:20pt;color:#000000;font-size:20pt;padding-bottom:6pt;font-family:"Arial";line-height:1.15;page-break-after:avoid;orphans:2;widows:2;text-align:left}h2{padding-top:18pt;color:#000000;font-size:16pt;padding-bottom:6pt;font-family:"Arial";line-height:1.15;page-break-after:avoid;orphans:2;widows:2;text-align:left}h3{padding-top:16pt;color:#434343;font-size:14pt;padding-bottom:4pt;font-family:"Arial";line-height:1.15;page-break-after:avoid;orphans:2;widows:2;text-align:left}h4{padding-top:14pt;color:#666666;font-size:12pt;padding-bottom:4pt;font-family:"Arial";line-height:1.15;page-break-after:avoid;orphans:2;widows:2;text-align:left}h5{padding-top:12pt;color:#666666;font-size:11pt;padding-bottom:4pt;font-family:"Arial";line-height:1.15;page-break-after:avoid;orphans:2;widows:2;text-align:left}h6{padding-top:12pt;color:#666666;font-size:11pt;padding-bottom:4pt;font-family:"Arial";line-height:1.15;page-break-after:avoid;font-style:italic;orphans:2;widows:2;text-align:left}</style>
</head>
<body class="c10">
    <p class="c1 c5">
    <span class="c8">
    <a class="c9" href="mailto:crowdfunding@democracy-deutschland.de">crowdfunding@democracy-deutschland.de</a>
    </span>
    </p>
</body>
</html>

Grüße Ulf

Originally created by @ulfgebhardt on GitHub (Jan 22, 2018). Original GitHub issue: https://github.com/cypht-org/cypht/issues/255 Originally assigned to: @jasonmunro on GitHub. HTML EMail parsing kicks out mailto links, but keeps it highlighted. The Link changes color on hover, but is not clickable. ### Screeny ![cypht_email_notclickable](https://user-images.githubusercontent.com/1238238/35235790-6f7be6a4-ffa5-11e7-8c12-a82d85884d47.PNG) ### HTML ``` <html> <head> <meta content="text/html; charset=UTF-8" http-equiv="content-type"><style type="text/css">ol{margin:0;padding:0}table td,table th{padding:0}.c2{border-right-style:solid;padding:5pt 5pt 5pt 5pt;border-bottom-color:#000000;border-top-width:0pt;border-right-width:0pt;border-left-color:#000000;vertical-align:top;border-right-color:#000000;border-left-width:0pt;border-top-style:solid;border-left-style:solid;border-bottom-width:0pt;width:223.8pt;border-top-color:#000000;border-bottom-style:solid}.c3{color:#000000;font-weight:400;text-decoration:none;vertical-align:baseline;font-size:11pt;font-family:"Arial";font-style:normal}.c1{padding-top:0pt;padding-bottom:0pt;line-height:1.15;text-align:left}.c8{text-decoration-skip-ink:none;-webkit-text-decoration-skip:none;color:#1155cc;text-decoration:underline}.c7{border-spacing:0;border-collapse:collapse;margin-right:auto}.c10{background-color:#ffffff}.c9{color:inherit;text-decoration:inherit}.c5{orphans:2;widows:2}.c6{height:11pt}.c0{height:25pt}.c4{height:37pt}.title{padding-top:0pt;color:#000000;font-size:26pt;padding-bottom:3pt;font-family:"Arial";line-height:1.15;page-break-after:avoid;orphans:2;widows:2;text-align:left}.subtitle{padding-top:0pt;color:#666666;font-size:15pt;padding-bottom:16pt;font-family:"Arial";line-height:1.15;page-break-after:avoid;orphans:2;widows:2;text-align:left}li{color:#000000;font-size:11pt;font-family:"Arial"}p{margin:0;color:#000000;font-size:11pt;font-family:"Arial"}h1{padding-top:20pt;color:#000000;font-size:20pt;padding-bottom:6pt;font-family:"Arial";line-height:1.15;page-break-after:avoid;orphans:2;widows:2;text-align:left}h2{padding-top:18pt;color:#000000;font-size:16pt;padding-bottom:6pt;font-family:"Arial";line-height:1.15;page-break-after:avoid;orphans:2;widows:2;text-align:left}h3{padding-top:16pt;color:#434343;font-size:14pt;padding-bottom:4pt;font-family:"Arial";line-height:1.15;page-break-after:avoid;orphans:2;widows:2;text-align:left}h4{padding-top:14pt;color:#666666;font-size:12pt;padding-bottom:4pt;font-family:"Arial";line-height:1.15;page-break-after:avoid;orphans:2;widows:2;text-align:left}h5{padding-top:12pt;color:#666666;font-size:11pt;padding-bottom:4pt;font-family:"Arial";line-height:1.15;page-break-after:avoid;orphans:2;widows:2;text-align:left}h6{padding-top:12pt;color:#666666;font-size:11pt;padding-bottom:4pt;font-family:"Arial";line-height:1.15;page-break-after:avoid;font-style:italic;orphans:2;widows:2;text-align:left}</style> </head> <body class="c10"> <p class="c1 c5"> <span class="c8"> <a class="c9" href="mailto:crowdfunding@democracy-deutschland.de">crowdfunding@democracy-deutschland.de</a> </span> </p> </body> </html> ``` Grüße Ulf <3

kerem

2026-02-25 21:34:28 +03:00

closed this issue
added the
enhancement
label

kerem commented

2026-02-25 21:34:28 +03:00

Author

Owner

@jasonmunro commented on GitHub (Jan 22, 2018):

This is due to our HTMLPurifier configuration limiting allowed URI schemes. I just added mailto to the white list and it seems to be working properly now :)

@jasonmunro commented on GitHub (Jan 22, 2018): This is due to our HTMLPurifier configuration limiting allowed URI schemes. I just added mailto to the white list and it seems to be working properly now :)

kerem commented

2026-02-25 21:34:29 +03:00

Author

Owner

@ulfgebhardt commented on GitHub (Jan 22, 2018):

Will test as soon as i have the time to update again <3

Grüße Ulf

@ulfgebhardt commented on GitHub (Jan 22, 2018): Will test as soon as i have the time to update again <3 Grüße Ulf

kerem commented

2026-02-25 21:34:29 +03:00

Author

Owner