Jquery編輯器不工作

我正在使用jQuery編輯器，並嘗試下面的代碼，但我仍然得到簡單的文本區域。Jquery編輯器不工作

<html> 
<head> 
    <meta name="viewport" content="width=device-width" /> 
    <title>JQueryEditor</title> 
</head> 
<body> 
    <div> 
     <textarea id="mail"></textarea> 
    </div> 
</body> 
</html> 
<script src="~/Scripts/jquery-1.10.2.min.js"></script> 
<link href="~/Scripts/jHtmlArea/jHtmlArea.css" rel="stylesheet" /> 
<script src="~/Scripts/jHtmlArea-0.8.min.js"></script> 
<script type="text/javascript"> 
    $(function() { 
     $("#mail").htmlarea(); 
    }); 
</script>

我做錯了什麼在這裏

來源

2017-05-18 Shweta Gupta

都腳本正確呈現？ –

瀏覽器控制檯中是否有錯誤？ –

把鏈接和腳本標籤中頭，並檢查所有的腳本和CSS你引用在〜/腳本存在。

來源

2017-05-18 11:07:27

我確實把這些腳本和CSS，但結果是一樣的，都存在於我的項目和正確引用 –

因此，@wannacry問 - 控制檯中沒有錯誤？ –

控制檯沒有錯誤。小奇怪 –

你是指這個https://jhtmlarea.codeplex.com/？他們有非常好的教程，例如this

對我來說，它看起來像腳本沒有正確加載。嘗試爲jQuery添加CDN而不是本地。並使用文件夾名稱，如「腳本」而不是「腳本」，區分大小寫。

<script type="text/javascript" src="/scripts/jHtmlArea-0.6.0.min.js"></script> 
<script 
    src="https://code.jquery.com/jquery-3.2.1.min.js" 
    integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" 
    crossorigin="anonymous"></script> 
<link href="/scripts/jHtmlArea/jHtmlArea.css" rel="stylesheet" />

來源

2017-05-18 11:09:52 Mario

需要使用JQuery的版本1.9.1 JQuery 1.9.1

來源

2017-05-18 11:11:20

嘗試TinyMCE的。它比jhtmlarea更好地維護。

tinymce.init({ selector:'textarea' });

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
    <script src="https://cloud.tinymce.com/stable/tinymce.min.js"></script> 
 
    <script></script> 
 
</head> 
 
<body> 
 
    <textarea>Next, get a free TinyMCE Cloud API key!</textarea> 
 
</body> 
 
</html>

來源

2017-05-18 12:05:05 bydeinon

Jquery編輯器不工作

回答

相關問題