https://github.com/DennisSuitters/summernote-save-button

Adds a Save Button when Summenote is used within a form
https://github.com/DennisSuitters/summernote-save-button

addon plugin save summernote summernote-plugins toolbar wysiwyg

Last synced: about 1 month ago
JSON representation

Adds a Save Button when Summenote is used within a form

• Host: GitHub
• URL: https://github.com/DennisSuitters/summernote-save-button
• Owner: DennisSuitters
• Created: 2016-03-16T04:00:15.000Z (almost 9 years ago)
• Default Branch: master
• Last Pushed: 2020-12-29T06:46:43.000Z (almost 4 years ago)
• Last Synced: 2024-09-19T05:54:17.111Z (3 months ago)
• Topics: addon, plugin, save, summernote, summernote-plugins, toolbar, wysiwyg
• Language: JavaScript
• Size: 23.4 KB
• Stars: 13
• Watchers: 2
• Forks: 13
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-summernote - summernote-save-button

README

        
# summernote-save-button

A plugin for the [Summernote](https://github.com/summernote/summernote/) WYSIWYG editor.

Adds a button to the Toolbar, that allows saving edited content when Summernote is placed within a Form.

Includes option to encode data (it's up to you to decode the data server side).

### 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

This is the HTML used directly in the page:

```html

    

    

    

    [content data to be edited]

```

Finally, customize the Summernote Toolbar, this can be used directly in your page:

```javascript

$('.summernote').summernote({

    toolbar: [

        ['save', ['save']], // The button

    ],

    save:{

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

      encode: false, // true = encode editor data, you may need to unencode the data on your backend or before output.

      pageBlockClass: '.page-block', // Leave empty if not using an overlay to block user activity while data is sent.

      pageBlockToggle: 'd-block', // Class to use to toggle Page Block. Remove the class via backend once data is safely stored.

      saveBtnIndicator: 'btn-danger', // Class to change save button indication when content changes to warn of unsaved data.

    }

});

```

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

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