稚拙な備忘録ですが

へなちょこプログラマやっています。皆さんみたいなしっかりした備忘録は書けませんが宜しくお願いします。

CKEditorに文字数カウント表示を

製作しているWebサイトのテキストエリアに「CKeditor」を使用しています。
クライアントから「入力している文字数をカウント表示して」と言われて、
発見したのが「wordcount」というプラグイン。これは非常に便利!

 

■使用方法
①wordcountのプラグインをCKEditorのpluginディレクトリ以下に配置する


②CkEditorの「config.js」に設定パラメーターを記載する
  config.extraPlugins = 'wordcount';
  config.wordcount = {
     showParagraphs: false,   // 段落カウント表示する・しない
     showWordCount: false,    // 単語カウント表示する・しない
     showCharCount: false,    // 文字数カウント表示する・しない
     countSpacesAsChars: false, // スペースカウントする・しない
     countHTML: true,      // HTMLタグカウントする・しない
     maxWordCount: -1,      // 最大単語数設定(無制限の場合は-1)
     maxCharCount: 1000     // 最大文字数設定(無制限の場合は-1)
  };


③表示は日本語だけで良いので、wordcountのplugin.jsを編集する
  lang: "jp",
 ※wordcount⇒langディレクトリに「ja.js」がありますが、記述が不十分だったので、これも変更しました。

  
以上です。

実行したところ、問題なく表示!

 

f:id:jsato8731:20150611123440p:plain