自分の見たままに編集する、いわゆるWYSIWYGな環境を提供するソフトウェアは開発者以外の方には必須のソフトウェアです。Markdownがいかに分かりやすい記法とは言え、開発者以外の方には使いづらいはずです。 今回はjQueryプラグインのRichTextを紹介します。シンプルなデザインのWYSIWYGエディタとなっています。

RichTextの使い方

メイン画面です。すっきりとしたデザインです。

日本語の入力も問題ありません。

画像を差し込む画面です。URLを指定します。

画像が大きいとはみ出してしまいます。幅を調整する必要がありそうです。

表を追加しました。

動画はYouTubeなどのURLを指定するだけで埋め込みになります。

RichTextはjQueryプラグインなので、すでに多数ある他のプラグインと組み合わせるのも難しくないでしょう。デザインはシンプルなのでカスタマイズしやすそうですし、Webサイトへの導入も容易そうです。

RichTextはjQuery/JavaScript製のオープンソース・ソフトウェア(GNU Affero General Public License)です。

webfashionist/RichText: WYSIWYG editor developed as jQuery plugin