WordPress.org

Make WordPress Core

Opened 5 months ago

Closed 3 months ago

#26286 closed defect (bug) (duplicate)

impossible to have HTML comments inside MAP tag

Reported by: crysman Owned by:
Milestone: Priority: normal
Severity: normal Version: 3.7.1
Component: Formatting Keywords:
Focuses: Cc:

Description

Asume this text inside a page inserted via the "text" tab of the WP editor:

Here comes the MAP:

<map name="map"> <!-- #$-:Image map file created by GIMP Image Map plug-in -->
<!-- #$-:GIMP Image Map plug-in by Maurits Rijk -->
<!-- #$-:Please do not edit lines starting with "#$" -->
<!-- #$VERSION:2.3 -->
<!-- #$AUTHOR:crysman -->
<!--
<area shape="rect" coords="23,95,64,108" alt="Kopírka" title="Kopírka" href="xxxKopirka" /> -->
<!--
<area shape="rect" coords="23,108,64,128" alt="Sekretariát" title="Sekretariát" href="xxxSekr" /> -->
<!--
<area shape="rect" coords="23,128,64,168" alt="Ředitelna" title="Ředitelna" href="xxxRed" /> -->
<!--
<area shape="rect" coords="23,168,64,210" alt="Vedoucí pracoviště" title="Vedoucí pracoviště" href="xxxVedouci" /> -->
<!--
<area shape="rect" coords="23,210,64,249" alt="CDTA" title="CDTA" href="xxxCDTA" /> -->
<area title="Baletní sál" alt="Baletní sál" coords="23,250,71,298" shape="rect" href="http://lidicka.luzanky.cz/pronajmy/baletni-sal" /> <area title="Recepce" alt="Recepce" coords="64,82,184,123" shape="rect" href="http://lidicka.luzanky.cz/pronajmy/recepce" /> <area title="Terasa" alt="Terasa" coords="234,140,603,141,604,312,546,311,545,323,396,323,396,289,234,290" shape="poly" href="http://lidicka.luzanky.cz/pronajmy/terasa" />
<!--
<area shape="rect" coords="96,123,159,145" alt="Šatna" title="Šatna" href="xxxSatna" /> -->
<area title="Velký sál" alt="Velký sál" coords="71,145,184,298" shape="rect" href="http://lidicka.luzanky.cz/pronajmy/velky-sal" /> <area title="Galerie" alt="Galerie" coords="185,95,233,298" shape="rect" href="http://lidicka.luzanky.cz/pronajmy/galerie" />
<!--
<area shape="rect" coords="47,327,96,351" alt="Kostýmy" title="Kostýmy" href="xxxKost" /> -->
<area title="Ornis" alt="Ornis" coords="47,351,96,436" shape="rect" href="http://lidicka.luzanky.cz/pronajmy/ornis" /> <area title="místnost č. 42" alt="místnost č. 42" coords="47,436,96,491" shape="rect" href="http://lidicka.luzanky.cz/pronajmy/42" />
<!--
<area shape="rect" coords="47,492,96,511" alt="Sklad" title="Sklad" href="xxxSklad" /> -->
<area title="místnost č. 47" alt="místnost č. 47" coords="96,312,160,353" shape="rect" href="http://lidicka.luzanky.cz/pronajmy/47" /> <area title="Keramika" alt="Keramika" coords="160,312,209,353" shape="rect" href="http://lidicka.luzanky.cz/pronajmy/keramika" /> <area title="místnost č. 4" alt="místnost č. 4" coords="233,81,256,106" shape="rect" href="http://lidicka.luzanky.cz/pronajmy/4" /> <area title="Čekárna" alt="Čekárna" coords="256,81,362,106" shape="rect" href="http://lidicka.luzanky.cz/pronajmy/cekarna" /> <area title="Kuchyňka" alt="Kuchyňka" coords="338,115,363,140" shape="rect" href="http://lidicka.luzanky.cz/pronajmy/kuchynka" /> <area title="Výtvarka" alt="Výtvarka" coords="363,115,418,140" shape="rect" href="http://lidicka.luzanky.cz/pronajmy/vytvarka" /> <area title="Fotokomora" alt="Fotokomora" coords="362,81,418,106" shape="rect" href="http://lidicka.luzanky.cz/pronajmy/fotokomora" /> <area title="místnost č. 7" alt="místnost č. 7" coords="419,81,442,106" shape="rect" href="http://lidicka.luzanky.cz/pronajmy/7" /> <area title="Bijásek" alt="Bijásek" coords="442,81,547,106" shape="rect" href="http://lidicka.luzanky.cz/pronajmy/bijasek" /> <area title="Keramika" alt="Keramika" coords="548,81,603,106" shape="rect" href="http://lidicka.luzanky.cz/pronajmy/keramika" /> <area title="místnost č. 24" alt="místnost č. 24" coords="418,115,473,140" shape="rect" href="http://lidicka.luzanky.cz/pronajmy/24" /> <area title="Společenské vědy" alt="Společenské vědy" coords="473,115,524,140" shape="rect" href="http://lidicka.luzanky.cz/pronajmy/spolecenske-vedy" /> <area title="Galerie chodba" alt="Galerie chodba" coords="233,106,716,115" shape="rect" href="http://lidicka.luzanky.cz/pronajmy/galerie-chodba" /> <area title="Rodinná výchova" alt="Rodinná výchova" coords="524,115,549,140" shape="rect" href="http://lidicka.luzanky.cz/pronajmy/rodinna-vychova" /> <area title="Propagace" alt="Propagace" coords="549,115,604,140" shape="rect" href="http://lidicka.luzanky.cz/pronajmy/propagace" /> <area title="místnost č. 10" alt="místnost č. 10" coords="603,81,660,106" shape="rect" href="http://lidicka.luzanky.cz/pronajmy/10" /> <area title="Výtvarka" alt="Výtvarka" coords="660,81,717,106" shape="rect" href="http://lidicka.luzanky.cz/pronajmy/vytvarka" /> <area title="místnost č. 21" alt="místnost č. 21" coords="604,115,653,159" shape="rect" href="http://lidicka.luzanky.cz/pronajmy/21" /> <area title="místnost č. 13" alt="místnost č. 13" coords="668,115,717,159" shape="rect" href="http://lidicka.luzanky.cz/pronajmy/13" /> <area title="místnost č. 20" alt="místnost č. 20" coords="604,159,653,230" shape="rect" href="http://lidicka.luzanky.cz/pronajmy/20" /> <area title="místnost č. 14" alt="místnost č. 14" coords="668,159,717,208" shape="rect" href="http://lidicka.luzanky.cz/pronajmy/14" /> <area title="Přírodověda" alt="Přírodověda" coords="668,208,717,230" shape="rect" href="http://lidicka.luzanky.cz/pronajmy/prirodoveda" /> <area title="Kuchyňka 19" alt="Kuchyňka 19" coords="604,230,653,279" shape="rect" href="http://lidicka.luzanky.cz/pronajmy/kuchynka-19" /> <area title="Zvířata" alt="Zvířata" coords="668,230,717,279" shape="rect" href="http://lidicka.luzanky.cz/pronajmy/zvirata" /> <area title="místnost č. 18" alt="místnost č. 18" coords="604,279,626,301" shape="rect" href="http://lidicka.luzanky.cz/pronajmy/18" /> <area title="místnost č. 17" alt="místnost č. 17" coords="692,280,717,300" shape="rect" href="http://lidicka.luzanky.cz/pronajmy/17" /> <area title="Ašrám" alt="Ašrám" coords="562,332,627,447" shape="rect" href="http://lidicka.luzanky.cz/pronajmy/asram" /> <area title="místnost č. 68" alt="místnost č. 68" coords="627,332,692,382" shape="rect" href="http://lidicka.luzanky.cz/pronajmy/68" /> <area title="Dobrovolnické centrum 67" alt="Dobrovolnické centrum 67" coords="627,382,692,421" shape="rect" href="http://lidicka.luzanky.cz/pronajmy/dobrovolnicke-centrum-67" /> <area title="Talent centrum" alt="Talent centrum" coords="651,421,692,443" shape="rect" href="http://lidicka.luzanky.cz/pronajmy/talent-centrum" /> <area title="Dobrovolníci" alt="Dobrovolníci" coords="651,443,692,514" shape="rect" href="http://lidicka.luzanky.cz/pronajmy/dobrovolnici" /> <area title="Technika" alt="Technika" coords="256,326,297,368" shape="rect" href="http://lidicka.luzanky.cz/pronajmy/technika" /> <area title="Dílna 103" alt="Dílna 103" coords="297,326,378,368" shape="rect" href="http://lidicka.luzanky.cz/pronajmy/dilna-103" /> <area title="Dílna 105" alt="Dílna 105" coords="281,368,354,408" shape="rect" href="http://lidicka.luzanky.cz/pronajmy/dilna-105" /> <area title="místnost č. 107" alt="místnost č. 107" coords="354,368,378,387" shape="rect" href="http://lidicka.luzanky.cz/pronajmy/107" />
</map>

Here comes the map2:
<map name="map2">
<area title="CDTA" alt="CDTA" coords="23,210,64,249" shape="rect" href="xxxCDTA" /> --&gt;
<area title="Baletní sál" alt="Baletní sál" coords="23,250,71,298" shape="rect" href="http://lidicka.luzanky.cz/pronajmy/baletni-sal" /> <area title="Recepce" alt="Recepce" coords="64,82,184,123" shape="rect" href="http://lidicka.luzanky.cz/pronajmy/recepce" /> <area title="Terasa" alt="Terasa" coords="234,140,603,141,604,312,546,311,545,323,396,323,396,289,234,290" shape="poly" href="http://lidicka.luzanky.cz/pronajmy/terasa" />
<area title="Velký sál" alt="Velký sál" coords="71,145,184,298" shape="rect" href="http://lidicka.luzanky.cz/pronajmy/velky-sal" /> <area title="Galerie" alt="Galerie" coords="185,95,233,298" shape="rect" href="http://lidicka.luzanky.cz/pronajmy/galerie" />
</map>

Here comes the IMG:
<img class="alignnone size-full wp-image-338" alt="planek_budovy_barva_2012" src="http://cmstest3.luzanky.cz/wp-content/uploads/2013/11/planek_budovy_barva_2012.png" usemap="#map" width="755" height="534" />

Here comes the IMG2:
<img class="alignnone size-full wp-image-338" alt="planek_budovy_barva_2012" src="http://cmstest3.luzanky.cz/wp-content/uploads/2013/11/planek_budovy_barva_2012.png" usemap="#map2" width="755" height="534" />

Online it is here: http://cmstest3.luzanky.cz/test-br/

It generates HTML invalid page. Not only it is invalid, but the images are not displayed at all because of the wrongly behaved HTML comments...

Look what it does:
view-source:http://cmstest3.luzanky.cz/test-br/

I suppose having comments inside the MAP tag is completely HTML valid. If this is true, WP handles it incorrectly...

Change History (3)

comment:1 crysman5 months ago

PS: no plugin is active (I've actually deleted all plugins via the plugins menu to be sure), WP is up-to-date (latest stable available in updates menu)

comment:2 SergeyBiryukov5 months ago

  • Component changed from General to Formatting

comment:3 nacin3 months ago

  • Milestone Awaiting Review deleted
  • Resolution set to duplicate
  • Status changed from new to closed

Thanks cyrsman for the bug report and ample test data. I saw three problems here:

  • Closing HTML comments were getting munged by wptexturize(). See #8912, I posted a patch.
  • Whitespace inside the <map> is rendered because we're auto-adding <br/>. Given the nature of maps, it seems like we should be treating a bit differently by wpautop(), but this deserves a separate ticket.
  • Your data has an orphaned --> in it, near the second map.
Note: See TracTickets for help on using tickets.