way2web-summernote/README.md

Way 2 Summernote.

# Way 2 Summernote

[![NPM version][npm-image]][npm-url] [![Downloads][downloads-image]][npm-url]

Example implementation:

```
$('.js-wysiwyg').each(function() {
    new W2Summernote()
        .element($(this))
        .init();
});
```

## .init()

Attach summernote.

Summernote is a JavaScript library that helps you create WYSIWYG editors online.

## .toolbar()

With the function toolbar you can send an array with the toolbars.

```
[
    ['style', ['bold', 'italic', 'underline', 'clear']],
    ['font', ['strikethrough', 'superscript', 'subscript']],
    ['para', ['ul', 'ol', 'paragraph']],
    ['insert', ['link']],
    ['misc', ['undo', 'redo']],
    ['codeview', ['codeview']]
]
```

## .element()

Set the element of the textarea to attach the summernote wysiwyg editor.

Default value:
`.js-wysiwyg`

## .height()

Set the height of the summernote wysiwyg editor.

Default value:
`300`

## .tooltip()

Turn the tooltip on or off.

Default value:
`true`

## .get()

Get the HTML contents of the first summernote in the set of matched elements.

## .set()

A string of HTML to set as the content of each matched element.

```
var markupString = 'hello world';

new W2Summernote(markupString).set().init();
```

## .unset()

Unset summernote.


## Test the package.

To test the package, clone the package to your system.
Than run this command.

```
npm run build
```

This will copy the test files to the dist, and also build the package files include the dependencies.

When this script is complete without errors, you can open `dist/index.html` in your browser.
Open the dev tools, tab console, and you see all the results of the tests.

If you only want to check the eslint rules, just run.

```
npm run lint
```


[downloads-image]: https://img.shields.io/npm/dm/way2web-summernote.svg
[npm-url]: https://www.npmjs.com/package/way2web-summernote
[npm-image]: https://img.shields.io/npm/v/way2web-summernote.svg