# trumbowyg

> A lightweight WYSIWYG editor

Latest version **2.31.0** (published 2025-03-02) · MIT license · 0 weekly downloads

## Install

```sh
npm install trumbowyg
pnpm add trumbowyg
yarn add trumbowyg
bun add trumbowyg
```

## Health

**Score 40/100 (D)** — status: stable.

Positive: no vulnerabilities; high maintenance score.

Warnings: low downloads; no types; no esm support.

Negative: stale.

## Facts

| | |
|---|---|
| Version | 2.31.0 |
| Published | 2025-03-02 |
| First published | 2015-07-19 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 1.1 MB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 4147 |
| Author | Alexandre Demode |
| Maintainers | alex-d |
| Keywords | wysiwyg, editor, rich text, contenteditable, trumbowyg |

## Links

- npm: https://www.npmjs.com/package/trumbowyg
- Repository: https://github.com/Alex-D/Trumbowyg
- Homepage: https://alex-d.github.io/Trumbowyg/
- Issues: https://github.com/Alex-D/Trumbowyg/issues
- npm.io page: https://npm.io/package/trumbowyg

## Alternatives

- [ext-list](https://npm.io/package/ext-list.md) — 6.3M weekly downloads
- [@lexical/selection](https://npm.io/package/@lexical/selection.md) — 3.8M weekly downloads
- [@lexical/text](https://npm.io/package/@lexical/text.md) — 3.6M weekly downloads
- [@lexical/clipboard](https://npm.io/package/@lexical/clipboard.md) — 3.0M weekly downloads
- [@tiptap/extension-mention](https://npm.io/package/@tiptap/extension-mention.md) — 3.0M weekly downloads

## Recent versions

- 2.31.0 (latest) — 2025-03-02
- 2.30.0 — 2025-02-02
- 2.29.0 — 2025-01-28
- 2.28.0 — 2024-03-06
- 2.27.3 — 2023-02-28
- 2.27.2 — 2023-02-27
- 2.27.1 — 2023-02-23
- 2.27.0 — 2023-02-22
- 2.26.0 — 2022-11-14
- 2.25.2 — 2022-08-11
- 2.25.1 — 2021-07-15
- 2.25.0 — 2021-07-04
- 2.24.0 — 2021-06-07
- 2.23.0 — 2020-12-06
- 2.22.0 — 2020-11-26
- … 40 more at https://npm.io/package/trumbowyg/versions

## README

<p align="center">
  <a href="http://alex-d.github.io/Trumbowyg/"><img src="banner.jpg" alt="" /></a>
</p>

<p align="center">
  <a href="https://bundlephobia.com/result?p=trumbowyg"><img src="https://img.shields.io/bundlephobia/minzip/trumbowyg.svg?style=for-the-badge" alt="Downloads" /></a>
  <a href="https://www.npmjs.com/package/trumbowyg"><img src="https://img.shields.io/npm/dm/trumbowyg.svg?color=blue&label=npm%20downloads&style=for-the-badge" alt="Downloads" /></a>
  <a href="https://github.com/Alex-D/Trumbowyg/blob/develop/LICENSE"><img src="https://img.shields.io/npm/l/trumbowyg.svg?color=blue&style=for-the-badge" alt="Licence" /></a>
  <br>
  <a href="https://www.npmjs.com/package/trumbowyg"><img src="https://img.shields.io/npm/v/trumbowyg.svg?color=blue&style=for-the-badge" alt="Version on npm" /></a>
  <a href="https://cdnjs.com/libraries/Trumbowyg"><img src="https://img.shields.io/cdnjs/v/Trumbowyg.svg?color=blue&style=for-the-badge" alt="CDNJS" /></a>
  <img src="https://img.shields.io/bower/v/trumbowyg.svg?color=blue&style=for-the-badge" alt="Version on bower" />
</p>


<h2 align="center">Supporting Trumbowyg</h2>

Trumbowyg is an MIT-licensed open source project and completely free to use.

However, the amount of effort needed to maintain and develop new features for
the project is not sustainable without proper financial backing.
You can support its ongoing development by being a backer or a sponsor:

- [Become a backer or sponsor on Patreon](https://www.patreon.com/alexandredemode)
- [One-time donation via PayPal](https://www.paypal.me/demodealexandre/20eur)

<h3 align="center">Sponsors</h3>

<h4 align="center">Gold</h4>

<p align="center">
    <a href="https://www.premirus.com/?ref=trumbowyg">Premirus Corporation</a>
</p>

<p align="center">
    &bull;&bull;&bull;<br>
    <a href="https://www.patreon.com/bePatron?c=1176005&rid=1940456">
        Become a Sponsor
    </a>
</p>

------------------------------------

## Introduction

Trumbowyg is a simple and lightweight WYSIWYG editor, weight only 30kB minified (10kB gzip) for faster page loading.

Visit presentation page: http://alex-d.github.io/Trumbowyg/

## Documentation

All you need to know about Trumbowyg is here:

- [Get started](https://alex-d.github.io/Trumbowyg/documentation/)
- [25+ Demos](https://alex-d.github.io/Trumbowyg/demos/)
- [45+ Supported languages](https://alex-d.github.io/Trumbowyg/#languages)
- [All Options explained](https://alex-d.github.io/Trumbowyg/documentation/#basic-options)
- [All existing Plugins](https://alex-d.github.io/Trumbowyg/documentation/plugins/)
- [Create your own Plugin](https://alex-d.github.io/Trumbowyg/documentation/plugins/#create-your-own)

## Contribution

You can contribute to Trumbowyg with translations in languages you know.
Thanks to `node` and `gulp`, you can improve core script, style or icons easily.

First, fork and clone the repository

```bash
cd Trumbowyg # go into the project's root directory
npm install # install development dependencies
npm run dev # watch mode
npm run build # to build the project
```

## Author

<table>
  <tr width="100%">
    <td align="center" width="100%">
      <a href="https://github.com/Alex-D">
        <img src="https://avatars2.githubusercontent.com/u/426843?s=150&v=4"><br>
        @Alex-D
      </a> <br>
      <strong>Alexandre Demode</strong><br>
      &bull; &bull; &bull;<br>
      <em>Latest release and announcements</em><br>
      https://x.com/AlexandreDemode
    </td>
  </tr>
</table>

## License

This project is under [MIT license](LICENSE).

---
_Source: https://npm.io/package/trumbowyg · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._