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
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
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
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
Company Information
Summernote
summernote.org
Videos and Screen Captures
Other Useful Business Software
$300 Free Credits for Your Google Cloud Projects
Launch your next project with $300 in free Google Cloud credits—no strings attached. Test, build, and deploy without risk. Use your credits across the entire Google Cloud platform to find what works best for your needs. After your credits are used, continue with always-free tier services. Only pay when you're ready to scale. Sign up in minutes and start exploring.
Product Details
Platforms Supported
Windows
Mac
Linux
Training
Documentation
Support
Online
