قرار دادن تصویر یا لینک در text area

[DotNet_King]

با سلام
می خواستم ببینم کسی از دوستان می دونه به چه صورت میشه تو یه تکست ارا مثلا یه لینک رو به صورت لینک و یا عکس را خودشو نشون داد مثل ادیتور همین سایت که اگه رو هر یک از این شکلک ها کلیک کنم داخل تکست ارا دیده میشه مثلا:قلب:

ممنونم:لبخندساده:

[Lagon666]

ویتی چنین امکاناتی بخواد به TEXTAREA اضافه بشه، بهش میگن WYSIWYG Editor که کوتاه شده ی عبارت What You See Is What You Get هست. (WYSIWYG در ویکیپدیا (http://en.wikipedia.org/wiki/WYSIWYG))

نمونه ی چنین کدی اینجا (http://www.dynamicdrive.com/dynamicindex16/richtexteditor/index.htm) توضیح داده شده. برای دریافت سورسش هم می تونی اینجا (http://www.dynamicdrive.com/dynamicindex16/richtexteditor/rte.zip) کلیک کنی.

[tabib_m]

برای یه همچین کاری از textarea استفاده نمیشه... یک div هست که قابل ویرایش (editable) هست...

[DotNet_King]

ویتی چنین امکاناتی بخواد به TEXTAREA اضافه بشه، بهش میگن WYSIWYG Editor که کوتاه شده ی عبارت What You See Is What You Get هست. (WYSIWYG در ویکیپدیا (http://en.wikipedia.org/wiki/WYSIWYG))

نمونه ی چنین کدی اینجا (http://www.dynamicdrive.com/dynamicindex16/richtexteditor/index.htm) توضیح داده شده. برای دریافت سورسش هم می تونی اینجا (http://www.dynamicdrive.com/dynamicindex16/richtexteditor/rte.zip) کلیک کنی.


ممنونم از لطفتون! من ادیتور تا به حال زیاد دیده بودم ولی اینقدر حرفه ای بودن که نمیشد بررسی شون کرد و دستکاری همچنین! این ادیتور خیلی عالیست! هر چند چند تا مشکل داره که امیدوارم بشه رفعش کرد! یه مرجع خوب واسه آموزش شیی گرایی هم هست! ممنون. فقط عکس دارش نکردید شما! کمکم می کنید تا عکس دارش کنم! همون شکلک منظورمه البته!

برای یه همچین کاری از textarea استفاده نمیشه... یک div هست که قابل ویرایش (editable) هست...

نه دوست عزیز! نمی دونم با html area تا به حال کار کردید یا نه! برای نصبش باید اول یه تکست ارا بسازی و نامش رو تو فایل جاواش بدی و ... این مدل بالایی که دوستمون گذاشتند اون موردی است که شما ذکر کردید ولی غیر این هم هست! مثلا اچ تی ام ال ارا!!!!

[Lagon666]

برای افزودن شکلک میتونی یه منو مثل منوی Pick Color همون جا اضافه کنی و شکلک هاتو بریزی توش و با کلیک روی هر شکلک یه تگ IMG برای همون شکلک اضافه کنه. فکر نمی کنم زیاد مشکل باشه. من سورس رو نگاه نکردم، اما فکر می کنم اگر خوب به منو Pick Color دقت کنی میتونی یکی از روش بنویسی.

[Lagon666]

موزیلا خودش امکاناتی به مرورگر اضافه کرده که داشتن ادیتور رو به کاربرهاش میده. (بیشتر (http://www.mozilla.org/editor/midas-spec.html))

خودتون ببینید:

<iframe id="lagon666"></iframe>
<br>
<button onclick="document.getElementById('lagon666').contentDocumen t.designMode='on';">Enable</button>
&nbsp;
<button onclick="document.getElementById('lagon666').contentDocumen t.designMode='off';">Disable</button>

[tabib_m]

نه دوست عزیز! نمی دونم با html area تا به حال کار کردید یا نه! برای نصبش باید اول یه تکست ارا بسازی و نامش رو تو فایل جاواش بدی و ... این مدل بالایی که دوستمون گذاشتند اون موردی است که شما ذکر کردید ولی غیر این هم هست! مثلا اچ تی ام ال ارا!!!!
html area تنها نیازی که به اون text area داره اینه که میخوات محتویات رو توی فرم پست کنه... نهایتا نتیجه ی کد html ی که توی ادیتور ساخته میشه رو میندازه توی اون text area (که نامرئی هم هست) سپس فرم سابمیت میشه... اگر نه محیط ادیتور هیچ ربطی به text area نداره...

موفق باشید.