suneditor icon indicating copy to clipboard operation
suneditor copied to clipboard

Pagination support in SunEditor?

Open gopal1996 opened this issue 4 years ago • 10 comments

@JiHong88 Thank you for the amazing editor. I want to implement pagination with the size of the "A4" sheet. is there any idea or way to implement pagination?

Reference: https://ckeditor.com/docs/ckeditor5/latest/features/pagination.html#demo

Thanks in Advance.

gopal1996 avatar Mar 13 '21 12:03 gopal1996

@gopal1996 It will be added in version 3.0.0.

JiHong88 avatar Mar 13 '21 17:03 JiHong88

That sounds awesome. Will this feature also make the editor look like pages? Similar to what you see in Google Docs.

wiktoriavh avatar Mar 22 '21 17:03 wiktoriavh

@Braweria If you modify the style, it will be quite possible.

JiHong88 avatar Mar 24 '21 06:03 JiHong88

@Braweria If you modify the style, it will be quite possible.

Do you mean with the current version or with version 3 this will be possible?

wiktoriavh avatar Apr 16 '21 09:04 wiktoriavh

"pagination" is available in version 3.0.0, but the "document" style is available in CSS in the current version. You can change the CSS by modifying it.

JiHong88 avatar Apr 16 '21 09:04 JiHong88

"pagination" is available in version 3.0.0, but the "document" style is available in CSS in the current version. You can change the CSS by modifying it.

any specific classes I can select in my stylesheet for this to work? or is this basically trial and error?

wiktoriavh avatar Apr 16 '21 09:04 wiktoriavh

se-wrapper-inner se-wrapper-wysiwyg sun-editor-editable is what I see, but I don't see an option to design it to look like pages. Inside this div are all the <p> tags, and other elements.

wiktoriavh avatar Apr 16 '21 09:04 wiktoriavh

There are no options. You will need to edit the CSS yourself. ex)

.se-wrapper {
  padding:20px;
  background: #ccc;
}

JiHong88 avatar Apr 16 '21 10:04 JiHong88

There are no options. You will need to edit the CSS yourself. ex)

.se-wrapper {
  padding:20px;
  background: #ccc;
}

Right, but I wanted to do something like on the right, currently the editor is like on the left: image

wiktoriavh avatar Apr 16 '21 10:04 wiktoriavh

@Braweria OK, I'll notify you know when this features are added.

JiHong88 avatar Apr 16 '21 10:04 JiHong88

hi! Thanks so much for maintaining this amazing repo, it is rly awesome.

May I know if what @wiktoriavh suggested for the pages has been accomplished? If so, how may I configure my suneditor to achieve this so it mimics something like Google Docs?

Thank you in advance

emmannyyy avatar Jul 18 '24 16:07 emmannyyy