단어가 존재하는지 확인하기 위해 사전을 HTML 시스템에 통합하십시오.

Question

저는이 단어로 끝이났습니다. 현재 단어가 진짜인지 아닌지를 확인하는 사전을 HTML 시스템에 통합하려고합니다. 나는 현재 사전으로 사용하고있는 "words.txt"문서를 가지고있다. 나는 당신이 한 단어를 찾기 위해 문서를 검색 할 수는 있지만 어떤 정보도 찾을 수 없으며 단어가 있는지를 확인하는 방법으로 이것을 사용하는 방법을 배웠다. 현재 나는 단어를 찾는 데 걸리는 시간과 함께 아무런 기쁨을 느끼지 못한다.

그래서 현재 사용자가 텍스트 상자를 사용하여 단어를 입력하고이 단어가 사전과 상호 참조 될 수 있도록하려는 경우 단어가 발견되면 사용자에게 단어가 있음을 알립니다. . 어떻게해야할지 모르겠습니다.

그러나이 방법을 사용하는 것이 더 쉽거나 간편한 방법이라면 입력에 대한 감사하게 생각합니다.

미리 감사드립니다. 그리고 나는 다른 것을 명시하는 것이 기쁠 것입니다.

Answer 1

xmlhttprequest을 사용하여 사전 파일을로드 할 수 있으며로드가 완료되면 배열에 덤프 할 수 있습니다. 그런 다음 키가 해제 될 때마다 (또는 단어의 철자를 검사하려고 할 때) 단어를 사전의 단어와 비교하는 함수를 호출 할 수 있습니다.

이

HTML :

<textarea onkeyup="check(this)"></textarea> 

자바 스크립트가 :

//A large array of dictionary words 
var dictionary = new Array(); 




//First, let's load up the dictionary 
address = "words.txt"; 


//Create an XMLHTTPRequest object 
var req = (window.XMLHttpRequest)?new XMLHttpRequest():new ActiveXObject("Microsoft.XMLHTTP"); 
if(req == null) { 
    console.log("Error: XMLHttpRequest failed to initiate."); 
} 

//When it loads, add all the elements to the dictionary array 
req.onload = function() { 

    dictionary = req.responseText.split("\n"); 


    //Convert all the characters to lowercase. That way, multi-case strings are allowed. 
    for(var i = 0; i < dictionary.length; i++) 
     dictionary[i] = dictionary[i].toLowerCase(); 



} 
try { 

    req.open("GET", address, true); 
    req.send(null); 

} catch(e) { 
    console.log("Oh snap"); 
} 









//This function is called every time a key is released 
function check(element) { 

    var allWords = element.value.split(" "); 


    for(var i = 0; i < allWords.length; i++) { 


     if(dictionary.indexOf(allWords[i].toLowerCase()) == -1) { 
      element.style.backgroundColor = "#FFF"; 
      return; 
     } 

    } 

    element.style.backgroundColor = "#0F0"; 

} 

편집 : 텍스트 영역에 대한 작동하도록 코드를 수정

Answer 2

데이터 구조는 사전에 적합합니다. trie는 각 문자로 단어 종류의 트리입니다. 다음은 PHP에 대한 좋은 설명입니다. http://phpir.com/tries-and-wildcards.