2013-08-07 54 views
2

我有具體的問題:在多個容器共享一個巨大的HTML文本(jQuery的)

我有HTML頁面上的幾個div,各有不同的固定尺寸和設置爲溢出:隱藏,每個容器是動力由jqueryte wisiwig編輯器(jqueryte.com)所以用戶可以交互地更改div的內容。

關鍵是要確保更加舒適的工作與巨大的文本(如書籍等)。 用戶可以通過編輯器在某個div中插入一個大的內容(也帶有HTML標記),但是已經過濾的部分文本(在當前div中不可見)將被髮送到下一個div(假設用戶將在之前選擇加入的div)。

對於熟悉Adobe InDesign的用戶來說,功能完全相同,但問題在於它是否適用於html/css/jquery環境。

一些完美的解決方案是,用戶可以通過編輯器編輯每個單獨的div中的內容,並且如果明白我的意思,內容將交互式地繼續到下一個加入的div中。

我發現了一些技巧,但所有div或非html內容(純文本)都需要相同的寬度。

請大家,是否有任何可能性來準備這種與巨大的類似於HTML的內容一起工作的概念?

非常感謝您的任何幫助,問候,Honza。

+0

除了Thanassis_K的回答:請記住,在每個瀏覽器中,對於每個用戶,即使是每個操作系統,適合「固定」大小的DIV的文本量也會不同。 InDesign用於打印,並且網頁不打印;你不能應用相同的規則/概念。 – RoToRa

+0

同意你的看法,但是如果Thanassis_K所描述的解決方案至少可以在一個瀏覽器和一個操作系統中完美工作,那對我來說絕對足夠了,因爲這個功能適用於學生項目之類的東西,所以用戶必須使用任何限制在Windows 7和類似的Mozilla可以接受。 –

+0

如果這是一個學生項目,那麼更重要的是你承認並記錄下這個弱點。即使在相同的瀏覽器和操作系統中,也可能存在差異,例如,由於不同的最小字體大小設置。 – RoToRa

回答

1

如果我理解正確的情況如下:假設你有兩個div,#divOne#divTwo固定寬度(不一樣)他們兩個。然後你在#divOne中插入一個大的HTML,並且你希望#divOne中的不可見上下文被移動到#divTwo中。那是對的嗎?

如果是這樣,你可以achive通過識別,如果#div一個有滾動條how to check if an element has a scrollbar

然後,你可以,如果#divOne有滾動條寫一個算法,您將解析HTML,並在同一時間檢查。然後,您可以檢查任何句號或問號,並將HTMl文本剪切並附加到$("#divTwo").append()

這只是一個場景,你可以看看是否適合你。

+0

謝謝你的回覆,我想是的,你的理解能力非常好,這種方法可以真正起作用,我會測試一下,thx :) –