bootstrap-wysihtml5 не работает

Я хочу включить редактор WYSIWYG на веб-страницу, которую я проектирую. Я наткнулся на 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

* whispers * include jQuery как первый файл сценария – GNi33

yep включено 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 не работает

ответ

Смежные вопросы