tyoshikawa1106のブログ

- Force.com Developer Blog -

はじめてのCKeditor

CKeditorというのを使うことになったので調べてみました。

Web上で使用する高機能のエディタでjavascriptで制御するとのことです。

 

使用するにはCKeditorのサイトからJSファイル一式をダウンロードし、HTMLからJSファイルを呼び出すことで使用できます。

 

CKeditorのサイトリンク

http://ckeditor.com/

 

上記サイトのDownloadページからZipファイル一式をダウンロードします。

f:id:tyoshikawa1106:20120829003512p:plain

 ダウンロードしたZipファイル内にある『config.js』をHTMLで呼び出すことでCKeditorを呼び出すことができます。

 

HTMLからJSを呼び出すサンプルです。

<html>
<head>
<script type="text/javascript" src="./js/ckeditor/ckeditor.js"></script>
</head>
<body>
<textarea class="ckeditor" cols="80" id="textarea" name="textarea" rows="10" />
</body>
</html>

 

HTMLで以下の画面が表示できると思います。

f:id:tyoshikawa1106:20120829071430p:plain

 

これをベースにjavascriptでカスタマイズしていくようです。