bootstrap-wysihtml5 is not working

Question

I want to include a WYSIWYG editor in a web page that am designing. I came across bootstrap-wysihtml5. By the look of it, it is exactly what I want (simple and elegant). I wanted to look at a example but there are not many good examples showing it how to set it up. So far I have done this: ``` Editor ``` These are the errors in the chrome console: ``` Uncaught TypeError: Cannot read property…

Accepted Answer

You'll need to include jQuery for this to work, as first script-element in your case.

Bootstrap highly depends on jQuery, and probably the "wysihtml5" - plugin too, so jQuery has to be included before those.

You can even see this through the error-log:

The first hint is `fn`:

```
Uncaught TypeError: Cannot read property 'fn' of undefined   
```

`fn` basically is the `prototype` - "wrapper" of jQuery, bootstrap tries to add something to the prototype of jQuery on that line.

Second hint:

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

`$` is bound to a selector-function in Chrome per default, so it returns a usual HTML-Element, not a jQuery-Object in this case. wysihtml5 would most likely bind itself to the jQuery - prototype, so it can be called on jQuery-elements in this way. As jQuery is not present, you try to call a function to a normal `Object` that just doesn't exist in this case.

bootstrap-wysihtml5 is not working

Solution

Problem