Curious behaviour of smart quotes in Chromium browser

Curious behaviour of smart quotes in Chromium browser

[R (Chandra) Chandrasekhar]

[-- Attachment #1: Type: text/plain, Size: 1942 bytes --]

Dear Folks,

I have encountered some curious behaviour of smart quote rendition in 
the Chromium web browser.

What I am about to report might very well be a quirk in that browser 
regarding rendition of the <q> </q> tag pair in HTML5. It does not 
happen with Firefox on my machine. Here are the details.

I saved this single line

"This sentence is within double quotes."

in a file called quotes.text.

I then ran

pandoc --from markdown quotes.text --to html --smart --output quotes.html

to get the file

quotes.html

that looked like

<p>“This sentence is within double quotes.”</p>

Mark that the curly quotes have been correctly rendered as literals.

I then ran

pandoc --from markdown quotes.text --to html5 --smart --output 
quotes-html5.html

to get the file

quotes-html5.html

that looked like

<p><q>This sentence is within double quotes.</q></p>

where the quotes are tags. Not being a full bottle on HTML5, I trust 
that is what the standard stipulates.

In any case, the two files quotes.html and quotes-html5.html render 
identically on Firefox but not on Chromium where the latter shows up 
with straight quotes. I have attached appropriately named screenshots to 
illustrate what I see.

I have brought this up because I wish to have HTML5 *and* curly quotes 
if possible, showing up correctly on Chromium as well other popular 
browsers, and need suggestions on how to go about this, given the quirky 
behaviour I have encountered on Chromium.

Thank you.

Chandra


-- 
You received this message because you are subscribed to the Google Groups "pandoc-discuss" group.
To post to this group, send email to pandoc-discuss-/JYPxA39Uh5TLH3MbocFF+G/Ez6ZCGd0@public.gmane.org
To unsubscribe from this group, send email to pandoc-discuss+unsubscribe@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/pandoc-discuss?hl=en.


[-- Attachment #2: html-smart-quotes.png --]
[-- Type: image/png, Size: 6033 bytes --]

[-- Attachment #3: html5-smart-quotes.png --]
[-- Type: image/png, Size: 5817 bytes --]

Re: Curious behaviour of smart quotes in Chromium browser

[John MacFarlane]

Rendering of q elements depends on CSS; probably firefox and chrome have different defaults.  If you use the -s flag, pandoc will insert default CSS for double curly quotes, which you can override w your own CSS.

John 

On Apr 6, 2012, at 7:05 PM, "R (Chandra) Chandrasekhar" <chyavana-Re5JQEeQqe8AvxtiuMwx3w@public.gmane.org> wrote:

> Dear Folks,
> 
> I have encountered some curious behaviour of smart quote rendition in the Chromium web browser.
> 
> What I am about to report might very well be a quirk in that browser regarding rendition of the <q> </q> tag pair in HTML5. It does not happen with Firefox on my machine. Here are the details.
> 
> I saved this single line
> 
> "This sentence is within double quotes."
> 
> in a file called quotes.text.
> 
> I then ran
> 
> pandoc --from markdown quotes.text --to html --smart --output quotes.html
> 
> to get the file
> 
> quotes.html
> 
> that looked like
> 
> <p>“This sentence is within double quotes.”</p>
> 
> Mark that the curly quotes have been correctly rendered as literals.
> 
> I then ran
> 
> pandoc --from markdown quotes.text --to html5 --smart --output quotes-html5.html
> 
> to get the file
> 
> quotes-html5.html
> 
> that looked like
> 
> <p><q>This sentence is within double quotes.</q></p>
> 
> where the quotes are tags. Not being a full bottle on HTML5, I trust that is what the standard stipulates.
> 
> In any case, the two files quotes.html and quotes-html5.html render identically on Firefox but not on Chromium where the latter shows up with straight quotes. I have attached appropriately named screenshots to illustrate what I see.
> 
> I have brought this up because I wish to have HTML5 *and* curly quotes if possible, showing up correctly on Chromium as well other popular browsers, and need suggestions on how to go about this, given the quirky behaviour I have encountered on Chromium.
> 
> Thank you.
> 
> Chandra
> 
> 
> -- 
> You received this message because you are subscribed to the Google Groups "pandoc-discuss" group.
> To post to this group, send email to pandoc-discuss-/JYPxA39Uh5TLH3MbocFF+G/Ez6ZCGd0@public.gmane.org
> To unsubscribe from this group, send email to pandoc-discuss+unsubscribe@googlegroups.com.
> For more options, visit this group at http://groups.google.com/group/pandoc-discuss?hl=en.
> 
> <html-smart-quotes.png>
> <html5-smart-quotes.png>

-- 
You received this message because you are subscribed to the Google Groups "pandoc-discuss" group.
To post to this group, send email to pandoc-discuss-/JYPxA39Uh5TLH3MbocFF+G/Ez6ZCGd0@public.gmane.org
To unsubscribe from this group, send email to pandoc-discuss+unsubscribe@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/pandoc-discuss?hl=en.

Re: Curious behaviour of smart quotes in Chromium browser

[R (Chandra) Chandrasekhar]

On 07/04/12 20:30, John MacFarlane wrote:
> Rendering of q elements depends on CSS; probably firefox and chrome
> have different defaults.  If you use the -s flag, pandoc will insert
> default CSS for double curly quotes, which you can override w your
> own CSS.
>
> John

Thank you.

It took me awhile to understand what exactly you meant. I have got a 
standalone version that now renders correctly in Chromium as well.

I trust that the magic incantation from the inline CSS that I need to 
replicate in my CSS file is:

----
   <style type="text/css">
     q { quotes: "“" "”" "‘" "’"; }
   </style>
---

Thanks once again for the incredible polish in Pandoc :-)

Chandra

-- 
You received this message because you are subscribed to the Google Groups "pandoc-discuss" group.
To post to this group, send email to pandoc-discuss-/JYPxA39Uh5TLH3MbocFF+G/Ez6ZCGd0@public.gmane.org
To unsubscribe from this group, send email to pandoc-discuss+unsubscribe@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/pandoc-discuss?hl=en.