簡単に実装できるjQueryベースのWYSIWYGエディタ「jQuery TE」

簡単に実装できるシンプルなjQueryベースのWYSIWYGエディタを見つけたのでご紹介。デザインもなかなかよい。

jQuery TE

この手のWYSIWYGエディタはいくつかあると思うが、実装がとても簡単なのがこのプラグインの良いところ。

実装方法

headタグ内では以下を読み込む。

<script src="jquery.min.js"></script>
<script src="jquery-te-1.3.6.min.js"></script>
<link rel="stylesheet" href="jquery-te-1.3.6.css">

bodyタグは以下のようにマークアップ。

<div class="editor"></div>

JSは以下の一行のみ。

$(".editor").jqte();

クロスブラウザ対応されていてIEもサポートしているようだが、どのバージョンまでをサポートしているかは不明。軽く使いたい人向けかな。
WYSIWYGエディタを検討している人はぜひ参考にどうぞ。