Question

我正在使用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>

我在这里做错了什么

Answer 1

将链接和脚本标记放在头部并检查所引用的所有脚本和css是否存在于〜/ scripts中。

Answer 2

您指的是https://jhtmlarea.codeplex.com/吗？他们有非常好的教程，例如this

对我来说，看起来脚本没有正确加载。尝试为jquery而不是本地添加CDN。并使用诸如＆＃34;脚本和＃34;之类的foldernames。不是＆＃34; Scripts＆＃34;，区分大小写。

    <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" />

Answer 3

需要使用JQuery版本1.9.1 JQuery 1.9.1

Answer 4

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

Jquery编辑器无法正常工作

4 个答案: