Easy jQuery Plugin For Text Case Changer - casechange

File Size: 4.71KB
Views Total: 1070
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
Easy jQuery Plugin For Text Case Changer - casechange

Case Change is a super tiny jQuery plugin for easily converting text between different cases: lower case, upper case, sentence case, title case and toggle case.

How to use it:

1. Include jQuery library and jQuery case change plugin in your html document

<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript" src="jquery.casechange.js"></script>

2. The sample html

<textarea id="text" rows="8" cols="50">
	this is an example to use the case change plugin. it tests several cases. it does the job by changing the options paramters.
</textarea>

<select id="toCaseOption">
<option>upperCase</option>
<option>lowerCase</option>
<option>sentenceCase</option>
<option>titleCase</option>
<option>toggleCase</option>
</select>

<button id="convert">Convert</button>

3. Call the plugin with options

<script>
$("#convert").on("click",function(){
var toCaseOption=$( "#toCaseOption option:selected" ).text();
$("#text").caseChange({
toCase:toCaseOption,
//toElement:$("#outputText"),
alwaysLowerCase:'none'
});
});
</script>

This awesome jQuery plugin is developed by harryngh. For more Advanced Usages, please check the demo page or visit the official website.