は、なぜ私はこのコードを持って

Question

を認識しないHTMLタグです：

<textarea name="TT_board_announcements_content_insert" value="{TT_board_announcements_content_insert}">{TT_board_announcements_content_insert}</textarea> 

<div id="board-announcements"> 
<!-- IF TT_board_announcements_content_insert --> 
{TT_board_announcements_content_insert} 
<!-- ENDIF --> 
</div> 

私はそれを保存した後、私は、TEXTAREAてhtmlタグを持つコンテンツを挿入する際だから私の問題があります。 Div id board-announcementsは、textareaフィールドに入力されたのと同じ方法でコンテンツを表示します。つまり、htmlタグを認識しません。

だから、それはこのように表示されます。

は、だから私はこのjQueryの簡単なコードを使用します。

$('#board-announcements').html($('#board-announcements').text()); 

と、このコードが動作すると

。

しかし、私の質問です：どのようにjQueryを使用せずに解決するには？

私はtinymceで試しましたが、再度保存すると、div id board-announcementsはHTMLタグを認識しません...プレーンテキストとして表示されます。

Answer 1

innerHTMLとdocument.getElementByIdを使用してください.JQueryは必要ありません。

function insertContent() { 
 
    var content = document.getElementById('content'); 
 
    var text = document.getElementById('text'); 
 
    content.innerHTML = text.value; 
 
}

<textarea id="text"><h1>Hi</h1></textarea> 
 

 
<div id="content"></div> 
 
<button onclick="insertContent()">insert content</button>

Answer 2

<div name="TT_board_announcements_content_insert" value="{TT_board_announcements_content_insert}" contenteditable="true">{TT_board_announcements_content_insert}</div> 

それはテキストエリアではありませんが、これは、あなたが同じ目的のために使用することができ、コンテンツの編集可能なDIV、です。