Javascript: Определить родительский узел каретки

Я создаю простой WYSIWYG-редактор внутри iframe с включенным designMode, в настоящее время я могу сделать выделенный текст полужирным, курсивом и подчеркиванием и связать, и они работают нормально.

Но я хотел бы знать, когда каретка находится внутри b , i , u , a , теги, поэтому я могу уведомить пользователя, что текущий выбор выделен жирным шрифтом или чем-то еще.

Примеры:

Здравствуйте, Stackover | flow - это круто! = Вы находитесь внутри b tag

Be | st place ! = Вы находитесь внутри тега i

Здравствуйте, Go | od stuff! = Вы находитесь внутри тега a

Никаких библиотек, пожалуйста, я бы хотел изучить это :)