Bootstrap-wysihtml5:内容无法编辑

时间:2013-08-31 11:15:57

标签: javascript css twitter-bootstrap wysihtml5

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

在我的一个页面上,它可以很好地工作,但在不同的页面上,内容是不可编辑的。 代码几乎完全相同(布局除外......),但如果我在Google Chrome中执行“Inspect Element”,我会看到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

我个人不知道为什么输出不同

1 个答案:

答案 0 :(得分:0)

发现此行中的错误:

$("forum_topic_view_reply_reply").wysihtml5();

你需要这个:

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

由于第二个实例上没有主题标签,因此页面正在寻找名为forum_topic_view_reply_reply的标签而不是ID