{"id":13773875,"url":"https://github.com/DennisSuitters/summernote-pagebreak","last_synced_at":"2025-05-11T06:31:41.814Z","repository":{"id":87646514,"uuid":"112346156","full_name":"DennisSuitters/summernote-pagebreak","owner":"DennisSuitters","description":"Add a Page-Break button to the Summernote Toolbar","archived":false,"fork":false,"pushed_at":"2019-01-06T01:40:27.000Z","size":6,"stargazers_count":5,"open_issues_count":1,"forks_count":8,"subscribers_count":2,"default_branch":"master","last_synced_at":"2024-05-03T05:09:05.648Z","etag":null,"topics":["page-break","plugin","summernote","summernote-plugins","wysiwyg"],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/DennisSuitters.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2017-11-28T14:32:13.000Z","updated_at":"2024-02-28T10:53:49.000Z","dependencies_parsed_at":"2024-01-06T22:44:01.420Z","dependency_job_id":"283a0c1a-2aec-4590-9be8-4beabb047fa5","html_url":"https://github.com/DennisSuitters/summernote-pagebreak","commit_stats":null,"previous_names":["dennissuitters/summernote-pagebreak"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DennisSuitters%2Fsummernote-pagebreak","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DennisSuitters%2Fsummernote-pagebreak/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DennisSuitters%2Fsummernote-pagebreak/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DennisSuitters%2Fsummernote-pagebreak/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/DennisSuitters","download_url":"https://codeload.github.com/DennisSuitters/summernote-pagebreak/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":224703869,"owners_count":17355710,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["page-break","plugin","summernote","summernote-plugins","wysiwyg"],"created_at":"2024-08-03T17:01:21.166Z","updated_at":"2024-11-17T09:30:22.733Z","avatar_url":"https://github.com/DennisSuitters.png","language":"JavaScript","funding_links":[],"categories":["Plugins"],"sub_categories":["Formatting"],"readme":"# summernote-pagebreak\n\nThis Plugin adds a Page-Break button to the Summernote toolbar that when used adds page-breaks for printing. The editor will show where your page-breaks are, but using the styles below they won't show on pages, but will work when printing the page.\n\nBy selecting, or highlighting the block of text you want the page-break to appear after will insert a page-break div after the selected area. If used without selecting a content section will place the page-break at the end of the content.\n\n### Installation\n\n#### 1. A note for using this plugin.\nIf your stylesheet does not contain a `.page-break` class you can use the styles below, there's different ways you can add the class to your pages.\n\nYou can add the class directly into your stylesheet that gets included into your pages as below:\n````css\n@media all {\n\t.page-break\t{\n\t\tdisplay: none;\n\t}\n}\n\n@media print {\n\t.page-break\t{\n\t\tdisplay: block;\n\t\tpage-break-before: always;\n\t}\n}\n````\nOr you can add them directly to your page/s like below:\n````html\n\u003cstyle\u003e\n\t@media all {\n\t\t.page-break\t{\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\n\t@media print {\n\t\t.page-break\t{\n\t\t\tdisplay: block;\n\t\t\tpage-break-before: always;\n\t\t}\n\t}\n\u003c/style\u003e\n````\n\n#### 2. Include JS\n\nInclude the following code after Summernote:\n\n```html\n\u003cscript src=\"summernote-pagebreak.js\"\u003e\u003c/script\u003e\n```\n\n#### 3. Supported languages\n\nCurrently available in English!\n\n#### 4. Summernote options\n\n```javascript\n$('.summernote').summernote({\n    toolbar:[\n        ['pagebreak',['pagebreak']], // The Button\n        ['style',['style']],\n        ['font',['bold','italic','underline','clear']],\n        ['fontname',['fontname']],\n        ['color',['color']],\n        ['para',['ul','ol','paragraph']],\n        ['height',['height']],\n        ['table',['table']],\n        ['insert',['media','link','hr']],\n        ['view',['fullscreen','codeview']],\n        ['help',['help']]\n    ],\n});\n```\n\n#### 5. Check out our other Summernote Plugins via our main Github page.\n- [Diemen Design](https://github.com/DiemenDesign/)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FDennisSuitters%2Fsummernote-pagebreak","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FDennisSuitters%2Fsummernote-pagebreak","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FDennisSuitters%2Fsummernote-pagebreak/lists"}