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つありますのでそちらを参考にしてください。