bootstrap-wysihtml5不起作用

我想在設計的網頁中包含所見即所得的編輯器。我遇到了bootstrap-wysihtml5。從它的外觀來看，這正是我想要的（簡單而優雅）。我想看一個例子，但沒有很多好的例子表明它如何設置它。到目前爲止，我已經做到了這一點：bootstrap-wysihtml5不起作用

<!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>

這些都是在鉻控制檯中的錯誤：

Uncaught TypeError: Cannot read property 'fn' of undefined    bootstrap-wysihtml5.js:368 
Uncaught TypeError: undefined is not a function      bootstrap.min.js:6 
Uncaught TypeError: Object [object Object] has no method 'wysihtml5' editor.html:14

我不知道如何解決這些錯誤，在那裏你覺得我的問題呢？

謝謝。

來源

2013-04-18 codeMan

*低語*包含jQuery作爲第一個腳本文件 – GNi33

是的，包括JQuery！和它的工作。以前我已經包含了JQuery，但順序錯誤。現在，每件事似乎都很好。謝謝@ GNi33 – codeMan

你會添加作爲答案@ GNi33？我很樂意接受。 – codeMan

您需要包含jQuery才能正常工作，作爲您的案例中的第一個腳本元素。

Bootstrap高度依賴於jQuery，也可能是「wysihtml5」插件，所以jQuery必須包含在這些之前。

，你甚至可以看到這個通過錯誤日誌：

第一個提示是fn：

Uncaught TypeError: Cannot read property 'fn' of undefined

fn基本上是prototype - jQuery的的「包裝」，引導嘗試添加的東西該行的jQuery原型。

二暗示：

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

$勢必在Chrome每默認選擇器功能，所以它返回一個通常的HTML的元素，而不是一個jQuery - 對象在這種情況下。 wysihtml5很可能將自己綁定到jQuery - 原型，因此可以通過這種方式在jQuery元素上調用它。由於jQuery不存在，您嘗試將函數調用到正常情況下不存在的正常Object。

來源

2013-04-18 10:46:05 GNi33

+1看起來很不錯。 –

請注意，在[項目的主頁]（https://github.com/jhollingworth/bootstrap-wysihtml5/）中，有一個「要引用的文件」列表，其中包括jQuery。 –

bootstrap-wysihtml5不起作用

回答

相關問題