ZynText

A lightweight, zero-dependency WYSIWYG editor built with vanilla JavaScript. No jQuery, no frameworks: just a clean, extensible rich-text editor in under 95 KB.

Zero Dependencies

Pure vanilla JS and CSS. No jQuery, React, or Vue required.

3 Toolbar Presets

Minimal, Standard, and Full presets fit any use case.

14 Languages

Built-in translations for EN, FR, ES, PT, AR, JA, ZH, RU, HE, DE, IT, TR, HI, BN.

Image Handling

Upload, drag-drop, paste, resize, align, and delete images.

Portable Output

Exported HTML includes inline styles: renders anywhere without editor CSS.

Plugin Architecture

13 built-in plugins for formatting, links, tables, code blocks, and more.

Dark Mode

Automatic dark mode support via CSS variables and Bootstrap’s data-bs-theme.

AI-Ready

Optional AI toolbar for text improvement, grammar fixes, tone adjustment, and summarization.

Quick Start

<!-- 1. Include the assets -->
<link rel="stylesheet" href="zyntext/dist/zyntext.css">
<script src="zyntext/dist/zyntext.js"></script>

<!-- 2. Add a textarea -->
<textarea id="my-editor"></textarea>

<!-- 3. Initialize -->
<script>
  new ZynText(document.getElementById('my-editor'), {
    toolbar: 'standard',
    height: 400
  });
</script>

Documentation

Browser Support

ZynText uses standard contentEditable and ES2022+ features. It works in all modern browsers: