KuroEditor — 依存ゼロの WYSIWYG エディター
外部 JS ライブラリーゼロ。単一ファイル kuro-editor.js を読み込むだけで動く、組み込み用の WYSIWYG エディターです。
KuroEditor は、Vanilla JS と Tailwind CSS だけで作った組み込み用の WYSIWYG エディターです。React・Vue・jQuery は要らず、<script> 1 行とマウント先の <div> だけで動きます。編集中と公開ページの見た目は同じ CSS から作るので、書いたとおりに表示されます。KuroCMS の記事エディターにも使っています。
特徴#
- 見出し H1〜H4・引用・コールアウト（4 色）・リスト・文字色・フォントサイズ・行間・整列・コードブロック（行番号・コピー付き）
- セルの結合・分割、罫線の個別指定、列幅のドラッグ調整に対応した表
- 画像・動画・音声・YouTube / Vimeo の埋め込み。ドラッグ＆ドロップと貼り付けに対応
[[slug]]の Wiki 風リンクと、URL カード- 最大 200 手の取り消し・やり直し。日本語入力の変換確定でも誤動作しない
- 編集・閲覧・HTML ソースの 3 モード、見出しからの目次の自動生成、自動保存
- 編集画面のライト / ダーク切替
ライセンス#
Kuro License（MIT License に表示義務を 1 つ足したもの）です。利用者向けの画面で使う場合は、フッターやクレジットなどに「Editor: Kuro.Boo」と https://kuro.boo/ へのリンクを表示してください。