Bootstrap-wysihtml5:内容不可编辑

Question

我正在尝试用jhollingworth实现bootstrap-wysihtml5。

在我的一个页面上，它工作得很好，但在另一个页面上，内容是不可编辑的。代码几乎是相同的(除了布局，...)，但是如果我在Google chrome中“检查元素”，我会看到两个不同的输出。

工作代码：

<table>
<tr>
<td>
<textarea id="msgcompose_msg"></textarea>
<script>
$(document).ready(function() {
    $("#msgcompose_msg").wysihtml5();
});
</script>
</td>
</tr>
</table>

输出：http://i.imm.io/1gGDY.png

不起作用的代码：

<p>
<textarea id="forum_topic_view_reply_reply"></textarea>
<script>
$(document).ready(function() {
    $("forum_topic_view_reply_reply").wysihtml5();
});
</script>
</p>

输出：http://i.imm.io/1gGEy.png

就我个人而言，我不知道为什么输出会不同

Answer 1

找到该行中的错误：

$("forum_topic_view_reply_reply").wysihtml5();

您需要这样做：

$("#forum_topic_view_reply_reply").wysihtml5();

因为它的第二个实例上没有标签，所以页面查找的是一个名为forum_topic_view_reply_reply的标签，而不是id