私はbootstrap-wysihtml5 ( wysihtml5に基づく) のすばらしいエディターを使用していますが、問題なく動作し、誰もが満足しています。しかし今、ユーザーが何か ( thisやthisなど) を入力しているときに、テキストの提案を提供する必要があります。これらのライブラリは textarea を想定しており、wysihtml5 は<body contenteditable="true">
.
必要なのは、要素内のプレーンテキストでオートコンプリートする (または提案を含むポップアップを開く) 単語だけです。
これについて深く掘り下げる前に、contenteditable="true"
要素内で機能する可能性のあるライブラリについて誰か提案がありますか?
編集 1:
必要なことを行う基本的な lib を作成しましたが、これには貧弱な js スキルをすべて使用したと思います... div で動作しますcontenteditable=true
が、wysihtml5 エディターで動作させるのに苦労しています. javascript/wysihtml5/rangy の忍者が助けてくれませんか?
ここに私のコードがあります: http://jsfiddle.net/5UQfH/
編集 2:
最初の作業バージョン: http://jsfiddle.net/X9jBM/1/
編集 3:わずかに優れた (ただし、きれいでは
ない
) バージョン (同じページの複数のエディターで動作します):
http://jsfiddle.net/X9jBM/18/
はスペースです)
これについてのフィードバックを引き続きお聞きしたいと思います。