2011-12-06 3 views
11

Mon équipe travaillant dans un projet utilisant asp.net mvc3 (C#). En fonction de l'exigence du projet, nous devons mettre en œuvre des sauts de page comme Microsoft Word. Je dois enregistrer le saut de page et la taille de la page peut être a4, lettre, légal, etc.Insérer dynamiquement Pagebreak

Est-il possible de contrôler la taille de la page du contenu dans le ckeditor et insérer des sauts de page montrés dans l'éditeur quand il traverse un certaine hauteur ou taille, de la même manière que cela fonctionne dans MS Word>

Y a-t-il une solution alternative?

+0

Dans quel format sauvegardez-vous votre contenu CKEditor? À mon avis, HTML ne prend pas en charge les sauts de page, vous n'avez donc aucun moyen d'économiser, que ce soit en format Word, PDF ou un autre format qui prend en charge les sauts de page, consultez les spécifications RTF: http://www.biblioscape.com/ rtf15_spec.htm –

Répondre

7

Autre solution que je trouve après une recherche Google pour résoudre pagebreak en utilisant RichTextBoxSilverlight

quelques-unes des caractéristiques

  • RichTextBox soutient pleinement la pagination et l'impression. Vous pouvez modifier les documents en mode d'impression ou en mode Brouillon; un peu comme Microsoft Word. La mise en page d'impression prend en charge le flux de page en continu lors du défilement et prend même en charge plusieurs pages horizontalement. RichTextBox prend en charge l'importation et l'exportation du texte RTF, Html et . Charger le texte riche existant ou Html dans le contrôle C1RichTextBox, modifier le document, puis réexportez-le à RTF ou Html.

  • Modifiez et mettez en forme du texte contenant plusieurs polices, décorations, couleurs, tableaux, images, listes, etc.

  • RichTextBoxToolbar comprend les commandes suivantes: Coller, Couper, Copier, Annuler, Refaire, famille de polices, taille de police, Cultivez police, Réduire la police, Gras, Italique, Souligné, Changement de cas, Subscript, Superscript, Couleur du texte , Couleur du texte en surbrillance, Aligner à gauche, Aligner sur le centre, Aligner à droite, Justifier, Puces, Numérotation, Banderolage, Épaisseur de la bordure, Couleur de la bordure, Paragraphe Couleur, Marge, Rembourrage, Insérer une image, Insérer un symbole, Insérer Hyperlien, Supprimer Lien hypertexte, Rechercher et remplacer, Vérification orthographique et commandes supplémentaires pour insérer/modifier des tables. RichTextBox pour l'insertion et l'édition d'images.

  • Les utilisateurs peuvent facilement télécharger des images depuis leur ordinateur vers l'éditeur ou pointer vers l'URL d'une image sur le Web. Les utilisateurs peuvent également sélectionner, redimensionner et faire glisser des images sur la surface du document. RichTextBox prend en charge l'agrandissement de la page en mode d'impression et en mode brouillon vues

  • Le contenu RichTextBox peut être exporté au format PDF.

  • Modifiez les données dans RichTextBox en toute confiance. Vous avez maintenant la capacité pour facilement annuler et refaire vos changements avec le clic d'un bouton .

1

Vous pouvez essayer d'utiliser les codes page-break-before et page-break-after de CSS2, bien que la manière et l'endroit où vous les insérez dynamiquement soit une autre affaire.

5

Comme le dit graphicdivine, utilisez print CSS pour accomplir ce que vous devez faire. Créez une classe CSS ayant une définition page-break-before et ajoutez dynamiquement cette classe au premier élément de la page après la rupture.

Vous pouvez aussi faire quelque chose comme ceci:

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

puis insérez une <br class="pageBreak" /> au point où vous avez besoin d'un saut de page.

Plus d'infos:

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

Taille de la page: http://www.w3.org/TR/css-print/#s.8.3

Un ancien A List Apart article: http://www.alistapart.com/articles/goingtoprint/

Malheureusement, je ne sais pas s'il est possible pour modifier CKEditor de cette manière sans tracas.

+0

CKEditor a déjà un bouton qui insère

 
mais je doute que c'est ce qu'il veut. – AlfonsoML

+0

Je dois implémenter dynamiquement le saut de page en cliquant sur un bouton de l'éditeur – amexn

+0

A ma connaissance, la solution d'atornblad est aussi performante que l'HTML. Les sauts de page sont un PITA géant en HTML, mais cette solution fonctionne. La question est ... votre utilisateur peut-il vous dire quelle taille il veut que la page avant l'impression (par exemple A4, etc.) et si oui, alors vous avez une solution réalisable. Si vous ne savez pas à l'avance, alors vous n'avez pas de chance. –

Questions connexes