Flexible counterText/countDownText replacements

Author: ractoon

README.md

@@ -53,7 +53,6 @@ Define minimum characters and set custom `countDownText` ([view editable code](h
 ```javascript
 $('input').textcounter({
 	min: 20,
-	countDownText: "Characters Left: "
 });
 ```
 
@@ -117,15 +116,15 @@ countContainerClass      : "text-count-wrapper",   // class applied to the count
 textCountClass           : "text-count",           // class applied to the counter length
 inputErrorClass          : "error",                // error class appended to the input element if error occurs
 counterErrorClass        : "error",                // error class appended to the countContainerElement if error occurs
-counterText              : "Total Count: ",        // counter text
+counterText              : "Total Count: %d",      // counter text, %d replaced with count value
 errorTextElement         : "div",                  // error text element
 minimumErrorText         : "Minimum not met",      // error message for minimum not met,
 maximumErrorText         : "Maximum exceeded",     // error message for maximum range exceeded,
 displayErrorText         : true,                   // display error text messages for minimum/maximum values
 stopInputAtMaximum       : true,                   // stop further text input if maximum reached
 countSpaces              : false,                  // count spaces as character (only for "character" type)
 countDown                : false,                  // if the counter should deduct from maximum characters/words rather than counting up
-countDownText            : "Remaining: ",          // count down text
+countDownText            : "Remaining: %d",        // count down text, %d replaced with remaining value
 countExtendedCharacters  : false,                  // count extended UTF-8 characters as 2 bytes (such as Chinese characters)
 
 // Callback API

bower.json

@@ -1,6 +1,5 @@
 {
 	"name": "jquery-text-counter",
-	"version": "0.4.1",
 	"main": "textcounter.js",
 	"license": "MIT",
 	"ignore": [

package.json

@@ -11,7 +11,6 @@
     "minimum",
     "maximum"
   ],
-  "version": "0.4.1",
   "author": {
     "name": "ractoon",
     "url": "http://www.ractoon.com"

textcounter.jquery.json

@@ -9,7 +9,6 @@
 		"minimum",
 		"maximum"
 	],
-	"version": "0.4.1",
 	"author": {
 		"name": "ractoon",
 		"url": "http://www.ractoon.com"

textcounter.js

@@ -1,5 +1,4 @@
 /*!
-* jQuery Text Counter Plugin v0.4.1
 * https://github.com/ractoon/jQuery-Text-Counter
 *
 * Copyright 2014 ractoon
@@ -23,10 +22,11 @@
 
       // append the count element
       var counterText = base.options.countDown ? base.options.countDownText : base.options.counterText,
-          counterNum = base.options.countDown ? base.options.max : 0;
+          counterNum = base.options.countDown ? base.options.max : 0,
+          $formatted_counter_text = $('<div/>').html(counterText.replace('%d', '<span class="' + base.options.textCountClass + '">' + counterNum + '</span>')).contents();
 
-      base.$text_counter = $('<span />').addClass(base.options.textCountClass).text(counterNum);
-      base.$container = $('<' + base.options.countContainerElement + '/>').addClass(base.options.countContainerClass).text(counterText).append(base.$text_counter);
+      base.$container = $('<' + base.options.countContainerElement + '/>').addClass(base.options.countContainerClass).append($formatted_counter_text);
+      base.$text_counter = base.$container.find('span');
       base.$el.after(base.$container);
 
       // bind input events
@@ -86,7 +86,6 @@
       // set the current text count
       base.setCount(textTotalCount);
 
-
       if (base.options.min > 0 && eventTriggered) {   // if a minimum value has been set
         if (textCount < base.options.min) {
           base.setErrors('min');
@@ -211,15 +210,15 @@
     'textCountClass'            : "text-count",             // class applied to the counter length
     'inputErrorClass'           : "error",                  // error class appended to the input element if error occurs
     'counterErrorClass'         : "error",                  // error class appended to the countContainerElement if error occurs
-    'counterText'               : "Total Count: ",          // counter text
+    'counterText'               : "Total Count: %d",        // counter text
     'errorTextElement'          : "div",                    // error text element
     'minimumErrorText'          : "Minimum not met",        // error message for minimum not met,
     'maximumErrorText'          : "Maximum exceeded",       // error message for maximum range exceeded,
     'displayErrorText'          : true,                     // display error text messages for minimum/maximum values
     'stopInputAtMaximum'        : true,                     // stop further text input if maximum reached
     'countSpaces'               : false,                    // count spaces as character (only for "character" type)
     'countDown'                 : false,                    // if the counter should deduct from maximum characters/words rather than counting up
-    'countDownText'             : "Remaining: ",            // count down text
+    'countDownText'             : "Remaining: %d",          // count down text
     'countExtendedCharacters'   : false,                    // count extended UTF-8 characters as 2 bytes (such as Chinese characters)
 
     // Callback API