2017-02-08 19 views
0

私はいくつかのキーワードを与えられた質問に答えるボットを作っています。これはDeni Spasovskiによって開発された非常に簡単なコードです。しかし私のウェブサイトはスペイン語であり、アクセント記号&をキーワードの一部として使用できるようにする必要があります。例:アクセント記号とアクセントをJavaScriptで受け入れる

{ "keys": ["cómo", "estás"], "value": 0 } 

しかし、私の努力にもかかわらず、私はコードを修正するように見えません。私はコーディングについてそれほどよく分かりません。たぶんスクリプトの1つに実装する必要があるのは非常に簡単なことですが、実際はそれが何であるか分かりません。

あなたが私を助けることができれば、私は感謝以上のことでしょう。

ありがとうございました!

これはHTMLです:

<!DOCTYPE html> 
<html> 
<head> 
    <!--Read the source Luke!--> 
    <title>Answer bot</title> 
    <style type="text/css"> 
     body, html 
     { 
      height: 100%; 
     } 
     .wrap 
     { 
      height: 80%; 
      overflow: auto; 
      max-height: 80%; 
      display: block; 
     } 
     .content 
     { 
      height: 100%; 
      display: table; 
      vertical-align: bottom; 
     } 
     .subcontent 
     { 
      display: table-cell; 
      vertical-align: bottom; 
     } 
     .answerbot-input 
     { 
      color: #1AA1E1; 
     } 
     .answerbot-ai 
     { 
      color: #CE5043; 
     } 
    </style> 
</head> 
<body> 
    <div style="width: 800px; height: 100%; margin: 0 auto;"> 
     <div id="wrap" class="wrap"> 
      <div class="content"> 
       <div class="subcontent" id='subcontent'> 
        <p class='answerbot-ai'> 
         Don't be afraid, talk to me. 
        </p> 
       </div> 
      </div> 
     </div> 
     <div> 
      <input type="text" name="inputtext" style="width: 100%;" onkeyup="keypressInput(this, event);"><br /> 
     </div> 
    </div> 
    <script type="text/javascript" src="scripts.js"></script> 
    <script type="text/javascript" src="data.js"></script> 
    <script type="text/javascript"> 
     var _answerBot = new answerBot(); 
     function keypressInput(sender, event) { 
      if (event.which == 13) { 
       document.getElementById('subcontent').innerHTML += _answerBot.processInput(sender.value); 
       sender.value = ''; 
       correctScroll("wrap"); 
      } 
     } 

     function correctScroll(elementId) { 
      var objDiv = document.getElementById(elementId); 
      objDiv.scrollTop = objDiv.scrollHeight; 
     } 
    </script> 
</body> 
</html> 

これはdata.jsです:

if (answerBot) { 
    answerBot.prototype.specialContext = { 
     "wrongInput": ["I don't understand you.", "Could you rephrase the question?"], 
     "emptyInput": ["Please say something", "Speak louder", "Well i can't read minds."], 
     "rephrase": ["Can you tell me if your question was about one of the following things:"] 
    }; 

    answerBot.prototype.keywords = [ 
     { "keys": ["hi"], "value": 0 }, 
     { "keys": ["hello"], "value": 0 }, 
     { "keys": ["life", "universe", "everything"], "value": 1 }, 
     { "keys": ["software", "development"], "value": 2 }, 
     { "keys": ["software", "engineering"], "value": 2 }, 
     { "keys": ["who", "made", "you"], "value": 3 }, 
     { "keys": ["who", "wrote", "you"], "value": 3 }, 
     { "keys": ["who", "coded", "you"], "value": 3 }, 
     { "keys": ["is", "this", "real", "life"], "value": 4 }, 
     { "keys": ["who", "is", "deni"], "value": 5 }, 
     { "keys": ["tell", "me", "about", "deni"], "value": 5 }, 
     { "keys": ["tell", "me", "about", "author"], "value": 5 }, 
     { "keys": ["show", "me", "author"], "value": 5 }, 
     { "keys": ["can", "see", "source"], "value": 6 }, 
     { "keys": ["can", "see", "sourcecode"], "value": 6 }, 
     { "keys": ["show", "me", "code"], "value": 6 }, 
     { "keys": ["how", "are", "you"], "value": 7 }, 
     { "keys": ["who", "is", "this"], "value": 8 }]; 

    answerBot.prototype.answers = [ 
     { 
      "description": "Hi!", 
      "values": ["Hello there!", "Hi how can I help you today", "Hi! What brings you here?"] 
     }, 
     { 
      "description": "What is the answer to life the universe and everything?", 
      "values": ["42"] 
     }, 
     { 
      "description": "What is software development?", 
      "values": ["Programming! Do you speak it?"] 
     }, 
     { 
      "description": "Who created me?", 
      "values": ["I was created by another <a href='http://about.me/deni' target='_blank'>bot</a>.", "The question is who sent you here?"] 
     }, 
     { 
      "description": "Is this real life?", 
      "values": ["No this is the internetz!", "Find out <a href='http://www.youtube.com/watch?v=txqiwrbYGrs' target='_blank'>yourself</a>!"] 
     }, 
     { 
      "description": "Who is Deni?", 
      "values": ["This is his <a href='https://plus.google.com/+DeniSpasovski/' target='_blank'>G+ profile</a>.", "This is his <a href='www.linkedin.com/in/denispasovski' target='_blank'>Linkedin profile</a>."] 
     }, 
     { 
      "description": "Where is your source?", 
      "values": ["Here is the <a href='https://github.com/denimf/Answer-bot' target='_blank'>source</a>."] 
     }, 
     { 
      "description": "How are you?", 
      "values": ["I'm good how are you?"] 
     }, 
     { 
      "description": "Who is this?", 
      "values": ["StackOverflow Exception occurred", "The question is who are you?"] 
     } 
     ]; 
} 

そして、これはscripts.jsです:

var answerBot = function() { 
    var _this = this; 
    _this.processInput = function (text) { 
     updateUrl(text); 
     var _result = "<p class='answerbot-input'>" + text + "</p>"; 
     text = text.replace(new RegExp("[^a-zA-Z ]", "g"), " "); 
     text = text.replace(new RegExp("[ ]{2,}", "g"), " "); 
     var _words = text.toLowerCase().split(" "); 
     var _answers = []; 
     var _title = ""; 
     if (_words.length === 0 || _words.toString() === '') { //if the input is empty 
      _answers = _this.specialContext.emptyInput; 
      _title = _this.specialContext.emptyInput; 
     } else { 
      var _possibleAnswers = findMatches(_words); 
      if (_possibleAnswers.length === 0) { //if no answer found 
       _answers = _this.specialContext.wrongInput; 
       _title = _this.specialContext.wrongInput; 
      } 
      if (_possibleAnswers.length == 1) { //context recognized 
       _answers = _this.answers[_possibleAnswers[0]].values; 
       _title = _this.answers[_possibleAnswers[0]].description; 
      } 
      if (_possibleAnswers.length > 1) { 
       _result += formatText(_this.specialContext.rephrase, _this.specialContext.rephrase); 
       for (var i = 0; i < _possibleAnswers.length; i++) { 
        _result += formatText(_this.answers[_possibleAnswers[i]].description, _this.answers[_possibleAnswers[i]].description); 
       } 
      } 
     } 
     if (_answers.length > 0) { 
      var _rand = Math.floor((Math.random() - 0.001) * _answers.length); 
      _result += formatText(_answers[_rand], _title); 
     } 
     return _result; 
    }; 

    function formatText(text, title) { 
     return "<p class=\'answerbot-ai\' title=\'" + title + "\'>" + text + "</p>"; 
    } 

    function findMatches(words) { 
     var foundKeywords = []; 
     var _possibleAnswers = []; 
     for (var i = 0; i < _this.keywords.length; i++) { 
      foundKeywords[i] = 0; 
      for (var j = 0; j < words.length; j++) { 
       if (_this.keywords[i].keys.indexOf(words[j]) >= 0) { 
        foundKeywords[i]++; 
        if (foundKeywords[i] == _this.keywords[i].keys.length) { 
         return [_this.keywords[i].value]; 
        } 
       } 
      } 
      if (foundKeywords[i] * 2 > _this.keywords[i].keys.length) { 
       _possibleAnswers.push(_this.keywords[i].value); 
      } 
     } 
     return _possibleAnswers.filter(function (elem, pos) { 
      return _possibleAnswers.indexOf(elem) == pos; 
     }); 
    } 

    function updateUrl(text){ 
     history.pushState(null, null, "#question=" + encodeURIComponent(text)); 
     if(typeof ga === "function")//google analytics 
      ga('send', 'event', 'question', text); 
    } 
}; 
+1

どうしたのですか?何が効果がありませんか? – Pointy

+0

Alex、ブラウザのコンソールでテストしましたが、特殊文字に問題はありません。あなたのHTMLコードに ''を追加してみてください。 –

答えて

1

可能な3つの問題点:

1)次の行:

text = text.replace(new RegExp("[^a-zA-Z ]", "g"), " "); 

は、「通常の」アルファベットではないものをスペースで置き換えます。発音区別記号付きの文字を含めるには、ある時点で置き換えることを選択できますが、それを機能させるには単純にコメントアウトすることができます。

2)ファイル(特にdata.js)がUTF-8エンコーディングで保存されていることを確認してください。

3)answers配列に適切な値が設定されていることを確認し、keywords.valueにそのインデックスを使用します。例えば

{ 
     "description": "cómo estás?", 
     "values": ["muy bien"] 
    } 
+0

ありがとう、そんなに!!!! – Alex

関連する問題