为什么无法识别HTML标记

Question

我有这段代码：

<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。

＆＃13;

＆＃13;

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

＆＃13;

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

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

＆＃13;

＆＃13;

＆＃13;

Answer 2

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

这不是textarea，但这是一个内容可编辑的div，您可以将其用于同一目的。