2011-12-06 23 views
11

Nhóm của tôi làm việc trong một dự án sử dụng asp.net mvc3 (C#). Dựa trên yêu cầu của dự án, chúng tôi cần triển khai ngắt trang như Microsoft Word. Tôi cần phải lưu trang và kích thước trang có thể là a4, thư, pháp lý, v.v.Chèn trang động

Có thể kiểm soát kích thước trang của nội dung trong ckeditor và chèn ngắt trang được hiển thị bên trong trình chỉnh sửa khi nó vượt qua chiều cao hoặc kích thước nhất định, giống như cách hoạt động trong MS Word>

Có giải pháp thay thế nào không?

+0

Bạn định dạng nội dung CKEditor của mình ở định dạng nào? với sự hiểu biết của tôi HTML không hỗ trợ Page Breaks, do đó bạn không có cách nào trừ khi bạn đang thực hiện một số lưu trong định dạng word, pdf hoặc định dạng khác hỗ trợ ngắt trang, hãy xem chi tiết kỹ thuật RTF: http://www.biblioscape.com/ rtf15_spec.htm –

Trả lời

7

giải pháp thay thế tôi tìm thấy sau khi tìm kiếm trên google để giải quyết pagebreak bằng cách sử dụng RichTextBoxSilverlight

một số tính năng

  • RichTextBox hỗ trợ đầy đủ phân trang và in ấn. Bạn có thể chỉnh sửa các tài liệu trong chế độ xem Bố cục in hoặc Bản nháp; giống như Microsoft Word. Bố cục in hỗ trợ lưu lượng trang liên tục khi cuộn và thậm chí hỗ trợ phải đối mặt với nhiều trang theo chiều ngang.

  • RichTextBox hỗ trợ nhập và xuất RTF, Html và văn bản đồng bằng. Tải văn bản có sẵn hoặc Html hiện có vào điều khiển C1RichTextBox, chỉnh sửa tài liệu và sau đó xuất trở lại RTF hoặc Html.

  • Chỉnh sửa và định dạng văn bản chứa nhiều phông chữ, trang trí, màu sắc, bảng, hình ảnh, danh sách và hơn thế nữa.

  • RichTextBoxToolbar bao gồm các lệnh sau: Paste, Cut, Copy, Undo, Redo, Font Family, Font Size, Grow Font, Shrink Font, Bold, Italic, Underline, Change Case, subscript, superscript, Màu Chữ , Màu đánh dấu văn bản, Căn chỉnh trái, Căn giữa, Căn chỉnh phải, Căn đều, Dấu đầu dòng, Đánh số, Gói văn bản, Độ dày biên giới, Màu đường viền, Màu đoạn, Lề, Đệm, Chèn hình ảnh, Chèn biểu tượng, Chèn Siêu liên kết, Xóa Siêu liên kết, Tìm và thay thế, Kiểm tra chính tả và các lệnh bổ sung để chèn/chỉnh sửa Bảng.

  • RichTextBox để chèn và chỉnh sửa hình ảnh. Người dùng có thể dễ dàng tải lên hình ảnh từ máy tính của họ đến trình chỉnh sửa hoặc trỏ tới url của hình ảnh trên web. Người dùng cũng có thể chọn, thay đổi kích thước và kéo hình ảnh trên bề mặt tài liệu.

  • RichTextBox hỗ trợ thu phóng trang ở cả bố cục in và bản nháp lượt xem.

  • Nội dung RichTextBox có thể được xuất sang định dạng PDF.

  • Chỉnh sửa dữ liệu trong RichTextBox với sự tự tin. Bạn hiện có khả năng để dễ dàng hoàn tác và làm lại các thay đổi của mình bằng cách nhấp vào nút .

1

Bạn có thể thử sử dụng CSS2 page-break-beforepage-break-after, mặc dù cách thức và vị trí bạn chèn động là một vấn đề khác.

5

Giống như graphicdivine nói, hãy sử dụng CSS in để thực hiện những gì bạn cần làm. Tạo một lớp css có định nghĩa page-break-before và tự động thêm lớp đó vào phần tử đầu tiên của trang sau khi ngắt.

Bạn cũng có thể làm một cái gì đó như thế này:

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

và sau đó chèn một <br class="pageBreak" /> tại điểm mà bạn cần một ngắt trang. Thông tin

thêm:

Trang-breaks: http://www.w3.org/TR/css-print/#s.8.2

kích thước trang: http://www.w3.org/TR/css-print/#s.8.3

Một già A List Apart bài viết: http://www.alistapart.com/articles/goingtoprint/

Thật không may, tôi không biết nếu nó có thể để thay đổi CKEditor theo cách này mà không gặp rắc rối.

+0

CKEditor đã có một nút chèn

 
nhưng tôi nghi ngờ rằng đây là những gì anh ta muốn. – AlfonsoML

+0

Tôi cần thực hiện ngắt trang động bằng cách nhấp vào nút trong trình chỉnh sửa – amexn

+0

Để hiểu biết của tôi, giải pháp của atornblad cũng tốt như HTML. Ngắt trang là một PITA khổng lồ trong HTML, nhưng giải pháp này không hoạt động. Câu hỏi là ... người dùng của bạn có thể cho bạn biết kích thước nào họ muốn trang trước khi in (ví dụ: A4, v.v.) và nếu có, thì bạn có giải pháp khả thi. Nếu bạn không biết trước, thì bạn sẽ không may mắn. –

Các vấn đề liên quan