問題タブ [caret]

RichEditableText コントロール内でキャレット位置を設定する方法はありますか?

コントロールのコンテンツには、ユーザーが修正する必要があるエラーが含まれている可能性があり、[次へ/前へ] ボタンを使用して移動できます。ナビゲーション中に、テキスト内の各エラーの末尾にキャレット カーソルを設定したいと考えています。

iframe を使用して wysiwyg エディターを作成しようとしています。スクロールバーが必要ないため、最大幅に達したときにテキストが次の行に表示されるようにする必要があります。そのためのキャレット座標が必要です。ここで私を助けてください

ドキュメントのスタイルを設定できる基本的なテキストエディタ（太字、下線、斜体、下線、左/右/中央の配置、色、フォントサイズ/ファミリ）があり、すべてうまく機能します。私が抱えている問題は、ボタンとボックスをカレットのある場所に合った正しいスタイルに設定したいということです。

たとえば、私は文字列を持っていると言います

速い茶色のキツネ は怠惰な犬を飛び越えます

uとiの間をすばやくクリックすると、イタリック体のボタンがオンになり、カレットがあるテキストがイタリック体のスタイルになっていることを示します。

テキストを保持するためにJTextPaneを使用し、スタイル設定のためにStyledEditorKitを使用しています。

ありがとう。

IE8 のデザイン モードで、iframe 内のテキストのキャレット位置を取得しようとしています。私が持っているコードは機能しますが、長いテキストの場合、すべてのテキストを選択してから一度に1文字ずつ範囲の終わりを移動し始めるため、パフォーマンスが悪く醜いです。

IE で現在のキャレット位置を取得するためのより高速でエレガントな方法があるのだろうか? ここに私の現在のコードがあります:

コンテンツ編集可能なdivのカーソルの位置を取得するために、SOで次のコードを見つけましたが、常に0を返します。

位置を取得する必要がある関数：

私がそれをテストするために使用するコード：

重要な場合はChrome（8.0.552.215）を使用しています。

Web アプリケーションのテキストエリアにキャレット位置を保存して読み込む方法を探しています。これにより、ユーザーが Web アプリケーションを再度開いたときに、離れた位置に自動的に戻されます。

jQuery 用のjCaretプラグインを見てきましたが、私の Web アプリケーションは jQuery を使用していないため、純粋な JavaScript で動作するものが必要です。

また、キャレットの位置を保存する関数を開始する最良の方法は何でしょうか? 頭に浮かんだ最初の方法は、キーを押すたびに再保存することでしたが、これは少し非効率的です。onBeforeUnload イベントを介してアプリケーションに位置を保存させることを考えていましたが、より良い方法を考えられる場合は共有してください!

次の例を参照してください。

ご覧のとおり、編集した値を変更して、ユーザーがにテキストを入力すると、先頭にをTextBox追加して更新される_ようにしています。

何が起こるかというと、私123456789が結果を入力すると、期待どおりでTextBoxはあり_________987654321ません_________123456789。

それを修正するためのきちんとした方法は何でしょうか？
KeyUpなどのイベントでカレットを動かしてコード全体を汚したくありません。
一方で、私はこれをエンティティレベルで実行したいと思っています。

注：私の「実際の」機能は、電話番号をダッシュ​​などでフォーマットしています。

私はjQueryとLettering.jsを使用して、各文字を<h1>スパンでラップし、一意のIDを付けています。また、設定contenteditable=trueした<h1>ので、クリックするとテキストを編集できます。<span>カーソルの左側または右側にある要素を選択して、スタイルを適用するにはどうすればよいですか？

これが私のコードです

助けやアドバイスを本当にいただければ幸いです！

現在、JScrollPane内にJTextAreaがあります。現在のコンテンツでは、垂直スクロールバーと水平スクロールバーの両方が表示されます。ユーザーが特定の文字列を検索でき、その文字列の最初の出現にキャレット位置を設定する検索機能を実装しようとしています。ただし、JScrollPaneは、キャレットの位置を設定したときにのみ垂直方向にスクロールするようです。そのため、JTextAreaから水平方向に外れる一致する文字列は完全に失われ、水平方向のスクロールバーはまったくスクロールしません。

setCaretPosition()JTextAreaの基本関数を使用して います

私のJScrollPaneが使用して水平方向に移動しない理由を誰かが知っていますかsetCaretPosition()

編集：

水平スクロールバーがスクロールしているように見えますが、ほとんど動かないため、ほとんど目立ちません。キャラクターの最初のピクセルしか見えません。スクロールバーの中心（または可能な限り）をキャレットの位置にする方法はありますか？

テキストエリアがあり、クリックするとキャレットを最後の文字に移動したいのでSomething[caret]

私が知っているように、これは TextRange オブジェクトで何とか可能ですが、それを使用する方法が本当にわかりません

編集:純粋な JavaScript ソリューションのみを見たいので、ライブラリは使用しないでください。