コピー＆ペーストを「中断」しないでスマートな見積もりができますか？

Question

ひとつの単純な理由から私は本当に "賢明な引用符"を嫌います - それらを含むテキストをコピーすると、もともとは入力された元の""がなくなり、代わりにUnicode記号で終わります。

スマート引用符は視覚的に改善されているので、実際にテキストに「焼き付ける」べきではないので、私はCSSを使ってスマート引用符を表示することができますか？

基本的には、テキストとして表示されます。..

This is an “example” 

..butソースを表示、またはコピーと貼り付けが表示されるでしょう：

This is an "example" 

Answer 1

あなたはfont-style: italicで」Sのスタイルを設定した場合彼らは厳密にスマート引用符を模倣するように見えますが、<em>と</em>といっしょにすべてのインスタンスをもっと幸せにしているかどうかはわかりません。

.magic-quotes {font-style: italic; } 

<span class="magic-quotes">"</span>quoted-text<span class="magic-quotes">"</span> 

それとも、あなたは:beforeと:after擬似クラス、

.stuff-to-magic-quote:before 
     {content: '"'; 
     font-style: italic; } 

    .stuff-to-magic-quote:after 
     {content: '"'; 
     font-style: italic; } 

<span class="stuff-to-magic-quote">this text would be quoted</span>. 

しかし、その後、あなたがコピー&ペースト中に引用符を取得するつもりはないを使用する可能性があれば。

私は、あなたが望むものを達成するために、何らかの形のJSが必要かもしれないと思います。自動的に引用符のスタイルを設定し、コピーは&のコピーを非マジック引用形式で貼り付けることができます。

私はあなたの魔法引用符とそのコピー&ペーストの問題をあなたの嫌悪感を共有するように編集しました。その後、ひどい<em>タグを修正して、代わりに<span>を作成するように編集しました。

...もう少し行くことができるかもしれませんが、あまりにも少ない実報酬のためにタイプしすぎるかもしれません。

.original-quotes-open {margin: 0 -2em 0 0; 
         z-index: 0; } 

.original-quotes-close {margin: 0 0 0 -2em; 
         z-index: 0; } /* the idea of the -2em and z-index is to position the original non-magic quotes behind the text, but not remove them from the document */ 

span.quoted-text {z-index: 2; /* or higher than the .original-quotes... classes */ 

span.quoted-text:before {content: "“"; } 

span.quoted-text:after {content: "”"; } 

<span class="original-quotes-open">"</span><span class="quoted-text">This text is quoted</span><span class="original-quotes-close">"</span> 

しかし、正直言って、余計な努力から肯定的な結果は得られません。

Answer 2

理論では、 HTMLはこの問題を解決するために<q>要素を持っています。

残念ながら実際には引用符は一切コピーされません（IEはサポートしていません.Geckoは引用符をコピーしません）。またはスマート引用符がコピーされます。