Cutter.js is a class to truncate HTML code to limit its length, by words number, without losing the markup.
Cutter solves the problem when its needed to cut some content by a number of words but its mandatory no lose any markup. Cutter cuts the content to the number of requested words and if needed puts a link to open the full content again.
- No markup is lost.
- The content can be written without take care about the full content.
- Not needed to have two different contents.
- Crossbrowsing
- Tested on:
- IE > 6
- Firefox > 3
- Safari > 4
- Google Chrome
- Opera > 9
- Only 1.4kb when Gzipped.
Examples to see for yourself!
Insert in your code:
<script type="text/javascript" src="/path/to/your/js/libs/Cutter.js"></script>
Cutter.run(oApplyTo, oTarget, nWords, [oTexts, oClasses]);
Mandatory
oAplyTo: The element where the cutter will cut the content
oTarget: The element where the content will be attached after cut it.
nWords: Number of words to cut the content.
Optional
oTexts: The texts config object with the text that will be showed if the link, to open the full content,is needed oTexts by default: { more: "View more"}.
oClasses: The style config object with the class to style the link if needed. oClasses by default: { more: "more"}.
Tip: oTarget Could be the same oApplyTo element if we want to replace the full content with the cut content *Tip: If you only need to change the style you can *
Examples to see for yourself!
Cutter.js is licensed under the MIT license.