KuroEditor — a zero-dependency WYSIWYG editor
Zero external JS libraries. An embeddable WYSIWYG editor that runs by loading a single kuro-editor.js file.
KuroEditor is an embeddable WYSIWYG editor built with nothing but Vanilla JS and Tailwind CSS. No React, Vue or jQuery — one <script> line and a <div> to mount it on is all it takes. The editing view and the published page are styled from the same CSS, so what you write is what gets shown. It is also the article editor inside KuroCMS.
Features#
- Headings H1–H4, quotes, callouts (4 colours), lists, text colour, font size, line height, alignment and code blocks with line numbers and copy
- Real tables: merge and split cells, per-edge borders, drag to resize columns
- Images, video, audio and YouTube / Vimeo embeds, with drag-and-drop and paste
- Wiki-style
[[slug]]links and URL cards - Undo / redo up to 200 steps, safe with Japanese IME input
- Edit, read-only and HTML source modes, automatic table of contents, autosave
- Light / dark editing canvas
License#
Kuro License — the MIT License with one attribution requirement. When you use it in a user-facing interface, show “Editor: Kuro.Boo” with a link to https://kuro.boo/ in a footer, credits page or similar place.