vue-line-clamp - "Cross browser" solution for the poorly supported `-webkit-line-clamp` css property regarding to multi-line text truncation

  •        256

A simple, fast and lightweight directive for truncating multi line texts using "cross-browser" CSS strategies. NOTE: the argument passed to the directive must be a number, and its used as the line-height value for non-webkit browsers, as part of the fallback method. In some upcoming version it may be able to detect this value automatically.

https://github.com/Frondor/vue-line-clamp#readme

Tags
Implementation
License
Platform

   




Related Projects

dotdotdot-js - dotdotdot.js, advanced cross-browser ellipsis for multiple line content.

  •    TypeScript

Dotdotdot is a javascript plugin for truncating multiple line content on a webpage. It uses an ellipsis to indicate that there is more text than currently visible. Optionally, the plugin can keep a "read more" anchor visible at the end of the content, after the ellipsis. When using dotdotdot to truncate HTML, you don't need to worry about your HTML markup, the plugin knows its way around most elements. It's responsive, so when resizing the browser, the ellipsis will update on the fly.

jQuery.dotdotdot - jQuery.dotdotdot, advanced cross-browser ellipsis for multiple line content.

  •    Javascript

Dotdotdot is a jQuery plugin for truncating multiple line content on a webpage. It uses an ellipsis to indicate that there is more text than currently visible. Optionally, the plugin can keep a "read more" anchor visible at the end of the content, after the ellipsis.When using the jQuery.dotdotdot plugin, you don't need to worry about your HTML markup, the plugin knows its way around most elements. It's responsive, so when resizing the browser, the ellipsis will update on the fly.

ftellipsis - Multi-line ellipsis made possible

  •    Javascript

Solves the problem of applying ellipsis (…) on a multi-line block of text at the point it overflows its container. Ellipsis will work in conjuction with CSS column-count if you wish. Results are best in webkit browsers due to the availability of webkit-line-clamp. For non-webkit browsers FTEllipsis falls back to clamping text and positioning an element over the end of the overflowing line, allowing the developer to style this however they wish.


succinct - A tiny jQuery plugin for truncating multiple lines of text

  •    Javascript

Succinct shortens your text to a specified size, and then adds an ellipsis to the end. Specify the elements that you would like to truncate as a selector, and then set the size parameter to the amount you would like to see. For example, if you would like to truncate all elements with a specific class, ie. <p class="truncate"> to 120 characters...

trunk8 - jQuery Truncation Plugin

  •    Javascript

trunk8 is an intelligent text truncation extension to jQuery. When applied to a large block of text, trunk8 will cut off just enough text to prevent it from spilling over. Unlike conventional truncation that just limits the character length of text, trunk8 measures the content area for spill-over and intelligently chooses the text that best fits in the given space.

multiline - Multiline strings in JavaScript

  •    Javascript

Use ES2015 template literals instead whenever possible.It works by wrapping the text in a block comment, anonymous function, and a function call. The anonymous function is passed into the function call and the contents of the comment extracted.

Clamp.js - Clamps an HTML element by adding ellipsis to it if the content inside is too long.

  •    Javascript

Clamps (ie. cuts off) an HTML element's content by adding ellipsis to it if the content inside is too long. The $clamp method is the primary way of interacting with Clamp.js, and it takes two arguments. The first is the element which should be clamped, and the second is an Object with options in JSON notation.

ThreeDots

  •    Javascript

ThreeDots is a customizable jQuery plugin for the smart truncation of text. It shortens provided text to fit specified dimensions and appends the desired ellipsis style if/when truncation occurs.

clamp - a Ruby command-line application framework

  •    Ruby

"Clamp" is a minimal framework for command-line utilities. It handles boring stuff like parsing the command-line, and generating help, so you can get on with making your command actually do stuff.

HTML-Truncator - Wants to truncate an HTML string properly? This Ruby gem is for you.

  •    Ruby

Wants to truncate an HTML string properly? This Ruby gem is for you.

Cutter.js - Truncate HTML code to limit its length by number of words without losing markup.

  •    Javascript

Truncate HTML code to limit its length by number of words without losing markup.

voca - The ultimate JavaScript string library

  •    Javascript

The Voca library offers helpful functions to make string manipulations comfortable: change case, trim, pad, slugify, latinise, sprintf'y, truncate, escape and much more. The modular design allows to load the entire library, or individual functions to minimize the application builds. The library is fully tested, well documented and long-term supported. Voca can be used in various environments.

jquery-truncate

  •    Javascript

Simple plugin that truncates a text either at its end or middle based on a given width or it's elements width.

vue-typer - Vue component that simulates a user typing, selecting, and erasing text.

  •    Vue

Vue component that simulates a user typing, selecting, and erasing text. Play with vue-typer in this interactive demo. VueTyper has a single dependency to lodash.split to support emojis and other multi-codepoint Unicode characters. Apart from this, VueTyper does not have any direct dependencies to any other library or framework -- not even to Vue itself! All required Vue API calls are made through Vue's this.$* context methods. This means VueTyper can only execute within a Vue application context, but in exchange, it does not need to pull in Vue, which keeps VueTyper lightweight.

blessed-vue - A VueJS runtime to let you write command line UI in Vue

  •    Javascript

Compile against VueJS 2.5.13. This package is a Vue.js runtime for blessed and now blessed-contrib. The current version is compiled against VueJS 2.5.13, which means those lovely features and bug fixes comes with v2.5.13 in vue core will be available in the current version. For example, the lovely improvements about the functional components.

ellipsis - ◦◦◦ Ellipsis is a package manager for dotfiles.

  •    Shell

Ellipsis is a package manager for dotfiles. As of version 1.7.3 you can also use the init system to automatically setup you environment. As a bonus it will allow you to use the powerful pkg.init hook to do the same for your packages.





We have large collection of open source products. Follow the tags from Tag Cloud >>


Open source products are scattered around the web. Please provide information about the open source projects you own / you use. Add Projects.