Add option to truncate long URLs about linkifyjs HOT 13 CLOSED

Both truncate and the hook are good features to have. Might be tricky to add to the current implementation. I'll see if I can get around it by the end of this week.

from linkifyjs.

I took a look at the source and I guess you'd need a step after the first regex replace with since it would be impossible to do it in a single step.

My other thought was to re-check all links which had the class that the linkify plugin sets, but I thought this might be quite inefficient.

from linkifyjs.

What's good about the current implementation is that it does it all in one go. To extract the individual URLs, the string might have to be split up and have some sort of lexical analysis performed on it.

And yeah, rechecking all the links would not be ideal but it would probably be the quickest solution.

from linkifyjs.

Possible also to add a class on the link and set the width and ellipsis in css:
http://css-tricks.com/snippets/css/truncate-string-with-ellipsis/

from linkifyjs.

Or we could potentially build <a> tags in terms of DOM fragments rather than a string of HTML.

from linkifyjs.

I looked into a CSS approach, but this is unreliable cross-browser, hence the idea to alter the text node in the DOM.

from linkifyjs.

Fixed in #51, with the format option.

Example:

$('p').linkify({
  format: function (value, type) { 
    // value is the link, type is 'url', 'email', etc.
    if (type === 'url' && value.length > 50) { 
      value = value.slice(0, 50) + '…'; 
    } 
    return value; 
  }
});

from linkifyjs.

Thank you very much!

from linkifyjs.

Not, I get the following error message Error: Cannot linkify [object Text] - Invalid DOM Node type

It worked before with version 1.1.6

from linkifyjs.

What selector are you passing in?

from linkifyjs.

+1 for this feature
(Also to make links shorter and visually appealing, is there a way to hide http://, https:// and www etc?)

from linkifyjs.

@deathg0d dedicated protocol and www. removal (though I wouldn't recommend removing www.) sounds like a pretty good idea. For now you can use the format option:

$('p').linkify({
  format: function (value, type) {
    if (type === 'url') {
      value = value.replace(/^((http|ftp)s?:\/\/|:\/\/)?(www\.)?/, '');
    }
    return value;
  }
});

Which is available in the latest pre-release.

from linkifyjs.

Closing this off as I have not been able to reproduce @simonferndriger 's error. A separate issue can be filed if the error reoccurs.

from linkifyjs.