javascript - Bootstrap-wysihtml5：内容不可编辑

Question

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

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

工作代码：

<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_replynot an id的标签