https://github.com/MarcosBL/summernote-floats-bs

Bootstrap Floats for Summernote WYSIWYG Editor
https://github.com/MarcosBL/summernote-floats-bs

Last synced: 3 months ago
JSON representation

Bootstrap Floats for Summernote WYSIWYG Editor

• Host: GitHub
• URL: https://github.com/MarcosBL/summernote-floats-bs
• Owner: MarcosBL
• License: mit
• Created: 2016-05-23T15:32:53.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2016-05-23T18:57:39.000Z (over 8 years ago)
• Last Synced: 2024-02-15T09:32:18.257Z (9 months ago)
• Language: HTML
• Size: 71.3 KB
• Stars: 5
• Watchers: 3
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-summernote - summernote-floats-bs

README

        
## Bootstrap Floats for [Summernote WYSIWYG Editor](http://summernote.org/)

Replace (or extend) image popover buttons (using float: attributes) with a new set of buttons that inject proper Bootstrap classes (pull-right / pull-left / none) while keeping any other class in the image.

This not only keeps Bootstrap naming convention, but makes it much easier to style margins/paddings/etc on floated images, as you can just target the classes.

You can try a demo at http://marcosbl.github.io/summernote-floats-bs/demo/

![Screenshot](screenshot.jpg?raw=true "Screenshot")

## Installation

First include ````summernote-floats-bs.js```` or it's minified version ````summernote-floats-bs.min.js```` after ````summernote````

```html

```

## Usage

Then just initialize the toolbar replacing the float buttons ```( floatBSLeft / floatBSRight / floatBSNone )```

```js

$(document).ready(function() {

	$('#texto').summernote({

		lang: 'en-US',

		dialogsInBody: true,

		popover: {

			image: [

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

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

			/* Those are the old regular float buttons */

			['floatBS', ['floatBSLeft', 'floatBSNone', 'floatBSRight']],

			/* Those come from the BS plugin, in any order, you can even keep both! */

			['remove', ['removeMedia']],

			],

		}

	});

});

```