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」がありますが、記述が不十分だったので、これも変更しました。
以上です。
実行したところ、問題なく表示!