jquery 开源拼写检查JavaScript Typo.js

ldioqlga  于 2023-08-04  发布在  jQuery
关注(0)|答案(1)|浏览(120)

当我尝试在文件中使用typo.js拼写检查器时。但它抛出了一些错误,我找不到解决方案。我只是跟着Typo.js文档走了这里是文档链接。https://github.com/cfinke/Typo.js/请检查以下问题并帮助我解决此问题
Here is the console issue image
下面是使用的代码

JS

<!doctype html>
<html>

<head>
    <title>Typo.js Example</title>
    <meta charset="UTF-8" />
    <script type="text/javascript" src="typo/typo.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
    <script type="text/javascript">
        var dictionary = new Typo("en_US", false, false, { dictionaryPath: "typo/dictionaries" });

        // function load() {
        //     $('#loading-progress').append('Loading affix data...').append($('<br />'));

        //     $.get('typo/dictionaries/en_US/en_US.aff', function (affData) {
        //         $('#loading-progress').append('Loading English dictionary (this takes a few seconds)...').append($('<br />'));

        //         $.get('typo/dictionaries/en_US/en_US.dic', function (wordsData) {
        //             $('#loading-progress').append('Initializing Typo...');

        //             dictionary = new Typo("en_US", affData, wordsData);

        //             checkWord('mispelled');
        //         });
        //     });
        // }

        checkWord('mispelled');

        function checkWord(word) {
            var wordForm = $('#word-form');
            wordForm.hide();

            var resultsContainer = $('#results');
            resultsContainer.html('');

            resultsContainer.append($('<p>').text("Is '" + word + "' spelled correctly?"));

            var is_spelled_correctly = dictionary.check(word);

            resultsContainer.append($('<p>').append($('<code>').text(is_spelled_correctly ? 'yes' : 'no')));

            if (!is_spelled_correctly) {
                resultsContainer.append($('<p>').text("Finding spelling suggestions for '" + word + "'..."));

                var array_of_suggestions = dictionary.suggest(word);

                resultsContainer.append($('<p>').append($('<code>').text(array_of_suggestions.join(', '))));
            }

            wordForm.show();
        }
    </script>
</head>

<body>
    <h1>Typo.js Demo</h1>
    <p>This page is an example of how you could use <a href="http://github.com/cfinke/Typo.js">Typo.js</a> in a webpage
        if you need spellchecking beyond what the OS provides.</p>
    <p id="loading-progress"></p>
    <div id="results"></div>
    <form method="GET" action="" onsubmit="checkWord( document.getElementById( 'word' ).value ); return false;"
        id="word-form" style="display: none;">
        <p>Try another word:</p>
        <input type="text" id="word" value="mispelled" />
        <input type="submit" value="Spellcheck" />
    </form>
</body>

</html>

字符串

lkaoscv7

lkaoscv71#

您正在尝试在文件系统上运行http请求。您需要一个开发Web服务器来使用此库来托管您的词典或使用其他人的服务器使用基于云的服务。任何拼写检查都需要一个服务器来托管字典。有许多IDE的免费和集成选项,如Visual Studio Community或Visual Studio Code。以及许多其他Web服务器,包括许多很好的免费选项。另外,XmlHttpRequest已被弃用,但仍能工作,我仍在使用它。

相关问题