ベーシックなWYSIWYGエディタを実装するjQueryプラグイン・SCEditor

スポンサーリンク

ベーシックな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

URL :
TRB :

Comments & Trackbacks

Comments are closed.

Twitter

Web制作に役立つそうなリソースを独断と好みで配信しています。

かちびと.netにリンクの無いトラックバックはお受けいていません。
コメントされる前にガイドラインをご覧下さい。

twitter facebook rss contact

Ads

Posts

Contact

Services