Audience
Developers in need of a WYSIWYG editor designed to help them create and edit semantic content
About Summernote
Super simple WYSIWYG editor on Bootstrap. Easy to install, simply download and attach your js, css with bootstrap. Customize by Initializing various options and modules. See all useful features of summernote in action. Summernote is licensed under MIT and maintained by the community. Integrate it with any back-end. 3rd parties available in django, rails, angular. Supports Bootstrap 3.x.x to 4.x.x, it is very lightweight (js+css: 100Kb), provides smart user interaction, works in all major browsers, like Safari, Chrome, Firefox, Opera, Edge and Internet Explorer 9+. It also works in all major operating systems, such as Windows, MacOS, Linux. The fastest way to get Summernote is to download the precompiled and minified versions of our CSS and JavaScript. Bootstrap uses certain HTML elements and CSS properties which require HTML5 doctype.
Other Popular Alternatives & Related Software
Squire
Squire is an HTML5 rich text editor, which provides powerful cross-browser normalisation, whilst being supremely lightweight and flexible. It is built for the present and the future, and as such does not support truly ancient browsers. It should work fine back to around Opera 10, Firefox 3.5, Safari 4, Chrome 9 and IE8. Unlike other HTML5 rich text editors, Squire was written as a component for writing documents (emails, essays, etc.), not doing wysiwyg websites. If you are looking for support for inserting form controls or flash components or the like, you'll need to look elsewhere. However for many purposes, Squire may be just what you need, providing the power without the bloat.
Learn more about Squire
Simditor
Simditor is an easy and fast WYSIWYG editor. To use Simditor, first, you need a textarea element. textarea is a required option. jQuery Object、HTML Element or Selector String can be passed to this option. simditor.css is compiled from '.scss' source file using Sass. If you want to change the style of Simditor, you can simply change simditor.scss and reproduce the CSS file. .editor-style is the layout style of the textarea. Customize this file if you want a different text format. Want some special interactions and features? have a look at extension library. You can also create your own extensions for Simditor. Simditor only integrates key features and uses extensions to support some optional features. Send your repository to us! We are happy to receive your extensions! Please make your extension has the similar structure as the official ones. You can customize Simditor by passing optional options when initializing Simditor.
Learn more about Simditor
ContentTools
The ContentTools WYSIWYG editor can be added to any HTML page in a few simple steps. The getting started guide shows how. Full API documentation and examples for the ContentTools family of libraries. Step-by-step guides for common use scenarios as well as more advanced topics for those rolling their own editors. The ContentTools family of libraries is free and open-source. The libraries are hosted, developed and maintained on GitHub. Each block of content on the page can be dragged to a new location. Non-text based elements such as images and videos can be dragged by clicking in the center of the element and dragging. For text elements you need to click and hold. This pause is implemented to allow you to freely select sections of text using the mouse without triggering the drag behaviour.
Learn more about ContentTools
TinyMCE
TinyMCE gives you total control over rich text editing within any application.
As a WYSIWYG component, it can be seamlessly integrated into your web app's existing tech stack – and can be fully customized via its 400+ APIs and 12+ framework integrations or used out-of-the-box as an enterprise-grade editor.
TinyMCE paid plans include advanced features that are perfectly suited to enterprise-grade uses and even the most complex edge-cases. Three popular premium features:
1. AI Assistant: Generative AI = faster writing
→ Embed the power of AI inside your app with pre-written prompts
2. PowerPaste: 99.9% accurate copy-paste = less support tickets
→ Cleanly copy-paste from MSWord, GDocs, Excel, and other popular apps
3. Spell Checker Pro: Eliminate errors = consistent on-brand spelling
→ Check up to 13 languages (plus medical terms) and build custom dictionaries
Available in the cloud and on-premise. Easily integrates with React, Angular, Vue, Bootstrap and others.
Learn more about TinyMCE
Company Information
Summernote
summernote.org
Videos and Screen Captures
Other Useful Business Software
$300 Free Credits to Build on Google Cloud
Put your $300 in credit toward real workloads, then keep building with free monthly usage for 20+ products. No commitment and no charge until you upgrade.
Product Details
Platforms Supported
Windows
Mac
Linux
Training
Documentation
Support
Online
Summernote Frequently Asked Questions
Q: What kinds of users and organization types does Summernote work with?
Summernote works with these users and organization types: Mid Size Business, Small Business, Enterprise, Freelance, Nonprofit, Government, and Startup.
Q: What languages does Summernote support in their product?
Summernote supports these languages: English.
Q: What kind of support options does Summernote offer?
Summernote offers support via online.
Q: What other applications or services does Summernote integrate with?
Summernote integrates with: Google Chrome, Microsoft Edge, Mozilla Firefox, Opera, and Safari.
Q: Does Summernote have an API?
Yes, Summernote has an API.
Q: What type of training does Summernote provide?
Summernote provides training in the form of documentation.
