所见即所得的编辑无法使其发挥作用

时间:2013-05-28 09:26:47

标签: jquery wysiwyg

我尝试在我的网站上安装一个所见即所得的编辑器。但我无法做到。

这是wysiwyg编辑器enter

我的代码:

    <link rel="stylesheet" type="text/css" href="./assets/wysihtml5/src/bootstrap-wysihtml5.css"></link>
    <link rel="stylesheet" href="./assets/bootstrap/css/bootstrap.min.css" />
    <script src="./assets/wysihtml5/src/wysihtml5-0.3.0.js"></script>
    <script src="./assets/wysihtml5/src/bootstrap-wysihtml5.js"></script>
    <script type="text/javascript" src="./assets/js/jquery-1.8.2.min.js"></script>
    <script>
        $('.textarea').wysihtml5();
    </script>

文字区域:

<textarea id="textarea" required name="message" class="span8 border-radius-none" rows="8"></textarea>

我看到文本区域,但没有上面的按钮。

1 个答案:

答案 0 :(得分:1)

你需要提供textarea的textarea (不是id)

将您的jQuery选择器更改为

$('#textarea').wysihtml5();

此外,您可能需要交换js文件的顺序并将jquery lib放在bootstrap-wysihtml5.js之前