GWT Texteingaben mit Rechtschreibprüfung wie Verhalten?

Question

Kennt jemand ein GWT-Widget, das wie ein Rechtschreibvorschlag funktioniert?

Im Idealfall wäre es so ähnlich wie hier: http://www.polishmywriting.com/

Ich benötige ein Popup-Fenster, das durch einen Klick ausgelöst wird, wenn der Benutzer einen Text erstellt, damit ich Ersetzungen vorschlagen kann (ich baue keine Rechtschreibprüfung, aber etwas Ähnliches). Mir gefällt auch die Art und Weise, wie das Menü "Polymywriting" eingerichtet ist (wenn man auf ein unterstrichenes Wort klickt).

Gibt es ein Widget, mit dem ich etwas Ähnliches machen könnte? Im Grunde versuche ich, die kleinen Popups zu klonen, die von der Rechtschreibprüfung in Gmail und polishmywriting verwendet werden.

Wenn nicht, was wäre mein erster Schritt, um es zu schaffen?

Vielen Dank für Ihre Zeit und Ihre Antworten,

DTrejo

Answer 1

Hatten Sie schon Glück? Ich weiß, dass es schon eine ganze Weile her ist, aber ich habe das hier gerade gefunden. Es handelt sich um ein sehr spezielles Widget, so dass Sie vielleicht nicht genau das finden werden, was Sie suchen. In diesem Fall könnte es eine Herausforderung sein, eines von Grund auf neu zu erstellen.

Als erstes werden Sie feststellen, dass ein normales gwt TextArea reicht nicht aus, um den Text zu halten. Sie brauchen etwas Flexibleres, um den Text dynamisch zu platzieren. anklickbar Beschriftungen im Text selbst.

TinyMCE ist ein plattformunabhängiges, webbasiertes Javascript-HTML-WYSIWYG-Editor-Control, das als Open Source veröffentlicht wurde.

http://en.wikipedia.org/wiki/TinyMCE

Es ist auch ein gwt-Wrapper verfügbar, der für Sie nützlich sein könnte:

http://code.google.com/p/tinymce-gwt/

Wenn Sie die polnisches Schreiben Editor, nachdem die Rechtschreibprüfung angezeigt wurde, werden Sie feststellen, dass es sich nicht um einen TextArea handelt. Der Text ist eine Reihe von Absätzen und die beschrifteten Teile sind Span-Elemente. Dies sind die Elemente, auf die Sie mit gwt leicht zugreifen können, und setzen Sie einige Klick-Handler dort, um das Popup zu öffnen.

Und was die Popups angeht, so sollte das nicht schwierig sein. Verwenden Sie ein standardmäßiges gwt PopupPanel. Das Popup-Panel kann in einer relativen Position zu anderen auf der Seite angezeigten Elementen angezeigt werden:

popup.showRelativeTo(otherElement);

Wenn Sie in der Zwischenzeit etwas Nützliches gefunden haben, können Sie es gerne weitergeben.