When users copy code, line numbers are included with the copied text.

[GoogleCodeExporter]

What steps will reproduce the problem?
1. Get prettyprint.js working on your site and turn line numbers on by 
including the linenums class.
2. Select the text (tested in latest version of chrome) and copy it (ctrl + c).
3. Paste the code somewhere. You will notice line numbers included with the 
paste.

What is the expected output?  What do you see instead?
There are some other sites that have code snippets similar to prettify and also 
include line numbers, but if you copy the text and are careful to not start 
highlighting on the number then you only get the code, no line numbers. It is 
very helpful when you are copying large snippets of code.

What version are you using?  On what browser?
I am using Google Chrome v11.0.696.71 and Windows 7.

Please provide any additional information below.
Is there a way to set this up so it lets users highlight only the code without 
the line numbers? If so, this would be great. If not, how hard would it be to 
add this feature?

Original issue reported on code.google.com by alex.f...@codetunnel.com on 3 Jun 2011 at 5:44

[komarovalexander]

i have found this problem too :( on edge and ie. Can you fix it?

[amroamroamro]

@komarovalexander
It seems copying the numbers of an ordered list is a browser-specific behavior. Both IE and Edge copy the numbers (even though they are not shown as selected), while Firefox and Chrome don't. (related: http://stackoverflow.com/questions/465526/line-numbering-and-copy-paste-html-css).

Try it with a quick test like:

<ol>
  <li>first item</li>
  <li>second item</li>
  <li>third item</li>
</ol>

Here is a live example:
https://jsfiddle.net/amroamroamro/xurn5ksh/1/

[komarovalexander]

@amroamroamro
thanks, i know what it is a browser-specific behavior for list tag, i know what code-prettify lines are li tags. But i think it is not good behavior for code-prettify, because site users typically want copy code, and line numbers in copied code look like a trouble. I'll have to look for something else

[amroamroamro]

@komarovalexander
As a workaround, and with a bit of javascript, you can add a link/button above each snippet of code that opens a popup window with the raw code for easy copying. Something like this:

http://codepen.io/amroamroamro/pen/qNmjPW?editors=0010

Maybe also extend this by adding a second link "copy to clipboard" similar to what you see on many websites.