https://github.com/DennisSuitters/summernote-paper-size

Summernote Plugin to allow changing editing area match paper sizes
https://github.com/DennisSuitters/summernote-paper-size

addon paper plugins summernote summernote-plugins

Last synced: 3 months ago
JSON representation

Summernote Plugin to allow changing editing area match paper sizes

• Host: GitHub
• URL: https://github.com/DennisSuitters/summernote-paper-size
• Owner: DennisSuitters
• Created: 2018-01-26T12:31:34.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2019-10-05T15:17:19.000Z (about 5 years ago)
• Last Synced: 2024-05-03T05:09:05.867Z (6 months ago)
• Topics: addon, paper, plugins, summernote, summernote-plugins
• Language: JavaScript
• Size: 266 KB
• Stars: 13
• Watchers: 2
• Forks: 6
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-summernote - summernote-paper-size

README

        
# summernote-paper-size

This Plugin adds a Paper-Size button to the Summernote toolbar that lets you change the editing view size to reflect Paper Sizes in Portrait format.

![summernote-paper-size](summernote-paper-size.png)

### Installation

#### 1. Include JS

Include the following code after Summernote:

```html

```

#### 2. Supported languages

Supported languages can be found in the `lang` folder, and should be included after the plugin, then setting the chosen language when initialising Summernote.

#### 3. Summernote options

```javascript

$('.summernote').summernote({

    toolbar:[

        ['paperSize',['paperSize']], // The Button

        ['style',['style']],

        ['font',['bold','italic','underline','clear']],

        ['fontname',['fontname']],

        ['color',['color']],

        ['para',['ul','ol','paragraph']],

        ['height',['height']],

        ['table',['table']],

        ['insert',['media','link','hr']],

        ['view',['fullscreen','codeview']],

        ['help',['help']]

    ],

    save:{

      lang: 'en-US' // Change to your chosen language

    }

});

```

#### 4. Check out our other Summernote Plugins via our main Github page.

- [Diemen Design](https://github.com/DiemenDesign/)