# summernote/summernote

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/summernote-summernote).**

11,825 stars · 2,253 forks · JavaScript · MIT

## Links

- GitHub: https://github.com/summernote/summernote
- Homepage: https://summernote.org
- awesome-repositories: https://awesome-repositories.com/repository/summernote-summernote.md

## Topics

`javascript` `summernote` `wysiwyg` `wysiwyg-editor`

## Description

Summernote is a JavaScript-based WYSIWYG rich text editor designed to transform standard web form elements into interactive document creation interfaces. It functions as an HTML5 text formatting tool that enables users to structure content, apply visual styles, and manage multimedia directly within a browser.

The editor utilizes a modular architecture that allows for the registration of custom buttons and features at runtime. It manages document state through range-based selection tracking and event-driven synchronization, ensuring that formatting commands applied via the toolbar are accurately reflected in the underlying HTML model.

The library supports the integration of rich text input into administrative dashboards and web forms, providing mechanisms to define endpoints for data submission to remote servers. Developers can adjust the interface and functional behavior of the editor through initialization options to align with specific application requirements.

## Tags

### Web Development

- [Rich Text Editors](https://awesome-repositories.com/f/web-development/rich-text-editors.md) — Transforms standard text areas into feature-rich WYSIWYG interfaces for formatting content and managing multimedia. ([source](https://summernote.org))

### Programming Languages & Runtimes

- [JavaScript Client Libraries](https://awesome-repositories.com/f/programming-languages-runtimes/language-ecosystems-tooling/software-development-kits/javascript-client-libraries.md) — Functions as a client-side library for building interactive document creation tools in web applications.

### User Interface & Experience

- [Text Formatting Utilities](https://awesome-repositories.com/f/user-interface-experience/text-formatting-utilities.md) — Provides a modular interface for applying visual styles and structural elements to web content.
- [Multimedia Embeds](https://awesome-repositories.com/f/user-interface-experience/multimedia-embeds.md) — Enables embedding of images, videos, and hyperlinks directly into the editable content area. ([source](https://summernote.org))
- [Selection Management APIs](https://awesome-repositories.com/f/user-interface-experience/selection-management-apis.md) — Provides programmatic control over user text selection ranges and cursor positioning within the editor.

### Part of an Awesome List

- [Rich Text Editors](https://awesome-repositories.com/f/awesome-lists/devtools/rich-text-editors.md) — Simple WYSIWYG editor for the web.

### Software Engineering & Architecture

- [Plugin-Based Architectures](https://awesome-repositories.com/f/software-engineering-architecture/software-architecture/architectural-patterns/plugin-module-systems/modular-plugin-architectures/plugin-based-architectures.md) — Extends core functionality through a decoupled system that allows registration of custom buttons and features at runtime.