ベーシックなjQueryのWYSIWYGエディタです。結構使いやすそうだったので備忘録。よくあるWYSIWYGエディタの機能はほぼ揃っています。軽量との事ですが、一般的な軽量サイズが分かりませんので触れないでおきます。

ベーシックなWYSIWYGエディタを実装するスクリプト。軽量と書いてありましたが、WYSIWYGエディタの標準サイズを把握していないのでこの辺はご自身で判断頂ければと思います。

SCEditor

こんな感じ。テキストの装飾やレイアウト調整、顔文字等以外にYoutubeの貼り付けやフルスクリーンモードへの切り替えも出来るようになっています。

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<link rel="stylesheet" href="minified/themes/default.min.css" type="text/css" media="all" />
<script type="text/javascript" src="jquery.sceditor.bbcode.min.js"></script>

本体とエディタの外観を作るCSS、プラグインを読み込みます。

$(function() {
	$("textarea").sceditor({
		plugins: "bbcode",
		style: "minified/jquery.sceditor.default.min.css"
	});
});

あとはセッティング。

ライセンスはMITです。ドキュメントも充実していますのでご興味のある方はチェックしてみては。

SCEditor