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
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
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
CKEditor 5
CKEditor 5 is a modern WYSIWYG rich text editor that can easily accommodate the requirements of businesses and users in the age of digital transformation. It allows software creators and developers to build powerful writing solutions for applications of all sorts, within hours. Thanks to a fully customizable framework, ready-to-use builds, native integrations, extensive documentation, and reliable customer support, the editor can be fully tailored to your needs.
To provide users with an all-around streamlined and collaborative writing experience, you can additionally include advanced features such as Track Changes and Comments, Revision History, and (if preferred) Real-time Collaboration! Easy Export to PDF and Word, responsive images, pagination, Markdown input and output support, and robust paste from Word and Google Docs are also popular choices.
Learn more about CKEditor 5
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
Company Information
Summernote
summernote.org
Videos and Screen Captures
Other Useful Business Software
Custom VMs From 1 to 96 vCPUs With 99.95% Uptime
Live migration and automatic failover keep workloads online through maintenance. One free e2-micro VM every month.
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.
