Jodit Editor — Open Source WYSIWYG Editor in TypeScript
v4.6 StableMIT LicenseTypeScript

Jodit Editor

Open-source WYSIWYG editor built with pure TypeScript. No dependencies. Full control.

30M+
"npm i jodit" in a year
20M+
"npm i jodit-react" in a year
1.9K
GitHub stars
0
dependencies
<400 KB
minified
Live Demo

See it in action

A full-featured rich text editor that works right out of the box. Try formatting, inserting images, tables and more.

Forest landscape

Building Better Editing Experiences

Modern web applications demand rich text editing that feels native and intuitive. Whether you're building a CMS, an email composer, or a documentation platform — the editor is where your users spend most of their time.

That's why we built Jodit with TypeScriptfrom the ground up: zero dependencies, full control over every button, dialog and behavior. The result is an editor that's fast to load, simple to configure and easy to extend.

What makes a great editor?

Performance Under 400 KB, async loading, instant init
Flexibility 70+ plugins, custom toolbar, theming API
Output Clean semantic HTML, no extra markup
The best tools disappear — they let you focus on the content, not the interface.

Try editing this text right now. Change formatting, drag the image, resize the table — everything you see here is fully documented and ready for production.

Features

Everything you need in an editor

Built for developers who need a reliable, extensible and lightweight WYSIWYG solution.

Written in TypeScript

Fully typed codebase with zero dependencies. Strong types give you autocomplete and compile-time safety.

Lightweight & Fast

Under 400 KB minified. Loads asynchronously and keeps your page speed score high.

Fully Customizable

Every toolbar button, dialog and behavior can be configured or replaced.

Responsive Design

Adaptive toolbar and touch-friendly controls. Works on any screen size.

Plugin Architecture

File browser, image resize, code highlight, tables, media embed and more.

MIT License

Free for personal and commercial use. Active community and regular releases.

Getting Started

Up and running in seconds

Install from npm and add two lines of code.

1. Install the package via npm or yarn. Jodit has zero runtime dependencies, so nothing extra gets pulled in.

2. Import and create the editor on any textarea or div. The full toolbar, file browser and all core plugins are included by default.

3. Customize the toolbar, add plugins, set up file uploads and connect your backend. Check the API documentation for the full reference.

# Install
npm install jodit
// Use
import 'jodit/es2021/jodit.min.css'
import { Jodit } from 'jodit'
const editor = Jodit.make('#editor')
editor.value = '<p>Hello World!</p>'
Integrations

Works with your stack

Official wrappers and community packages for all major frameworks.

Related project

Jodit Image Editor

A standalone, dependency-free image editor — crop, resize, rotate, filters, finetune and text annotations. Vanilla TypeScript, MIT licensed, image Blob in and out.

Need more? Upgrade to PRO

Get 20+ premium plugins, priority support and advanced features for professional projects.

  • Autocomplete & Mentions
  • Export to PDF
  • Paste from Word
  • Google Maps
  • Emoji Picker
  • File Finder
  • Mobile View
  • 20+ extra plugins
Explore Jodit PRO

AltStyle によって変換されたページ (->オリジナル) /