1

私はいくつかのdivを持っていますが、そのうちの1つは以下のとおりです

<div id="drawarea">    
<img class="draggable ui-droppable ui-draggable ui-draggable-dragging" id="image1"     src="user_2/1323384165.jpg" style="height: 40%; width: 50%; position: absolute; left: 0%; top: 0%;">
<label id="first">This is content of the div</label>
<input type="button" value="GO"/>

</div>

関数の下にjquerysを使用して、div内のhtmlを取得し、テキスト領域に配置しています

 html = $('#drawarea').html();

$('#codearea').text(html);

問題は、同じ行にすべてのタグを取得していることです。1 つの要素コードを 1 つの要素コードで取得し、次に別の行で他の要素コードを取得して、読みやすくしたいのです。

4

2 に答える 2

0

textareaChrome 18/Windows XP では、コピーする HTMLに要素間に改行があると仮定すると、これは自動的に行われます。

$('#codearea').text($('#drawarea').html());​

JS フィドルのデモ

または、次を使用しval()ます。

$('#codearea').val($('#drawarea').html());​

JS フィドルのデモ

おそらくブラウザ/プラットフォームに依存しますが、CSSを次のように設定したことを確認してくださいtextarea。

white-space: pre-wrap;

その動作を強制し、空白が単一のスペースに崩壊するのを防ぐ必要があります。

于 2012-04-15T17:42:32.740 に答える
0 
<div id="drawarea">    
   <img class="draggable ui-droppable ui-draggable ui-draggable-dragging" id="image1"     src="user_2/1323384165.jpg" style="height: 40%; width: 50%; position: absolute; left: 0%; top: 0%;">
   <label id="first">This is content of the div</label>
   <input type="button" value="GO"/>
</div>

これが修正です

rawhtml = $('#drawarea').html();
html = rawhtml.replace('<br />', /\n/g);
$('#codearea').text(html);
于 2012-04-15T11:54:55.583 に答える