滾動到Javascript中的文本位置

Question

我有一個實時HTML編輯器，左側有一個文本區域用於輸入代碼，右側有一個“預覽” DIV，用於包含輸入代碼的預覽。 目前，在左窗格中編輯代碼時，預覽就在它的原處，因此，您正在編輯的代碼部分通常不在預覽的可見區域中（尤其是當涉及圖像時）。

我的問題是如何使預覽滾動顯示當前正在編輯的代碼部分？

這是我到目前為止的頁面： http : //www.caerphoto.com/rtedit.html您會在源代碼中注意到我有一個（當前未使用的）matchPreview（）函數，該函數試圖匹配預覽的滾動位置。基於文本區域的滾動位置，但是顯然如果涉及圖像或大文本，則兩個窗格不再匹配。

Answer 1

嘗試使用標簽代替克隆目標的div。

Answer 2

讓我將您的任務分解為2個子任務：

1. 當dom發生變化時得到通知，您可以像onsubtreemodified一樣聆聽dom的變化。

參見en.wikipedia.org/wiki/DOM_events

2. 滾動到視圖中

答案是scrollintoview方法：

參見www.quirksmode.org/dom/tests/scrollintoview.html

但是，這可能對您沒有太大幫助，因為您將在每次更改textarea時更新整個html文檔。 由於您無法獲得光標在文本區域內的位置，因此可能不那么容易。

對不起，隊友，最后我無解，但也許我的反省還是有幫助的。

祝好運！

Answer 3

當我在Firefox中嘗試此操作時。 在預覽中沒有看到換行符； 這個對嗎？ 我也許可以提供幫助（ 最近做了一些similsr ），但是如果刪除了換行符，則無法提供幫助...