Javascript Bootstrap-wysihtml5:内容不可编辑

Javascript Bootstrap-wysihtml5:内容不可编辑,javascript,css,twitter-bootstrap,wysihtml5,Javascript,Css,Twitter Bootstrap,Wysihtml5,我正试图实现jhollingworth的bootstrap-wysihtml5 在我的一个页面上,它工作得很好,但在另一个页面上,内容是不可编辑的。 代码几乎相同(除了布局,…),但如果我在谷歌浏览器中“检查元素”,我会看到两个不同的输出 工作代码: <table> <tr> <td> <textarea id="msgcompose_msg"></textarea> <script> $(document).ready(f

我正试图实现jhollingworth的bootstrap-wysihtml5

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

工作代码:

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

$(文档).ready(函数(){
$(“#msgcompose_msg”).wysihtml5();
});
输出:

非工作代码:

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

$(文档).ready(函数(){
$(“论坛\主题\查看\回复\回复”).wysihtml5();
});

输出:


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

在这一行中发现了错误:

$("forum_topic_view_reply_reply").wysihtml5();
您需要这样做:

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

由于第二个实例上没有标签,页面正在寻找一个名为
forum\u topic\u view\u reply\u reply
的标签,而不是id

文件中是否有一个js文件不起作用请你做个小动作,以便我们可以测试,这肯定是我的错别字,因为这没有任何区别,WYSITML5()事情仍在加载中,只有textarea本身不起作用。@MrCoder尝试将脚本放在p标记之外,因为这样做不好