vaginessa / awesome-summernote

A curated list for summernote modules

Awesome Summernote

A curated list for summernote plugins and connectors.

This curated list is on very early stage. So, let's make it together!

Contents

• Plugins
  • Syntax
  • Emojis
  • Special Characters & Icons
  • Insert
  • Misc
• Connectors
• Themes and Skins
• Examples
• Contributing and License

Plugins

Syntax

• summernote-ext-highlight
  • Based on code-prettify the summernote code highlighting plugin
• summernote-ace-plugin
  • Based on Ace(https://ace.c9.io/#nav=about) the summernote code highlighting plugin
• summernote-ext-codewrapper
  • This will wrap code inside pre tag by selecting them. see video for demo.

Emojis

• summernote-emojione-plugin
  • Full list of EmojiOne icons as buttons in modal window divided under multiple tabs (based on specialchar plugin v0.6.16)
• summernote-emoji
  • Dropdown list of my favorite emojiOne images, embedded as base64 strings for easy portability
• summernote-emoji-ext
  • Emoji plugin for summernote

Special Characters & Icons

• summernote-ext-specialchars
  • Few tweaks to the official specialchars plugin, revising the view and making it more mobile-friendly
• summernote-fontawesome
  • Modification of specialchars, inserts Font Awesome symbols instead. View all the icons or search for them by name.

Insert

• summernote-template
  • Dropdown of pre-defined custom templates. You can add your own html templates and insert them in the editor in one click.
• summernote-ext-elfinder
  • Summernote Plugin for elFinder File Manager
• uploadcare-summernote
  • Uploadcare plugin for Summernote. It will allow your users to upload files and images from local device, social networks, cloud storages without any backend code that is usually required to handle uploads.
• summernote-rtl-plugin
  • Summernote RTL plugin. 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).
• summernote-map-plugin
  • Plugin for adding map to Summernote. It allows users to search for places with autocomplete (Google Places API) and add an embed map of the selected place to editor.
• summernote-nugget
  • Pre-defined custom code nuggets. You can add your own nuggets and insert them in the editor in one click.

Misc

• summernote-ext-print
  • Add print button on toolbar. This allows summernote to print its own document, not whole page.
• summernote-addclass
  • With this plugin you will get a configurable button so you'll be able to toggle custom CSS classes in summernote elements (like the default 'style' button, but you can define custom CSS classes, eg. your favourite UI framework styling classes)
• summernote-image-title
  • Adds a button to the image popover to edit title and alt attributes.
• summernote-image-attributes
  • This is a forked and extended version of "summernote-image-title", for those that want a little more control over editable attributes for Images.
• summernote-floats-bs
  • Replace (or extend) image popover buttons (using float: attributes) with a new set of buttons that inject proper Bootstrap classes (pull-right / pull-left / none).
• summernote-save-button
  • Adds a Save Button when Summenote is used within a form
• summernote-cleaner
  • Adds a Button to toolbar that when used cleans the MS Word Crud from the editor text.
• summernote-seo
  • Adds a drop down with Selector for Extracting Keywords or Copying Highlighted Text to Description or Caption Elements.
• summernote-video-attributes
  • Adds a Toolbar Button for Allowing to edit Video Attributes before inserting into Editor.
• summernote-drafts
  • Allows users to save and load drafts directly on the editor.

Connectors

• Ember-cli-summernote
  • Ember-cli-summernote is an Ember CLI add-on. This addon actually converts summernote to an Ember component which is a re-usable unit.
• meteor-autoform-summernote
  • Add WYSIWYG editor to your Meteor app.
• angular-summernote
  • AngularJS directive to Summernote
• react-summernote
  • Summernote adaptation for react
• summernote-rails
  • To gemify the summernote WYSIWYG editor for Rails >= 3.1
• django-summernote
  • Simply integrate Summernote editor with Django project.
• gnuboard5-summernote
  • Editor Plugin for GnuBoard v5.
• android-summernote
  • WYSIWYG HTML Editor View with Android App

Themes and Skins

• summernote-libreicons-theme
  • This is an Icon replacement Theme to replace Font Icons, with the SVG Icons by LibreICONS.

Examples

• summernote-webpack-example
• summernote-meteor-example

Contributing and License

You are most welcome to contribute to this awesome summernote list as well. Big thanks to all contributors who have helped to build this list.