WYSIWYG - как сделать подобное для web?

Есть необходимость сделать web-редактор WYSIWYG с небольшим набором функций (bold, italic, smiles и т.д.). Готовые варианты слишком навороченные, а вырезать из них код - не вариант.

Нужно сделать самому.

Например, нашел статью: Правильный WYSIWYG. Но, насколько я понимаю, там описывается устаревший метод (через iFrame). Есть какие-то аналоги? И вообще каков принцип работы? (Слышал, что есть еще такой вариант: поверх обычного textarea (прозрачный) ставится слой (например, div), в котором отображается уже отформатированный текст; ну и способ с iFrame). Кто что может подсказать? Может ссылки есть полезные?