Home

Awesome

summernote-text-manipulator

A plugin for the Summernote WYSIWYG editor.

Adds a dropdown to the Toolbar that contains various text manipulation options.

Installation

1. Include JS

Include the following code after including Summernote:

<script src="summernote-text-manipulator.js"></script>
<script src="lang/[language-COUNTRY].js"></script>

2. Supported languages

Supported languages can be found in the lang folder, and should be included after the plugin, then setting the chosen language when initialising Summernote.

3. Summernote options

Finally, customize the Summernote Toolbar.

$(document).ready(function() {
  $('#summernote').summernote({
    toolbar:[
      ['custom',['textManipulator']], // The dropdown
      ['style',['style']],
      ['font',['bold','italic','underline','clear']],
      ['fontname',['fontname']],
      ['color',['color']],
      ['para',['ul','ol','paragraph']],
      ['height',['height']],
      ['table',['table']],
      ['insert',['media','link','hr']],
      ['view',['fullscreen','codeview']],
      ['help',['help']]
    ],
    textManipulator:{
      lang: 'en-US' // Change to your chosen language
    }
  });
});

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