Summernote http://summernote.org

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

Base

Air mode

This is an Air-mode editable area.

  • Select a text to reveal the toolbar.
  • Edit rich document on-the-fly, so elastic!

End of air-mode area

Hints

See the usage documentation at http://summernote.org

Usage


require(['jquery', 'px/extensions/tooltip', 'px/extensions/popover', 'px-bootstrap/dropdown', 'px/extensions/modal', 'px/extensions/summernote'], function($) {
  ...
});
See the documentation at https://github.com/summernote/angular-summernote

Usage

To use summernote plugin, you need to include the next scripts:


<script src="path/to/js/libs/summernote.js"></script>
<script src="path/to/js/pixeladmin/extensions/summernote.js"></script>
<script src="path/to/js/libs/angular-summernote.js"></script>

Then inject the plugin into your angular application:

angular.module('yourApp', ['summernote']);

Alternatively, you can include summernote plugin using ocLazyLoad plugin:


$ocLazyLoad.load([
  {
    serie: true,
    name: 'summernote',
    files: [
      'path/to/js/libs/summernote.js',
      'path/to/js/pixeladmin/extensions/summernote.js',
      'path/to/js/libs/angular-summernote.js',
    ],
  },
]);