Web上でユーザにコンテンツを作ってもらう場合に便利なのがWYSIWYGエディタですが、あまり多機能なものはユーザを混乱させてしまうだけです。本当に必要なものだけに絞り込むのがいいでしょう。 今回紹介するLite Editorは、本当にごく簡単な機能だけに絞り込んだWYSIWYGエディタになります。

Lite Editorの使い方

エディタです。undo/redo/リンク/太字/イタリック/下線といった機能しかありません。

文字を選んでボタンを押せば装飾されます。

HTML表示に切り替えもできます。

リンクはモーダルで入力します。

リンク表示になりました。

Lite Editorはあまりにもシンプルですが、これで十分というケースも少なくないでしょう。最低限、undo/redoがありますのでユーザは間違った修正を戻すこともできます。a-blog CMSのようなシンプルなCMSの中で使われることも想定しているようです。

Lite EditorはJavaScript製のオープンソース・ソフトウェア(MIT License)です。

Lite Editor - A Modern WYSIWYG Editor especially for inline elements appleple/lite-editor: A Modern WYSIWYG Editor especially for inline elements