cssで以下の記述を行うことで対応が可能です。

/*1行の文字列を省略する場合*/
#textarea{
 -webkit-text-overflow: eliipsis;
 width: 320px;
 overflow: hidden; /*visible以外を指定する必要があります。*/
 white-space: no-wrap;
}
/*複数行にわたる文字列を省略する場合*/
#textarea{
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 3; /*ここに設定した行以降は省略されます。*/
}

また、表示行数ではなく文字数を基準に省略を行いたい場合、gc-script内で以下の記述を行うことで対応が可能です。

<gc-script>
 //20文字以上は"…"で省略する場合
 var txt = $("p.sample").text();
 var count = 20;
 if(txt.length > count){
 txt = txt.substr(0, count);
 $("p.sample").text(txt + "…");
 }
</gc-script>