如何添加 <br /> 在每一行的末尾 <pre> 标签？

Question

I am sharing codes in my WordPress blog but I don't want to use any plugin or third party to host and format my codes. I add codes and use <pre></pre> tags around it but the problem is that when someone copy it then all line break disappear and the pasted code becomes in one line that sometime confuse the user or some time stop working.

So now is there any trick to add line break or <br/> in the end of every line of <pre></pre> tag only using PHP or JavaScript.

You can see some error DEMO's here...

• How To Add List Style V1-Optimized Blogger Posts In Blogspot?
• How To Add Grid Style V1-Optimized Blogger Posts In Blogspot?

and many more of my posts have this error.

To check this error, Just copy the <pre></pre> tag codes and paste it anywhere and see that there will be no line break as code shows on blog. How to fix it?

Answer 1

I think the problem in the script sharethis.com. Try disabling "Measure copy and shares of your website's content" in http://www.sharethis.com/get-sharing-tools/