https://github.com/DennisSuitters/summernote-image-shapes

Adds Button to Image Popup that allows adding Classes for Bootstraps Image Shapes.
https://github.com/DennisSuitters/summernote-image-shapes

addons bootstrap-image-shapes image-popover plugin summernote summernote-image-shapes summernote-plugins wysiwyg

Last synced: about 1 month ago
JSON representation

Adds Button to Image Popup that allows adding Classes for Bootstraps Image Shapes.

• Host: GitHub
• URL: https://github.com/DennisSuitters/summernote-image-shapes
• Owner: DennisSuitters
• Created: 2017-01-18T14:50:02.000Z (almost 8 years ago)
• Default Branch: master
• Last Pushed: 2019-12-22T02:46:10.000Z (about 5 years ago)
• Last Synced: 2024-11-09T04:04:00.777Z (about 2 months ago)
• Topics: addons, bootstrap-image-shapes, image-popover, plugin, summernote, summernote-image-shapes, summernote-plugins, wysiwyg
• Language: JavaScript
• Size: 3.92 MB
• Stars: 3
• Watchers: 1
• Forks: 9
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-summernote - summernote-image-shapes

README

        
# summernote-image-shapes

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

Adds a dropdown to choose from Bootstrap image shapes (Thanks to [MarcosBL](https://github.com/MarcosBL)).

### Installation

#### 1. Include JS

Include the following code after including Summernote:

```html

```

#### 2. Supported languages

Currently available in English and Brazilian Portuguese!

#### 3. Summernote options

Finally, customize the Summernote image popover.

```javascript

$(document).ready(function() {

    $('#summernote').summernote({

        popover: {

            image: [

                ['custom', ['imageShapes']],

                ['imagesize', ['imageSize100', 'imageSize50', 'imageSize25']],

                ['float', ['floatLeft', 'floatRight', 'floatNone']],

                ['remove', ['removeMedia']]

            ],

        },

        lang: 'en-US'

    });

});

```

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

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