parent
ab50aeb79b
commit
0fb20f3c5a
@ -0,0 +1,3 @@ |
||||
.cke_wordcount {display:block;float:right;margin-top:-2px;margin-right:3px;color:black;} |
||||
|
||||
.cke_wordcountLimitReached span {color:red! important} |
||||
@ -0,0 +1,10 @@ |
||||
/* |
||||
Copyright (c) 2003-2012, CKSource - Frederico Knabben. All rights reserved. |
||||
For licensing, see LICENSE.html or http://ckeditor.com/license
|
||||
*/ |
||||
CKEDITOR.plugins.setLang('wordcount', 'pl', { |
||||
WordCount: 'Słów:', |
||||
CharCount: 'Znaków:', |
||||
limit: 'Limit:', |
||||
title: 'Statystyka' |
||||
}); |
||||
@ -0,0 +1,174 @@ |
||||
/** |
||||
* @license Copyright (c) CKSource - Frederico Knabben. All rights reserved. |
||||
* For licensing, see LICENSE.html or http://ckeditor.com/license
|
||||
*/ |
||||
|
||||
CKEDITOR.plugins.add('wordcount', { |
||||
lang: ['ca', 'de', 'en', 'es', 'fr', 'pl'], |
||||
init: function (editor) { |
||||
|
||||
var defaultFormat = '<span class="cke_path_item">'; |
||||
|
||||
var intervalId; |
||||
var lastWordCount; |
||||
var lastCharCount = 0; |
||||
var limitReachedNotified = false; |
||||
var limitRestoredNotified = false; |
||||
|
||||
// Default Config
|
||||
var defaultConfig = { |
||||
showWordCount: true, |
||||
showCharCount: false, |
||||
charLimit: 'unlimited', |
||||
wordLimit: 'unlimited' |
||||
}; |
||||
|
||||
// Get Config & Lang
|
||||
var config = CKEDITOR.tools.extend(defaultConfig, editor.config.wordcount || {}, true); |
||||
|
||||
if (config.showCharCount) { |
||||
defaultFormat += editor.lang.wordcount.CharCount + ' %charCount%'; |
||||
|
||||
|
||||
if (config.charLimit != 'unlimited') { |
||||
defaultFormat += ' (' + editor.lang.wordcount.limit + ' ' + config.charLimit + ')'; |
||||
} |
||||
} |
||||
|
||||
if (config.showCharCount && config.showWordCount) { |
||||
defaultFormat += ', '; |
||||
} |
||||
|
||||
if (config.showWordCount) { |
||||
defaultFormat += editor.lang.wordcount.WordCount + ' %wordCount%'; |
||||
|
||||
if (config.wordLimit != 'unlimited') { |
||||
defaultFormat += ' (' + editor.lang.wordcount.limit + ' ' + config.wordLimit + ')'; |
||||
} |
||||
} |
||||
|
||||
defaultFormat += '</span>'; |
||||
|
||||
var format = defaultFormat; |
||||
|
||||
CKEDITOR.document.appendStyleSheet(this.path + 'css/wordcount.css'); |
||||
|
||||
function counterId(editorInstance) { |
||||
return 'cke_wordcount_' + editorInstance.name; |
||||
} |
||||
|
||||
function counterElement(editorInstance) { |
||||
return document.getElementById(counterId(editorInstance)); |
||||
} |
||||
|
||||
function strip(html) { |
||||
var tmp = document.createElement("div"); |
||||
tmp.innerHTML = html; |
||||
|
||||
if (tmp.textContent == '' && typeof tmp.innerText == 'undefined') { |
||||
return '0'; |
||||
} |
||||
return tmp.textContent || tmp.innerText; |
||||
} |
||||
|
||||
function updateCounter(editorInstance) { |
||||
var wordCount = 0; |
||||
var charCount = 0; |
||||
|
||||
if (editorInstance.getData()) { |
||||
var text = editorInstance.getData().replace(/(\r\n|\n|\r)/gm, " ").replace(" ", " "); |
||||
|
||||
if (config.showWordCount) { |
||||
wordCount = strip(text).split(/\s+/).length; |
||||
} |
||||
|
||||
charCount = strip(text).length; |
||||
|
||||
} |
||||
var html = format.replace('%wordCount%', wordCount).replace('%charCount%', charCount); |
||||
|
||||
counterElement(editorInstance).innerHTML = html; |
||||
|
||||
if (charCount == lastCharCount) { |
||||
return true; |
||||
} else { |
||||
lastWordCount = wordCount; |
||||
lastCharCount = charCount; |
||||
} |
||||
|
||||
// Check for word limit
|
||||
if (config.showWordCount && wordCount > config.wordLimit) { |
||||
limitReached(editor, limitReachedNotified); |
||||
} else if (!limitRestoredNotified && wordCount < config.wordLimit) { |
||||
limitRestored(editor); |
||||
} |
||||
|
||||
// Check for char limit
|
||||
if (config.showCharCount && charCount > config.charLimit) { |
||||
limitReached(editor, limitReachedNotified); |
||||
} else if (!limitRestoredNotified && charCount < config.charLimit) { |
||||
limitRestored(editor); |
||||
|
||||
} |
||||
|
||||
return true; |
||||
} |
||||
|
||||
function limitReached(editorInstance, notify) { |
||||
limitReachedNotified = true; |
||||
limitRestoredNotified = false; |
||||
|
||||
editorInstance.execCommand('undo'); |
||||
if (!notify) { |
||||
counterElement(editorInstance).className += " cke_wordcountLimitReached"; |
||||
|
||||
editorInstance.fire('limitReached', {}, editor); |
||||
} |
||||
// lock editor
|
||||
editorInstance.config.Locked = 1; |
||||
editorInstance.fire("change"); |
||||
} |
||||
|
||||
function limitRestored(editorInstance) { |
||||
limitRestoredNotified = true; |
||||
limitReachedNotified = false; |
||||
editorInstance.config.Locked = 0; |
||||
|
||||
counterElement(editorInstance).className = "cke_wordcount"; |
||||
} |
||||
|
||||
editor.on('uiSpace', function(event) { |
||||
if (event.data.space == 'bottom') { |
||||
event.data.html += '<div id="' + counterId(event.editor) + '" class="cke_wordcount" style=""' + ' title="' + editor.lang.wordcount.title + '"' + '> </div>'; |
||||
} |
||||
}, editor, null, 100); |
||||
editor.on('dataReady', function(event) { |
||||
var count = event.editor.getData().length; |
||||
if (count > config.wordLimit) { |
||||
limitReached(editor); |
||||
} |
||||
updateCounter(event.editor); |
||||
}, editor, null, 100); |
||||
editor.on('key', function (event) { |
||||
updateCounter(event.editor); |
||||
}, editor, null, 100); |
||||
editor.on('afterPaste', function (event) { |
||||
updateCounter(event.editor); |
||||
}, editor, null, 100); |
||||
/* editor.on('change', function (event) { |
||||
updateCounter(event.editor); |
||||
}, editor, null, 100);*/ |
||||
editor.on('focus', function(event) { |
||||
//editorHasFocus = true;
|
||||
intervalId = window.setInterval(function() { |
||||
updateCounter(editor); |
||||
}, 300, event.editor); |
||||
}, editor, null, 300); |
||||
editor.on('blur', function() { |
||||
//editorHasFocus = false;
|
||||
if (intervalId) { |
||||
window.clearInterval(intervalId); |
||||
} |
||||
}, editor, null, 300); |
||||
} |
||||
}); |
||||
Loading…
Reference in new issue