Wie der Zugriff auf Chrome-Rechtschreibprüfung Vorschläge in JavaScript

Wie wird man erkennen, Schreibfehler innerhalb einer textarea in JavaScript? Gibt es ein Ereignis, das in Zusammenhang mit dieser? Wie kann ich die Chrome Rechtschreibprüfung Vorschläge für ein falsch geschriebenes Wort?

Ich bin mir auch fast sicher, es ist nicht möglich, die Rechtschreibprüfung Funktionen mit Javascript, auf Chrome. Aber wenn das Projekt es zulässt, können Sie verwenden eine Drittanbieter-API, so wie dieses hier: market.mashape.com/montanaflynn/spellcheck
dies könnte eine Lösung sein: stackoverflow.com/questions/1884829/...
Okay, wenn Sie wirklich brauchen, um es über die browser-Rechtschreibprüfung-engine aus irgendeinem Grund, Sie könnte versuchen, bekommen Sie einen screenshot der Seite mit webrtc Zeug und dann erkennen Sie rote Wellen auf. Aber... du weißt schon.
konnte man sich wenigstens merken Sie sich die Ersatz-und auto-wenden Sie beim nächsten mal.

InformationsquelleAutor | 2015-06-08

26

Wie kann ich die Chrome Rechtschreibprüfung Vorschläge für ein falsch geschriebenes Wort?

Meinem besten wissen, Sie können nicht. Mehr Fragen beantworten voll, ich werde auch erwähnen, Themen:
- Es war einmal eine inoffizielle Google-Rechtschreibprüfung API ist verschwunden
- Können Sie herunterladen, aber nicht zugreifen Chrom built-in-Wörterbuch
- Es ist keine offene API für Google ' s dictionary
Gibt es ein Ereignis, das in Zusammenhang mit dieser?

Nein, noch ist die contextmenu event bieten, etwas sinnvolles für diesen Zweck: es hat keine Rechtschreibprüfung Informationen, und Sie können nicht Lesen Sie die Liste der Kontext-Menü-Einträge (enthalten können Rechtschreibvorschläge). Die ändern - Ereignis auch nicht in die Rechtschreibprüfung von Informationen.

Wie wird man erkennen, Schreibfehler innerhalb einer textarea in JavaScript?

Können Sie entweder den code selbst, oder verwenden Sie eine Drittanbieter-Bibliothek. Es gibt auch andere Stack-Überlauf Fragen zu diesem Thema oder können Sie selbst suchen. Verwandte Stack Overflow Fragen:
Schön beantwortet, obwohl ich bin ein wenig enttäuscht, um zu entdecken, ich hatte Recht (es ist im Grunde unmöglich). Ich werde nicht die Auszeichnung der bounty bis zum letzten Tag, aber Sie haben ein Stimmrecht in der Zwischenzeit. 🙂

InformationsquelleAutor Ninjakannon
18

Als die Frage scheint mir ein bisschen breit und offen für Interpretationen (besonders bei den aktuellen bounty'Anforderungen'), werde ich beginnen, indem er erklärt, wie interpretiere ich es und versuchen Sie Antworten auf die Unterfragen in der Prozess (F/A-Stil).

Sie scheinen zu Fragen:

"Google Chrome"/"Chrom" - spezifischen:
1. Q:, wenn der browser "Google Chrome"/"Chrom" stellt eine Rechtschreib-API , können Sie interagieren mit durch die Verwendung von javascript in einem gemeinsamen Webseite
  
  A: Nein, nicht wirklich (zumindest nicht in der Weise, die Sie wollen würde).
  
  Es ist ein Chrom-spezifische Rechtschreibprüfung API Vorschlag (aus Dez 2012).
  
  Hier sind einige Teile davon:
  
  Könnte diese API-Teil der web-Plattform?
  
  Es ist unwahrscheinlich, dass die Rechtschreibprüfung wird Teil der web-Plattform.
  
  Wichtiger ist, es hat nur eine Methode namens "loadDictionary':
```
loadDictionary( myDictionaryFile //string path or URL
              , dictionaryFormat //enumerated string [ "hunspell" (concatentation of .aff and .dic files)
                                 //                  , "text"     (plain text)
                                 //                  ]
              ) //returns int indicating success or an error code in loading the dictionary.      
```
  Den Punkt? Der Gemeinschaft zu helfen erstellen Sie benutzerdefinierte Wörterbücher für Zulu, Klingonen, etc. weil etwa 20-30% der Rechtschreib-bugs-Berichte wurden in Bezug auf nicht unterstützte Sprachen.
  
  Lassen Sie uns jetzt nicht verwirren Chrome Rechtschreibprüfung API (oben) mit Chrome/Webkit - Rechtschreibprüfung API (hu? was sagt man dazu?):
  
  Hironori Bono (ein software-Ingenieur bei Google Chrome) vorgeschlagen wird eine API um 2011 und einige bezogenen Fehler rapports und ein patch das war(/immer noch?) in Chrome.
```
void addSpellcheckRange( unsigned long start
                       , unsigned long length
                       , DOMStringList suggestions
                   //[, unsigned short options]
                       );
void removeSpellcheckRange(SpellcheckRange range);
```
  Beispiel:
```
var input = document.querySelector('input');
input.addSpellcheckRange( 4
                        , 9
                        , [ 'Chrome'
                          , 'Firefox'
                          , 'Opera'
                          , 'Internet Explorer'
                          ]
                        );
```
  ^{Quellen:
  
  http://html5-demos.appspot.com/static/html5-whats-new/template/index.html#42 ,
  
  http://peter.sh/experiments/spellcheck-api/ (Sie sollten in der Lage sein, zu versuchen, es zu Leben, WENN dieses API funktioniert immer noch..)}
  
  Der Punkt? Nach Betrachtung über das ein paar Tag ist es plötzlich geklickt: benutzerdefinierte Rechtschreibprüfung integration mit dem browser - mit dem browser-Kontext-Menü statt es zu blockieren und Ihre eigenen. So könnte man die Verknüpfung, die mit einer vorhandenen, externen Rechtschreibprüfung Bibliothek.
  
  Über historische und experimentelle API ist klar, nie direkt unterstützt, was Sie erreichen möchten.
2. Q:, wenn "Google Chrome"/"Chrom" Rechtschreib-API stellt eine 'onSpellError' (-wie) Veranstaltung auf (zum Beispiel) eine textarea
  
  A:, Wie oben beschrieben, es scheint, dass Chrom nicht haben, solch eine Veranstaltung.
  
  HTM5 derzeit nur stellt die Möglichkeit zum aktivieren oder deaktivieren der Rechtschreibprüfung auf Rechtschreib-unterstützten Elemente.
3. Q: wie Zugang von Chrome-Rechtschreibprüfung Vorschläge für ein falsch geschriebenes Wort
  
  A: Wie oben beschrieben: es scheint, dass Sie nicht können. Es erscheint die gleiche Antwort wie für die fast doppelte-Frage: Wie kann ich den Zugriff von Chrome-Rechtschreibprüfung-Wörterbuch?
  
  Es könnte interessant sein, zu beachten, dass "TinyMCE - spellchecker wurde vorher durch 'hacken' ein Chrome-toolbar-API von Google, die gegen die Google-eigenen rechtlichen Benutzungsordnung. Diese Rechtschreibprüfung service eingestellt worden ist dauerhaft.". Nun, wenn Sie das web durchsuchen können Sie wahrscheinlich finden, wie Sie das getan hat, aber es scheint nicht der beste Weg zu gehen über Sie (und plädieren dafür, dass es hier).
  
  Mit javascript spell-check Bibliotheken könnten Sie jedoch Chrome verwenden Lexika (so dass Sie nicht brauchen, um Pflege der Wörterbücher), aber Sie müssten zu liefern und versenden Sie diese Dateien zusammen mit Ihrer web-app (anstatt des Holens der installiert in den browser).
Allgemein:
1. Q: zu erkennen, Wie eine Rechtschreib-Fehler innerhalb einer textarea in JavaScript
  
  A: Internet Explorer erlaubt die Verwendung der Rechtschreibprüfung
  integriert in Microsoft Word über ActiveX-wie im folgenden aufgeführt
  code-snippet.
```
function CheckText(text) {
  var result = new Array;
  var app = new ActiveXObject('Word.Application');
  var doc = app.Documents.Add();
  doc.Content = text;
  for (var i = 1; i <= doc.SpellingErrors.Count; i++) {
    var spellingError = doc.SpellingErrors.Item(i);
    for (var j = 1; j <= spellingError.Words.Count; j++) {
      var word = spellingError.Words.Item(j);
      var error = {};
      error.word = word.Text;
      error.start = word.Start;
      error.length = word.Text.length;
      error.suggestions = new Array;
      var suggestions = word.GetSpellingSuggestions();
      for (var k = 1; k <= suggestions.Count; k++) {
        error.suggestions.push(suggestions.Item(k).Name);
      }
      result.push(error);
    }
  }
  return result;
}
```
  ^{Quelle: https://lists.w3.org/Archives/Public/public-webapps/2011AprJun/0516.html}
  
  Aber IE/ActiveX/MS-Word ist nicht wirklich das, was Sie gefragt haben, es ist auch sehr Plattform-und browserübergreifend, , dass lässt uns mit lokalen javascript-Zauber-check-Bibliotheken:
  
  Javascript-Rechtschreibüberprüfung Methoden
  
  http://code.google.com/p/bjspell/
  
  http://www.javascriptspellcheck.com/
  
  http://ejohn.org/blog/revised-javascript-dictionary-search/
  
  Etc.
  
  Das vergleichen/zu erklären, Sie ist wirklich außerhalb des Geltungsbereichs dieser Antwort.
  
  Es ist erwähnenswert, in welchem format Wörterbuch, das Sie verwenden möchten!
  
  Alternativ könnte man eine externe Rechtschreibprüfung API-service (wo ein server verarbeitet die Daten, und Sie würde mit ihm kommunizieren, die per AJAX).
  
  Natürlich müssten Sie zu nehmen es mit dem Datenschutz Fragen berücksichtigt!
Der bounty- "Anforderungen" Fragen:
1. Q: der endgültige Beweis
  
  A: sollte ich gefunden habe, etwas mehr über das Thema als einige Esoterik-experimentellen Funktionen. Weder sehe ich Bibliotheken, die versuchen, shim Ihre Funktionalität in einigen (späteren) standardisierte Methode/Ereignis-IDS etc.
  
  Wie bereits erwähnt, populäre Bibliotheken wie TinyMCE derzeit auch keine andere Lösung.
  
  In der 'Lebensstandard'/'die Welt ist unser Spielplatz" - Mentalität meine Antwort könnte sehr wohl schon veraltet, wenn ich drücken Sie die "senden" -button. Aber selbst dann würde ich nicht empfehlen, so ein experimentelles feature in Naher Zukunft auf eine 'Produktion' Ebene website/interface.
2. Q: und den Erhalt einer guten Antwort zu erklären, wie dies zu erreichen
  
  (chrome-spezifisch oder allgemein? Rechtschreibprüfung Vorschläge oder erkennen, dass es ein Tippfehler?)
  
  A: Andere als die oben genannten, ich kann nicht an nichts denken (außer Bibliotheken, die web-Entwickler nutzen derzeit (siehe 4)).
Hoffe, das hilft!

Vielen Dank für die sehr ausführliche Antwort! 🙂
danke für den bounty!!! Sie sind sehr willkommen!!!

InformationsquelleAutor GitaarLAB

Gibt es nicht eine API für den Zugriff auf Chrome die Rechtschreibprüfung Vorschläge, noch gibt es nativ keine Ereignisse gefeuert, wenn die Worte sind falsch. Allerdings, Veranstaltungen könnte umgesetzt werden.

Ich habe keine Ahnung, was dein use-case ist für diese Funktionalität ist, aber ich Stelle zusammen eine demonstration mit montanaflynn die Rechtschreibprüfung API auf MashApe. Die demo Uhren Sie einen text-Bereich, und wenn der Benutzer die Pausen eingeben, sendet es den text über die API getestet werden. Die API gibt JSON-enthält die ursprüngliche Zeichenfolge, die vorgeschlagen korrigiert Zeichenfolge und ein Objekt mit der korrigierten Worte und Ihre vorgeschlagenen Ersatz.

Die Vorschläge angezeigt werden, unter der textarea. Wenn Vorschläge schwebte, das falsch Wort ist hervorgehoben. Wenn angeklickt, wird der Tippfehler ist ersetzt mit dem Vorschlag zu.

Ich habe auch einen schlurfenden Funktion, dass verschlüsselt der Wörter in der Zeichenfolge vor dem senden, fügen Sie eine Schicht von Privatsphäre, um die Nutzung der API (verwendet SSL). Weder die API noch Chrome verwenden, Kontext-basierte Vorschläge, so die schlurfenden, ändert nichts an den Ergebnissen.

Hier ist ein link zu der CodePen: http://codepen.io/aecend/pen/rOebQq

Und hier ist der code:

CSS

<style>

    * {
        font-family: sans-serif;
    }

    textarea {
        margin-bottom: 10px;
        width: 500px; 
        height: 300px;
        padding: 10px;
    }

    .words {
        width: 500px;
    }

    .word {
        display: inline-block;
        padding: 2px 5px 1px 5px;
        border-radius: 2px;
        background: #00B1E6;
        color: white;
        margin: 2px;
        cursor: pointer;
    }

</style>

HTML

<textarea id="text" placeholder="Type something here..."></textarea>
<div id="words"></div>

JavaScript

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>

<script>

    ;(function(){

        "use strict";

        var words = document.getElementById("words"),
            input = document.getElementById("text"),
            timeout, xhr;

        input.addEventListener("keyup", function(e){

            if (timeout) clearTimeout(timeout);

            if (!this.value.trim()) words.innerHTML = '';

            timeout = setTimeout(function() {

                var test_phrase = shuffle_words( input.value );

                spell_check(test_phrase);

                timeout = null;

            }, 500);

        });

        function shuffle_words(inp) {

            inp = inp.replace(/\s+/g, ' ');

            var arr = inp.split(" "),
                n = arr.length;

            while (n > 0) {
                var i = Math.floor(Math.random() * n--),
                    t = arr[n];
                arr[n] = arr[i];
                arr[i] = t;
            }

            return arr.join(' ');
        }

        function spell_check(text){

            if (xhr) xhr.abort();

            xhr = $.ajax({
                url: 'https://montanaflynn-spellcheck.p.mashape.com/check/',
                headers: {
                    'X-Mashape-Key': 'U3ogA8RAAMmshGOJkNxkTBbuYYRTp1gMAuGjsniThZuaoKIyaj',
                    'Accept': 'application/json'
                },
                data: { 
                    'text': text
                },
                cache: false,
                success: function(result){

                    xhr = null;
                    suggest_words(result);

                }
            });

        }

        function suggest_words(obj){

            if (!obj.corrections) return;

            words.innerHTML = '';

            for (var key in obj.corrections) {

                if (obj.corrections.hasOwnProperty(key)) {

                    var div = document.createElement("div");
                    div.className = "word";
                    div.innerHTML = obj.corrections[key][0];
                    div.orig = key;

                    div.onmouseover = function() {
                        var start = input.value.indexOf(this.orig);
                        input.selectionStart = start;
                        input.selectionEnd = start + this.orig.length;
                    };

                    div.onmouseout = function() {
                        var len = input.value.length;
                        input.selectionStart = len;
                        input.selectionEnd = len;
                    }

                    div.onclick = function() {
                        input.value = input.value.replace(this.orig, this.innerHTML);
                        this.parentNode.removeChild(this);
                    }

                    words.appendChild(div);

                }

            }

        }

    })();

</script>

Ich habe nur jQuery zur Vereinfachung der AJAX-request für diese demonstration. Dies kann leicht getan werden in vanilla JS.

Es ist perfekt, was ich will, danke 🙂

InformationsquelleAutor aecend

0

Können Sie deaktivieren die interne browser-Rechtschreibprüfung und integrieren alle anderen opensource-Rechtschreibprüfung Bibliothek, zum Beispiel
JavaScript-Rechtschreibprüfung. Es enthält alle Ereignisse, die Sie möglicherweise für die Tiefe integration, überprüfen Sie die API-Seite.

InformationsquelleAutor Eugene Tiurin

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.