bootstrap-wysihtml5 nicht funktioniert

Ich möchte einen WYSIWYG-editor in einer Webseite, die am Entwurf. Ich kam in bootstrap-wysihtml5. Von den blicken von ihm, es ist genau das, was ich möchte (einfache und elegante). Ich wollte an einem Beispiel, aber es gibt nicht viele gute Beispiele, die zeigen, wie es, wie es eingerichtet. Bisher habe ich dies getan:

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

Diese sind die Fehler in der chrome console:

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

Ich weiß nicht, was wie zu beheben diese Fehler, wo denkst du bin mache ich falsch?

Dank.

whispers gehören jQuery als erste Skript-Datei
yep inklusive JQuery! und seine Arbeit. Bisher hatte ich das mitgelieferte JQuery-aber in der falschen Reihenfolge. Jetzt jedes Ding scheint gut zu funktionieren. Danke @GNi33
Sie fügte hinzu, dass als Antwort @GNi33?? Ich würde glücklich sein, Sie zu akzeptieren.

InformationsquelleAutor codeMan | 2013-04-18

  1. 6

    Müssen Sie include jQuery für diese Arbeit als erste script-element in Ihrem Fall.

    Bootstrap hängt stark davon ab, jQuery, und vermutlich auch die "wysihtml5" - plugin auch, also jQuery eingebunden werden, bevor diese.

    Können Sie selbst sehen dies durch die error-log:

    Den ersten Hinweis fn:

    Uncaught TypeError: Cannot read property 'fn' of undefined

    fn im Grunde ist die prototype - "wrapper" für jQuery, bootstrap versucht, etwas hinzufügen, um den Prototyp von jQuery auf die Linie.

    Zweite Tipp: 

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

    $ gebunden ist, um eine Selektor-Funktion in Chrome per default, also es gibt eine übliche HTML-Element, nicht ein jQuery-Objekt, in diesem Fall. wysihtml5 würden die meisten wahrscheinlich an sich binden und zu den jQuery - Prototyp, also kann es genannt werden, die auf jQuery-Elemente in dieser Art und Weise.
    Wie jQuery nicht vorhanden ist, müssen Sie versuchen, eine Funktion aufzurufen, die zu einem normalen Object dass nicht nur in diesem Fall bestehen.

    +1 sieht aus wie eine gute Analyse.
    Beachten Sie, dass auf der homepage, es gibt eine Liste von "Dateien zu verweisen", und jQuery ist unter Ihnen.

    InformationsquelleAutor GNi33

Schreibe einen Kommentar