سلام
دوست عزیز عمل شما بنوعی کلاً با تک textarea مغایرت داره. یعنی این تک برای این ساخته نشده که کار span یا div رو انجام بده. (کلاً خشکه)
سوال شما
جواب نداره. ولی برای روشن شدن بهترتون یه کم در باره ادیتورهای پیشرفته تحت وب صحبت می کنیم
---------------------------
روش های مختلفی برای این کار وجود داره که بعضی ها تحت کاربر و برخی ها در هنگام نمایش، کار می کنند.
اما چون روش جاوا رو خاستین باید بگم به این عمل
اجرای دستور می کن یعنی شما مثل همینجا متنی رو تایپ می کنید و با جاوا دستوری بهش می دین تا دور متن تک خاصی درج بشه.
نکته:
ادیتورهای پیشرفته وب اصلاً برای عمل مورد نظر از textarea استفاده نمی کنند بلکه از این تک فقط برای ذخیره سازی سرس کد HTML استفاده میشه [که معمولاً مخفی هستند]. ادیتورها بجای درگیری بیخود با این شیء از یک Iframe استفاده میکنند
این عمل کمی (شاید هم خیلی) پیچیده است. پیشنهاد میکنم از ادیتورهای موجود که کم هم نیستند استفاده کنید [البته اگه مسئله شما یادگیری نیست].
مثل (FCKeditor ، whizzywig و ...)
اما:
دستوری که این کار رو انجام میده (که در n حالات مختلط حداقل n خط کد میخواد) تابع :
TagX.document.execCommand(command,[ , bUserInterface ] [ , vValue ] ) ;
که در آن :
var tagName="editor"
var TagX;
if (document.all) {
TagX = frames[tagName];
} else {
TagX = document.getElementById(tagName).contentWindow;
}
حالا شما باید با کدهای بالا یه تابع بنویسید و textarea تون رو به یک iframe مربوط کنید و برعکس
و ...
------------------------------
حرف دوستانه
چرا همیشه دنبال کارهای انجام نشدنی هستید. اونم وقتی که روش های بهتری وجود داره. درسته تو کامپیوتر تقریباً هیچ کار نشدنی نداریم اما نمیشه از قانون بر ضد قانون استفاده کرد. textarea ماهیتش اونه پس نمیشه تغیرش داد
خسته نباشم از سحری هم افتادم