Javascript bootstrap-wysihtml5不工作_Javascript_Twitter Bootstrap_Textarea_Wysiwyg

Javascript bootstrap-wysihtml5不工作

javascript twitter-bootstrap

Javascript bootstrap-wysihtml5不工作,javascript,twitter-bootstrap,textarea,wysiwyg,Javascript,Twitter Bootstrap,Textarea,Wysiwyg,我想在我正在设计的网页中包含一个所见即所得编辑器。我偶然发现。从外观上看，这正是我想要的（简单而优雅）。我想看一个例子，但是没有太多好的例子说明如何设置它。到目前为止，我已经做到了： <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Editor</titl

我想在我正在设计的网页中包含一个所见即所得编辑器。我偶然发现。从外观上看，这正是我想要的（简单而优雅）。我想看一个例子，但是没有太多好的例子说明如何设置它。到目前为止，我已经做到了：

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Editor</title>
    <link rel="stylesheet" type="text/css" media="screen" href="bootstrap-wysihtml5.css"/>
    <script src = "bootstrap-wysihtml5.js" type = "text/javascript"></script>
    <script src = "wysihtml5-0.3.0.min.js" type = "text/javascript"></script>
    <script src = "bootstrap.min.js" type = "text/javascript"></script>
</head>
<body>
   <textarea class="textarea" id="ta1" placeholder="Enter text ..." style="width: 810px; height: 200px">
   </textarea>
   <script>$(".textarea").wysihtml5();</script>
<body>
</html>

我不知道如何解决这些错误，你认为哪里出了问题

谢谢。

您需要将jQuery作为案例中的第一个脚本元素包含进来，才能使其正常工作

Bootstrap高度依赖于jQuery，可能还有“wysihtml5”-插件，因此jQuery必须在这些插件之前包含

您甚至可以通过错误日志看到这一点：

第一个提示是

fn

：

Uncaught TypeError: Cannot read property 'fn' of undefined

fn

基本上是jQuery的

原型

-“包装器”，bootstrap试图在该行向jQuery原型添加一些东西

第二个提示：

Uncaught TypeError: Object [object Object] has no method 'wysihtml5'

根据默认值绑定到Chrome中的选择器函数，因此它返回一个常用的HTML元素，而不是本例中的jQuery对象。wysihtml5很可能将自身绑定到jQuery-prototype，因此可以通过这种方式在jQuery元素上调用它。

由于jQuery不存在，您尝试调用一个普通的

对象

，但在本例中该对象并不存在。

whispers将jQuery作为第一个脚本文件包含在jQuery中是的！以及它的工作原理。以前我包含JQuery，但顺序不对。现在一切似乎都很顺利。谢谢@GNi33你会在@GNi33中将其作为答案添加吗？？我很乐意接受。请注意，在上，有一个“要引用的文件”列表，jQuery就是其中之一。

Uncaught TypeError: Object [object Object] has no method 'wysihtml5'