我想在設計的網頁中包含所見即所得的編輯器。我遇到了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
我不知道如何解決這些錯誤,在那裏你覺得我的問題呢?
謝謝。
*低語*包含jQuery作爲第一個腳本文件 – GNi33
是的,包括JQuery!和它的工作。以前我已經包含了JQuery,但順序錯誤。現在,每件事似乎都很好。謝謝@ GNi33 – codeMan
你會添加作爲答案@ GNi33?我很樂意接受。 – codeMan