Chcę móc wyświetlać ciąg znaków do 10 znaków. Jeśli ciąg przekroczy 10 znaków, chciałbym dodać „...” do końca.

Na przykład, jeśli mam ciąg:

'helloworldmynameisryan'

Chcę, aby było to wyświetlane w następujący sposób:

'helloworld...'

Wyświetlam tylko mój ciąg w div w następujący sposób:

<div>DisplayMessage</div>

Czy istnieje klasa, którą mógłbym stworzyć, która miałaby zastosowanie tylko wtedy, gdyby ciąg miał ponad 10 znaków?