[jQuery]CLEditorを試す

PHPSPOTで軽量でデザインが良いWYSIWYGエディタ実装jQueryプラグイン「CLEditor」というのが紹介されていたので試してみた。

まずは、CSSとJSを設定。

<link rel="stylesheet" type="text/css" href="jquery.cleditor.css" />
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="jquery.cleditor.min.js"></script>

次にtextareaを設置

<textarea id="hoge"></textarea>

最後にscriptをコール

<script>
  jQuery(function($){
    $("#hoge").cleditor();
  });
  </script>

ちなみに、コントロールバーに表示したいものを調整したい場合は、

<script>
  jQuery(function($){
    $("#hoge").cleditor({
      controls:'bold | italic'
    });
  });
  </script>

とすればおｋ

参考
ドキュメント