NicEdit(WYSIWYG editor)の設置方法


雑記です。
ウェブサイトに設置できるWYSIWYGエディタは数多く存在していますが、
いろいろと試した結果、NicEditが簡単に導入でき、軽快に動作してくれるので、
NicEditを使用する事にしました。


設置方法を次に記載します。
1.http://nicedit.com/index.phpより、NicEditをダウンロード。
2.機能の選択画面が出てきます。
  特殊な事を行わなければ標準でよいです。
3.Zipファイルを解凍
4.解凍した,「nicEdit.js」、「nicEditorIcons.gif」をWebサイトに設置
5.Webファイル(HTML or JSP or Other)に次のコードを設置
  # 適切な箇所に設置してください。

<!-- 入力エリア (設置箇所:Bodyタグのどこか) -->
<textarea style="width: 200px; height: 100px;"></textarea>

<!-- nicEdit.jsのロード (設置箇所:Headタグのどこか) -->
<script src="../nicEdit.js" type="text/javascript"></script>

<!-- nicEdit.jsのロード (設置箇所:HeadタグかBodyタグのどこか) -->
<script type="text/javascript">bkLib.onDomLoaded(nicEditors.allTextAreas);</script>

※nicEdit.jsのパスの変更を行ってください。


ここまでやって、ブラウザで表示してみると、
textareaがWYSIWYGになっているのがわかります。


手順的には、上の5つのみです。
とても簡単なので、試してみてください。


カスタマイズ方法は、解凍ファイルの中に
Demoファイルが5つありますのでそちらを参考にしてください。