2014-12-01 70 views
0

目前,我正在創建一個應用程序,供我的客戶創建發票和優惠。爲了讓他創建一個報價,我使用了CkEditor。這一切都可以正常工作,但他也可以將此優惠出口到PDF文檔。有時候他會看到一些文本分成多個頁面。由於這種情況有時會發生在他不想要的地方,所以他要求我創建一個函數,在編輯時向他顯示分頁器。將文本劃分爲多個頁面

我現在所做的是在計算位置上,從頂部或從最後一個分割圖像顯示1700像素的圖像(絕對位置,文字後面)。出於某種原因,我認爲這可能會更好,您認爲最好的方法是什麼?

例子: http://i.stack.imgur.com/Q2a7w.jpg

+0

你可以在你的HTML中使用了'分頁-before' CSS屬性對某一個元素:http://davidwalsh.name/css-page-breaks – ochi 2014-12-01 21:04:42

+0

這是真的,我可以添加屬性,但那麼我必須知道元素是否會中斷,以便我可以動態地添加屬性... – 2014-12-01 21:59:19

回答

0

嘗試,如果你的PDF生成尊重page-break-beforepage-break-afterpage-break-inside

+0

好吧,這可以工作,但在生成PDF之前,我不知道某個圖像是放在當前頁面還是下一個一個(因爲它不適合上一頁..) – 2014-12-02 10:16:33

+0

自定義斷點使用戶可以控制斷點發生的位置。這並不意味着不必要的休息永遠不會發生。只有用戶有工具才能根據需要修復中斷。大多數出版軟件都有段落規則。他們可以將同一段落的n行保存在一起。 CSS沒有這個功能。分頁估算器很難,因爲您只能對複雜內容的大小做出非常粗略的估計(並且永遠不會完全正確)。爲用戶提供糾正不良中斷的工具並加以解決。對於最終結果,用戶和開發者來說更​​好。 – allcaps 2014-12-02 13:40:33

+0

我在我的ckeditor-toolbar中添加了一個分頁按鈕,這樣用戶可以根據需要修復這些中斷。有什麼可以幫助的是給用戶一點提示,我現在所做的是: 'var pageheight = 1430; var height = $('。page')。height()+ 173; amount = Math.ceil(height/pageheight); (i = 1; i <=金額; i ++){('。page')。append('

'); '但是如果編輯器內部出現分頁符,我想從分頁符開始計數。 – 2014-12-02 14:19:41