Wysiwygエディタ用プラグイン「CKEditor」

「CKEditor」は、Wysiwygエディタを実装できるプラグインです。
ダウンロード | デモ

スクリプト

<script src="jquery.min.js" type="text/javascript">
<script src="ckeditor.js" type="text/javascript">

実装

<textarea name="content" class="ckeditor"></textarea>

<?php //CakePHPの場合
    echo $this->Form->textarea( 'content', array( 'class'=>'ckeditor')); 
?>

文字数・単語数のカウント表示

Word Count & Char Count Pluginをダウンロードして、
/plugins/wordcount となるよう展開

あとは、config.jsに以下を追記します。

    config.extraPlugins = 'wordcount';  // カウンタプラグインを使用する。
    config.wordcount = {
        showWordCount: true,     // 単語数をカウントするか否か
        showCharCount: true,     // 文字数をカウントするか否か
        countHTML: false,        // HTMLの文字を文字数カウントに含めるか否か
        charLimit: 'unlimited',  // 文字数の上限
        wordLimit: 'unlimited'   // 単語数の上限
    };

Related

WYSIWYGエディタを実装 テキストエリア カスタマイズ (スクロールバー,リサイズ,文字数制限) Pocketボタンの設置 テキストエリアを自動的にリサイズしてくれる「Autosize」 ローソク足チャート「jqPlot」 入力テキストの文字数をカウントしてくれる「Textchange」 テキストに動きをつけるプラグイン 表示パターン豊富なスライダー「flexslider 2」