Обычно когда не влезает какой-либо текст в какие-либо рамки его режут и в конец вставляют троеточие. Иногда оно к месту, а чаще всего все портит. Для меня троеточие ассоциируется с неким пессимистическим тоном.
Типичные примеры не к месту: «С днем победы!...», «Наконец то весна наступила...» и т.д.
Да, никто не отменял 2 окна ввода данных одно для превью другое для всей статьи.
Изложу далее мою альтернативу.
Все просто — заменяем троеточие градиентом последнего слова или части слова.

Это можно реализовать несколькими способами:
Первый не очень красивый, но без лишнего.
Второй способ.
На последнее слово накладывается градиентная png картинка.
Первый можно реализовать через Javascript или на сервере сгененировать кому как нравится.
UPD Третий способ через прозрачность:
CSS3 opacity для Mozilla 1.7b+, Firefox 0.9+, Safari 1.2+, Opera 9.
moz-opacity для Mozilla 1.6 и ниже, Firefox 0.8
-khtml-opacity Safari 1.1, Konqueror 3.1
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
или
filter:alpha(opacity=50); для IE5.5+
UPD2 Споры о многоточии/троеточии:
Многоточие (…) — знак препинания в виде нескольких (в русском языке трёх) поставленных рядом точек. В просторечии многоточие также иногда называют «троеточием».
В английском языке (как и в русском) в многоточии три точки, однако в китайском языке оно состоит из 6 точек (2 группы по 3 точки).
Подробнее о правилах расстановки можно прочитать в Русской Википедии
Типичные примеры не к месту: «С днем победы!...», «Наконец то весна наступила...» и т.д.
Да, никто не отменял 2 окна ввода данных одно для превью другое для всей статьи.
Изложу далее мою альтернативу.
Все просто — заменяем троеточие градиентом последнего слова или части слова.

Это можно реализовать несколькими способами:
Первый не очень красивый, но без лишнего.
Наконец то весна насту<span style="color:#333">п</span><span style="color:#888">и</span><span style="color:#BBB">л</span><span style="color:#EEE">а</span>
Второй способ.
На последнее слово накладывается градиентная png картинка.
Первый можно реализовать через Javascript или на сервере сгененировать кому как нравится.
UPD Третий способ через прозрачность:
CSS3 opacity для Mozilla 1.7b+, Firefox 0.9+, Safari 1.2+, Opera 9.
moz-opacity для Mozilla 1.6 и ниже, Firefox 0.8
-khtml-opacity Safari 1.1, Konqueror 3.1
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
или
filter:alpha(opacity=50); для IE5.5+
UPD2 Споры о многоточии/троеточии:
Многоточие (…) — знак препинания в виде нескольких (в русском языке трёх) поставленных рядом точек. В просторечии многоточие также иногда называют «троеточием».
В английском языке (как и в русском) в многоточии три точки, однако в китайском языке оно состоит из 6 точек (2 группы по 3 точки).
Подробнее о правилах расстановки можно прочитать в Русской Википедии