Get new jQuery plugins just once a week

×

TextTailor.js

September 19, 2014

jQuery plugin, tailor made text to fill the height of the parent element or ellipse it if it doesn’t fit

TextTailor.js is a jQuery plugin, tailor made text to fill the height of the parent element or ellipse it if it doesn’t fit.

Example Code :-

$('.tailorMe').textTailor({
minFont: 1, // minimum font (use with fit: true)
maxFont: 9999, // maximum font (use with fit: true)
preWrapText: false, // adds css -> white-space: pre-line
lineHeight: 1.45, // line-height property
resizable: true, // tailor again on window resize
debounce: false, // use with resizable: true
fit: true, // fit the text to the parent's height and width
ellipsis: true, // ellipsis the text if it doesn't fit
center: false, // absolute center relatively to the parent
justify: false // adds css -> text-align: justify
});

Created by João Teixeira

Download

Example

TextTailor-js jQuery plugin

fit text

TextTailor.js

Tailor-made text to fit your needs! Responsive text to fill the height of the parent element or ellipse it when it doesn't fit.

Check out the examples page:

http://jpntex.github.io/TextTailor.js/

How To Use

<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="jquery.texttailor.js"></script>
<script>
    $('.tailorMe').textTailor();
</script>

Requirements

The parent element needs to have a height (fixed or percentage).

License

Copyright (c) 2014 João Teixeira

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
TextTailor.js

Related posts:

AnimateText
Morphext
Blast-js

To install using Bower
bower install TextTailor.js

TextTailor-js jQuery plugin

http://jquer.in/wp-content/uploads/2014/09/TextTailor-js.jpg

jQuery plugin

Sign up for our weekly newsletter.

* We won't spam you ever