动态插入分页符

时间:2011-12-06 06:58:06

标签: javascript asp.net asp.net-mvc ckeditor wysiwyg

我的团队使用asp.net mvc3(c#)在项目中工作。根据项目要求,我们需要像Microsoft Word一样实现分页功能。我需要保存分页符,页面大小可能是a4,letter,legal等。

是否可以控制ckeditor中内容的页面大小,并在编辑器中超过某个高度或大小时插入页面中断,就像它在MS Word中的工作方式一样>

有没有替代方案?

3 个答案:

答案 0 :(得分:7)

我使用RichTextBoxSilverlight

搜索谷歌搜索网页破解后找到的替代解决方案

一些功能

  • RichTextBox完全支持分页和打印。你可以编辑 打印布局或草稿视图中的文档;很像微软 字。打印布局支持滚动时的连续页面流 甚至支持水平面对多个页面。

  • RichTextBox支持导入和导出RTF,Html和plain 文本。将现有的富文本或Html加载到C1RichTextBox控件中, 编辑文档,然后将其导出回RTF或Html。

  • 编辑和格式化包含多种字体,装饰,颜色的文字, 表格,图像,列表等。

  • RichTextBoxToolbar包含以下命令:粘贴,剪切,复制, 撤消,重做,字体系列,字体大小,增长字体,缩小字体,粗体, 斜体,下划线,更改案例,下标,上标,文字颜色, 文字突出显示颜色,左对齐,对齐中心,右对齐,对齐, 子弹,编号,文字环绕,边框厚度,边框颜色, 段落颜色,边距,填充,插入图像,插入符号,插入 超链接,删除超链接,查找和替换,拼写检查,和 用于插入/编辑表格的附加命令。

  • 用于插入和编辑图像的RichTextBox。用户可以轻松上传 从他们的计算机到编辑器的图像或指向图像的URL 在网上。用户还可以在文档表面上选择,调整大小和拖动图像。

  • RichTextBox支持在打印布局和草稿中缩放页面 视图。

  • RichTextBox内容可以导出为PDF格式。

  • 自信地编辑RichTextBox中的数据。你现在有了 只需单击一下即可轻松撤消和重做您的更改 按钮。

答案 1 :(得分:5)

像graphicdivine所说,使用print CSS来完成你需要做的事情。创建一个具有page-break-before定义的css类,并在中断后动态地将该类添加到页面的第一个元素。

您也可以这样做:

br.pageBreak {
    page-break-after: always;
}

然后在需要分页的位置插入<br class="pageBreak" />

更多信息:

分页符:http://www.w3.org/TR/css-print/#s.8.2

页面大小:http://www.w3.org/TR/css-print/#s.8.3

旧的A List Apart文章:http://www.alistapart.com/articles/goingtoprint/

不幸的是,我不知道是否有可能以这种方式改变CKEditor而不会有麻烦。

答案 2 :(得分:0)

您可以尝试使用CSS2的page-break-beforepage-break-after,但动态插入它们的方式和位置是另一回事。