0

歌詞の上にコードを載せることができるコードのウェブサイトを作ろうとしています。

コードを別々にスパンしてブロックに表示し、インラインブロックを表示する別のスパンにラップすることで、コードを歌詞の上にうまく配置できましたが、コピーしてメモ帳に貼り付けようとすると、うまくいきません。空白を保持し、代わりにそれらを個別の要素として貼り付けます。

これが私が話していることの例です: http://jsfiddle.net/CPYTg/3/

セットアップ:

 <li class="pair" onclick="javascript:doNote(0);"> 
            <span class="chord" id="ch_0">E</span><span class="lyric" id="ly_0">Tonight</span>
        </li>
li.pair {display:inline-block;padding:0 5px;}
.lyric {display:block;}
.chord {display:block;text-align:center;}

ご覧のとおり、コードと歌詞はブラウザーに正しく表示されますが、それらをコピーしてメモ帳に貼り付けると、別の項目としてフォーマットされます。これを修正して、コピーして貼り付けるときに空白が保持されるようにする方法はありますか?

4

1 に答える 1

0

はい、フォーマット済みを意味する「pre」タグを使用できるはずです。そのため、タグ内のものは実際にはブラウザーによって HTML として「解析」されません。ブラウザーは、HTML ファイルで文字を見つけたときに画面に文字を吐き出すだけです。これを試してください（HTMLにインデントなしで）：

<preX>
   E                   G#m            C#m
Tonight I'm gonna have myself a real good time
        F#m   B         E    
I feel alive and the world...
</preX>

明らかに、タグから X を削除します。これは、stackoverflow が解析しないようにするためです。これにより、ブラウザにどのように表示されるかが表示され、メモ帳にコピー/貼り付けできます。

于 2013-06-04T03:41:50.427 に答える