jQuery TE实现

Question

一直在尝试使用jQuery TE插件来插入文章，但是，即使具有所有样式，文本区域也只是显示为狭窄的文本区域，没有其他功能。

'http://jqueryte.com/documentation'上的文档看起来简单而直接，但是功能没有变化。

您如何正确实现jQuery TE？在网上找不到很少的信息。

标记内的脚本标记为：

    <!-- jQuery Text Editior -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link type="text/css" rel="stylesheet" href="../controller/jquery-te-1.4.0.css">
<script type="text/javascript" src="../controller/jquery-te-1.4.0.min.js" charset="utf-8"></script>






<form class="article" id="article-form" name="article" method="post">
                    <ol>
                        <li>
                            <label for="heading">Heading</label> <span id="headingMessage"></span>
                            <input name="heading" id="heading" class="form-control" type="text">
                        </li>

                        <li>
                            <label for="topic">Topic</label> <span id="topicMessage"></span>
                            <input name="topic" id="topic" class="form-control" type="text" list="football">
                            <datalist id="football">
                                <option value="Scotland"></option>
                                <option value="England"></option>
                                <option value="Spain"></option>
                            </datalist>
                        </li>

                        <li>
                            <label for="summary">Summary</label> <span id="summaryMessage"></span>
                            <input name="summary" id="summary" class="form-control" type="text">
                        </li>

                        <li>
                            <label for="thumbnail">Thumbnail Link</label> <span id="thumbnailMessage"></span>
                            <input name="thumbnail" id="thumbnail" class="form-control" type="text">
                        </li>

                        <li>
                            <label for="video">Video</label> <span id="videoMessage"></span>
                            <input name="video" id="video" class="form-control" type="text" >
                        </li>

                        <li>
                            <label for="articleText">Text</label>

                            <textarea name="textarea" id="textarea" class="jqte-test"></textarea>
                        </li>
                    </ol>
                        <input class="btn btn-success" id="formButton" type="submit" name="submit"value="Submit" name="submit">
                        <input class="btn btn-danger" id="formButton" type="reset" value="Reset">
                </form> 

                <script>
                    $('#textarea').jqte();
                </script>