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


Summernote RTL plugin/extension to be used with Super simple WYSIWYG editor -

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', ['link','picture', 'video', 'hr']],
      ['view', ['fullscreen', 'codeview']]

Enjoy and start using it. ;)

You can’t perform that action at this time.