Jak uniknąć podwójnych cudzysłowów w atrybucie tytułu

195

Próbuję użyć ciągu znaków, który zawiera podwójne cudzysłowy w atrybucie tytułu kotwicy. Do tej pory próbowałem tych:

<a href=".." title="Some \"text\"">Some text</a>
<!-- The title looks like `Some \` --!>

i

<a href=".." title="Some &quot;text&quot;">Some text</a>
<!-- The title looks like `Some ` --!>

Należy pamiętać, że stosowanie pojedynczych cudzysłowów nie jest opcją.

html escaping quotes

— harpax
źródło

18

@Haim przeczytał pytanie… napisano: „pojedyncze cytaty nie są opcją”.

— Nils Riedemann,

2

@harpax - Byłem ciekawy, dlaczego pojedyncze cytaty nie są opcją?

— Bert F

3

Pojedyncze cudzysłowy nie są poprawne HTML.

— skyfoot

1

Twój drugi przykład powinien działać absolutnie idealnie. W jakiej przeglądarce widzisz problem?

— Olly Hodgson,

1

@harpax: być może powinieneś wyjaśnić, że „pojedyncze cudzysłowy nie są opcją”. Domyślam się, że wspominając o pojedynczych cudzysłowach „wewnątrz” ciągu „nie” jest opcją (wyświetlaną użytkownikowi), ale po prostu odwracanie pojedynczych i podwójnych cudzysłowów, jak pokazał Haim powyżej, byłoby w porządku.

— Christian.K

284

Ten wariant -

<a title="Some &quot;text&quot;">Hover me</a>

Rozwiń fragment kodu

Jest poprawny i działa zgodnie z oczekiwaniami - na renderowanej stronie widać normalne cytaty.

— Māris Kiseļovs
źródło

Tak. <a href="#" title="Foo "Bar"">Testing</a>i <a href="#" title="Smart quotes ”Bar“">Testing too</a>pracuj dla mnie.

— Olly Hodgson,

5

@Maris: Cóż ... nie widzę normalnych cytatów na renderowanej stronie, gdy robię & quot; (Firefox, Chrome). Czemu?

— Krzysztof Trzos

@Maris, ten sam problem tutaj. Zobacz tekst „& quot;” pojawiają się zarówno w przeglądarce IE, jak i Chrome, gdy użytkownik najedzie myszką na element.

— rstackhouse

Zadziwiająco działało z zawartością HTML osadzoną w atrybucie (dla javascript do tworzenia edytowalnego data-editable-note="<?php echo str_replace('"', '"', $note); ?>"><?php echo mark::up($note); ?></div>

— obszaru tekstowego

23

Oto fragment znaków ucieczki HTML pobranych ze strony z pamięci podręcznej na archive.org :

&#060   |   less than sign  <       
&#064   |   at sign @       
&#093   |   right bracket   ]       
&#123   |   left curly brace    {       
&#125   |   right curly brace   }       
&#133   |   ellipsis    …       
&#135   |   double dagger   ‡       
&#146   |   right single quote  ’       
&#148   |   right double quote  ”       
&#150   |   short dash  –       
&#153   |   trademark   ™       
&#162   |   cent sign   ¢       
&#165   |   yen sign    ¥       
&#169   |   copyright sign  ©       
&#172   |   logical not sign    ¬       
&#176   |   degree sign °       
&#178   |   superscript 2   ²       
&#185   |   superscript 1   ¹       
&#188   |   fraction 1/4    ¼       
&#190   |   fraction 3/4    ¾       
&#247   |   division sign   ÷       
&#8221  |   right double quote  ”       
&#062   |   greater than sign   >   
&#091   |   left bracket    [   
&#096   |   back apostrophe `   
&#124   |   vertical bar    |   
&#126   |   tilde   ~   
&#134   |   dagger  †   
&#145   |   left single quote   ‘       
&#147   |   left double quote   “   
&#149   |   bullet  •   
&#151   |   longer dash —   
&#161   |   inverted exclamation point  ¡   
&#163   |   pound sign  £   
&#166   |   broken vertical bar ¦   
&#171   |   double left than sign   «   
&#174   |   registered trademark sign   ®   
&#177   |   plus or minus sign  ±   
&#179   |   superscript 3   ³   
&#187   |   double greater-than sign    »   
&#189   |   fraction 1/2    ½   
&#191   |   inverted question mark  ¿   
&#8220  |   left double quote   “   
&#8212  |   dash    —

— Dave
źródło

9

"Zamiast tego można również użyć kodu ucieczki ".

— Fredley
źródło

3

Używanie "jest na to sposobem. Wypróbowałem Twój drugi fragment kodu i działa on zarówno w przeglądarce Firefox, jak i Internet Explorer.

— TheCee
źródło

2

Może działać z dowolnym znakiem z listy znaków HTML Escape , ale miałem ten sam problem z projektem Java. Użyłem StringEscapeUtils.escapeHTML("Testing \" ")i tytuł był <a href=".." title="Test" ">Testing</a>.

Działa to tylko dla mnie, gdy zmieniłem StringEscapeUtils na StringEscapeUtils.escapeJavascript("Testing \" ")i działało w każdej przeglądarce.

— Rodrigo Horta
źródło

moim zdaniem najlepsze rozwiązanie

— Mohammed Rafeeq

Dobrze, jeśli używasz Javy, ale ponieważ pierwotny pytający prosi o HTML, być może nie jest to opcja.

— Paul

1

Jest co najmniej jedna sytuacja, w której użycie pojedynczych cudzysłowów nie zadziała, to znaczy, jeśli tworzysz znaczniki „w locie” z JavaScript. Używasz pojedynczych cudzysłowów, aby zawrzeć ciąg, a następnie dowolna właściwość w znacznikach może zawierać podwójne cudzysłowy dla jego wartości.

— cvadillo
źródło

1

Być może możesz użyć JavaScript, aby rozwiązać problem w różnych przeglądarkach. Używa innego mechanizmu ucieczki, z którym oczywiście już znasz:

(reference-to-the-tag).title = "Some \"text\"";

Nie oddziela ściśle funkcji HTML, JavaScript i CSS tak, jak chcą ludzie, ale kogo musisz uszczęśliwić? Twoi użytkownicy lub technicy, których nie znasz?

— WebManWalking
źródło

Przesadzaj, gdy pożądany esencję można osiągnąć w znacznie prostszy sposób.

— Paul

-3

Możesz użyć tego kodu PHP, aby wyświetlić znaki specjalne ...

<table border="1"><?php for($i=33;$i<9000;$i++)echo "<tr><td>&#38;#$i;<td>&#".$i.";"; ?></table>

— użytkownik6000975
źródło