2

私は次のマークアップを持っています：

<input id="displayBuffer" type="hidden">
<textarea id="about" rows="2" name="about" cols="20" aria-hidden="true"><p>test</p></textarea>
<input type="button" onclick="javascript:
$('#displayBuffer').val($('#about').html());
$('#displayAbout').html(unescape($('#displayBuffer').val()));"
 name="Preview" value="Preview">

「プレビュー」ボタンをクリックすると、divに「about」テキスト領域のコンテンツが表示されますが、HTMLとしてエンコードされていませんが、CSSで使用しているスタイルで<p>test</p>表示したいときに表示されます。testp

私は何が間違っているのですか？

4

4 に答える 4

1

以下のようなものがそれを行う必要があります

$('your-container').html($('#about').val());

デモ

お役に立てれば

于 2012-06-19T08:35:22.687 に答える
1

コンテンツをhtmlとして配置するには、.html（）を使用します。

$('#show').click(function() {
    $('#Preview').html($('#about').val());
});​

http://jsfiddle.net/LCwgc/1/

于 2012-06-19T08:37:25.900 に答える
1 
<textarea id="about" rows="2" name="about" cols="20" aria-hidden="true"><p>test</p></textarea>
<div id='displayAbout'>ale</div>
<input type="button" id='preview' name="Preview" value="Preview">​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

バッファは役に立たない：

$("#preview").click(function() {$('#displayAbout').html($('#about').val());});
于 2012-06-19T08:39:24.090 に答える
0

HTML構文では、textarea要素にマークアップを含めることはできず、テキストのみを含めることができます。別のアプローチが必要です。おそらく、属性divを持つ要素（たとえば）です。contenteditable

于 2012-06-19T08:39:28.177 に答える