[JavaFX] Markdownエディターでエディターのスクロールバーと、プレビュー画面のスクロールバーを同期したい

Question

私はいまJavaFXでマークダウンエディターを作っていてMarkdown文章をMarkdown4jでHTMLに変換してWebViewに表示させてます。
↓実際の画面

エディター（テキストエリア）のスクロールバーとプレビュー画面（WebView）のスクロールバーを、できるだけ精度を高く同期させようとしていて、とりあえずテキストエリアでスクロールされるたびに、スクロール量が全体の何%かをもとめてWebViewで反映させているのですが、ページの高さが高くなるほどちょっとズレてきて困っています。

そこで思いついたのが、いままでの方法 + 現在書いてるところを表示させるということです。

ですが、現在書いているところの高さまでどうやってWebViewでスクロールさせればいいかわかりません。

そのほかにも何か、いい方法があれば教えてください。

Answer 1

テキストエリア内のMarkdown文章を一行ずつHTMLに変換して、spanタグをつけて、そのspanタグのIDを行番号にする。
そして現在、キャレットがある行を求めて、WebEngineクラスのexecuteScript()でキャレットがある行の番号のspanタグにスクロールすれば、現在のキャレットがある位置にWebViewのページをスクロールできる。