Skip to content
Summernote RTL plugin/extension
JavaScript
Branch: master
Clone or download
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
LICENSE Create LICENSE (#4) Apr 16, 2018
README.md Update README.md May 24, 2016
summernote-ext-rtl.js fix direction of ordered list and unordered list in case changing dir… Sep 6, 2018

README.md

summernote-rtl-plugin

Summernote RTL plugin/extension to be used with Super simple WYSIWYG editor - http://summernote.org

This extensions allows to add two new buttons to Summernote editor toolbar. Those buttons let user change text direction to either LTR (left to right) or RTL (right to left). This is especially useful in right to left languages like Hebrew or Arabic.

Note: developed and tested with Summernote v0.7.3

How to use it

  • Include the summernote-ext-rtl.js script file along with summernote editor in your html file.

<script src="scripts/libs/summernote-ext-rtl.js"></script>

  • Add ['insert',['ltr','rtl']] setting into your summernote toolbar options like this:
var options =  {
  height: 300,                
  placeholder: 'Start typing your text...',
  toolbar: [
      ['style', ['bold', 'italic', 'underline', 'clear']],
      ['fontsize', ['fontsize']],
      ['color', ['color']],
      ['para', ['ul', 'ol', 'paragraph']],
      ['insert',['ltr','rtl']],
      ['insert', ['link','picture', 'video', 'hr']],
      ['view', ['fullscreen', 'codeview']]
  ]
};
summernote.summernote(options);

Enjoy and start using it. ;)

You can’t perform that action at this time.