https://github.com/tylerecouture/summernote-list-styles

A summernote extension that allows additional formatting of lists
https://github.com/tylerecouture/summernote-list-styles

Last synced: about 1 month ago
JSON representation

A summernote extension that allows additional formatting of lists

• Host: GitHub
• URL: https://github.com/tylerecouture/summernote-list-styles
• Owner: tylerecouture
• License: mit
• Created: 2017-12-31T01:19:07.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2020-01-13T20:21:46.000Z (almost 5 years ago)
• Last Synced: 2024-02-14T05:34:14.689Z (10 months ago)
• Language: JavaScript
• Size: 17.6 KB
• Stars: 8
• Watchers: 3
• Forks: 11
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-summernote - summernote-list-styles

README

        
# summernote-lists

A [Summernote](http://summernote.org/) extension that allows additional formatting of lists.

### Additional styles

Sets the `list-style-type` of `
` and `
` elements.  Options are:


1. Numbered


a. Lower Alpha


A. Upper Alpha


i. Lower Roman


I. upper Roman


• Disc


◦ Circle


□ Square


### Usage

1. Include the js and css

2. add `listStyles` to your toolbar after `ul` or `ol`:

        $('#summernote').summernote({

            toolbar: [

                ...

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

            ]

        });

### Working Examples

* bootstrap3: https://rawgit.com/tylerecouture/summernote-list-styles/master/Example/example.html

* bootstrap4: see `Example/example-bs4.html`