ایجاد ادیتور اختصاصی

سلام دوستان خسته نباشید
می خوام یه ادیتور داشته باشم که تگ های خودم رو بشناسه. مثلا فرض کنید من عبارت زیر رو وارد می کنم:
all boys like apple
بعد کلمه boys رو انتخاب کنم و روی یه دکمه بزنم و اون رو تبدیل کنه به:
all [html text box] like apple و نتیجه این رو روی صفحه نشون بده، بعنی به جای html text box دقیقا یه text box نشون بده:
بعد فرض کنید یه کاربر این مقدار این تکست باکس رو با boys پر کنه و به سمت سرور ارسال کنه، کل متن ارسالی چیزی شبیه این باشه:
all /!boys!/ like apple

ممنون می شم راهنمایی کنید.