طراحي اديتور html

سلام
من در حال طراحي يك پروجه ي تجاري هستم و يك اديتور اچ تي ام ال طراحي كردم همه چيز خوب كار مي كنه مثل
bold
underline
justify (everyside)
و...
اما يك مشكل دارم من از يك div تگ براي ليست كردن نام فونت ها استفاده كردم
و وقتي كاربر بر روي دكمه ي تغيير فونت كليك مي كند اين div تگ نمايش داده مي شود
فرض كنيد كاربر يك مقدار دلخواه را درون متن انتخاب كرده و قصد تغيير فونت آن را دارد وقتي روي دكمه تغيير فونت كليك مي كند ليست فونت ها به خوبي نمايش داده مي شود
ولي مقدار انتخاب شده دورن متن براي تغيير فونت از دست مي رود براي جلوگيري از اين مشكل بايد چه كرد لطفا با دادن كد كمك كنيد.

فقط می آیید می بینید و میرید خوب یکی جواب بده

نمیشه همینطوری یک جواب ساده به سوالتون داد چون جوابش یک تابع نیست کراس براوزر کردنش هم کار رو مشکل تر میکنه. باید با Text Range و متدهای مرتبط با اون کاری رو که میخواید انجام بدید. در موردش سرچ کنید منابعش هست

اگر خودتون میخواید طراحی کنید که به نظرم کار با ارزشی هست ولی اگر صرفاً برای پروژه هست بهتره از ایدتورهای موجود استفاده کنید چون هم کیفیت کار بهتر میشه و هم وقت کمتری از شما میگیره

با تشكر از دوست عزيز
نه خودم دارم طراحيش ميكنم اين اديتور كلي سرويس اختصاصي به من ارائه ميده نمي خوام از اديتور هاي ديگه استفاده كنم همه كارش شده و فقط اين مشكل رو دارم اگه ميشه كمك كني