How to truncate text with an ellipsis in Sketch?

I can’t find a good way to truncate a line of text with an ellipsis, like this:

Screenshot showing truncation with ellipsis

Is there any way to do this without modifying the text itself? I want it to add the ellipsis intelligently – only when characters are being clipped because the text element is too small.

Answer

Use the Sketch Truncate Textlines plugin.

  1. Download it via this link;
  2. Install it ( unzip the file and double click on sketch-truncate-textlines.sketchplugin );
  3. Select your text;
  4. Hit ctrl + alt + + T;
  5. Select number of lines that you want displayed;
  6. Done. 🙂

Attribution
Source : Link , Question Author : callum , Answer Author : Luciano

Leave a Comment