way2web-summernote

Way 2 Summernote.

Usage no npm install needed!

<script type="module">
  import way2webSummernote from 'https://cdn.skypack.dev/way2web-summernote';
</script>

README

Way 2 Summernote

NPM version Downloads

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