https://github.com/virtser/summernote-rtl-plugin

Summernote RTL plugin/extension
https://github.com/virtser/summernote-rtl-plugin

Last synced: about 1 month ago
JSON representation

Summernote RTL plugin/extension

• Host: GitHub
• URL: https://github.com/virtser/summernote-rtl-plugin
• Owner: virtser
• License: mit
• Created: 2016-05-24T09:35:25.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2018-09-06T14:50:28.000Z (over 6 years ago)
• Last Synced: 2024-02-14T05:35:07.486Z (10 months ago)
• Language: JavaScript
• Size: 4.88 KB
• Stars: 22
• Watchers: 4
• Forks: 32
• Open Issues: 5
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-summernote - summernote-rtl-plugin

README

        
# 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.

``````

* 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. ;)

![](http://i.imgur.com/9ajdjdn.png)