چطور متن داخل textarea را به صورت html نمایش دهم؟ !!! ضروری و فوری

[Ali0Boy]

باعرض سلام خدمت اساتید و دوستان گرامی و تبریک سال نو.
می خواستم بدونم چطور می توانم متن داخل textarea را از حالت متن، به صورت قالب html نمایش بدهد. در تصویر نگاه کنید.
همان طور که می بینید آنجایی که با paint سبز کرده ام کد عکس شکلک مورد نظر رو اضافه کرده ام. حال من می خواهم به جای نمایش کد عکس در textarea، خود عکس نشان داده بشود. اگر امکان دارد این کار را به صورت کامل و توضیح وار مراحل ارائه دهید. از اساتید گرامی خواهشمند هستم که مرا Help نمایند.
این کار برای من فوری و فوتی است! :افسرده:

[majid.ebrahimi]

باعرض سلام خدمت اساتید و دوستان گرامی و تبریک سال نو.
می خواستم بدونم چطور می توانم متن داخل textarea را از حالت متن، به صورت قالب html نمایش بدهد. در تصویر نگاه کنید.
همان طور که می بینید آنجایی که با paint سبز کرده ام کد عکس شکلک مورد نظر رو اضافه کرده ام. حال من می خواهم به جای نمایش کد عکس در textarea، خود عکس نشان داده بشود. اگر امکان دارد این کار را به صورت کامل و توضیح وار مراحل ارائه دهید. از اساتید گرامی خواهشمند هستم که مرا Help نمایند.
این کار برای من فوری و فوتی است! :افسرده:


برای اینکار از تگ های زیر استفاده می کنید.
<img src="=" alt="Pulpit rock" width="304" height="228" />
------------
نمی دونم توی تاپیک چرا کد ها رو اینطوری چاپ می کنه!!!
برای اینکه به کد صحیح دست پیدا کنید به لینک زیر مراجعه کنید و اینکه اینجا به پی اچ پی مربوط میشه و شما باید سوال رو در بخش اچ تی ام ال ارسال کنید.!!
http://w3schools.com/html/html_images.asp

[MostafaEs3]

من فکر کنم با innerHTML بتونی اچ تی ام ال بدی بهش

[majid.ebrahimi]

من فکر کنم با innerHTML بتونی اچ تی ام ال بدی بهش

دوست عزیز می خواد که عکس در مرورگر چاپ بشه !!!

[MostafaEs3]

آره میدونم مستر ... اگه مقدار بدیم به textarea که همین تگها رو نمایش میده ولی برای نمایش عکس فکر کنم innerHtml جواب بده

[Ali0Boy]

دوستان ببینید می خواهم وقتی کد عکس را به textarea اضافه کردم داخل textarea به جای نمایش تک ها آنها را اجرا کرده و در قالب html در خود نشون بدهد. مثلا در اون عکس که گذاشتم، به جای تک <img> بیاید و عکس مربوط به اون را نمایش بده[اگر ادیتور ها را دیده باشید از textarea استفاده می کنند و وقتی شکلک یا عکسی اضافه می کنید، نمی یاد تگ هاش رو نشون بده بلکه عکس رو نشون می دهد]. امیدوارم منظورم رو رسونده باشم.


<img src="=" alt="Pulpit rock" width="304" height="228" />
آقا مجید اول ممنون که گوش زد کردید باید در تاپیک html درج کنم، ولی من برحسب تجربه ام دیدم که اگر داخل تاپیک html بزارم حالا حالا ها باید صبر کنم شاید کسی جواب بده چون قبلا این کار رو کردم. ولی در اینجا اساتید گرامی که هستند اگه بتوانند جواب بدهند سریعا جواب می دهند و چون این کدی که استفاده کردم در صفحه php هست و از jquery استفاده شده صلاح دیدم در اینجا درج بشه، چون در غیر اینصورت باید 3 جا درج می کردم، مگه نه! :گیج:

ولی در مورد این کدی که دادین، آقا من خودم می دونم که تگ img برای ارسال تصویر هست و کد شما با کد من فقط در یک چیز متفاوت بود اون هم در alt که اگه درست بگم مربوط می شود به وقتی که آدرس عکس اشتباه باشد، به جای عکس اون متن alt رو می اندازد. همچنین وقتی خود عکس هست نیازی به اندازه دادن نیست مگر بخواهی عکس رو در حالت خواصی نشان دهی و هم چنین اون لینکی هم که دادین هیچ ارتباطی با این موضوع نداشت. باتشکر از همفکری که کردین.



من فکر کنم با innerHTML بتونی اچ تی ام ال بدی بهش
فکر کنم برای نمایش داده های XML در یک صفحه Html ، استفاده از خصلت innerHTML یک تگ Html است و همینطور تغییر خاصیت یا مقداری از شیی که id دارد. ولی اگر می توانید با توجه به توضیحاتی که دادم مشکل من رو حل کنید خیلی خیلی ممنون می شوم. آقا مصطفی ممنون از مشارکتتون.

[MostafaEs3]

فکر کنم منظورت مثل ورژن جدید یاهو مسنجر باشه نه ! که شکلک رو نمایش میده ... ولی این فکر کنم امکان نداره باید حتما جای دیگه ای نمایش بدی یا اینکه با جاوا اسکریپت براش تعریف کنی ... مثلا همین وبسایت آقای شهرکی یک قسمت نظرات داره و شکلک هم داره ... توی محل وارد سازی چیزی نمایش داده نمیشه
http://www.ncis.ir/

[Ali0Boy]

دوستان در این زمینه مشکلم حل شد. چون دیدم نمی شه بجاش اومد از یک روش دیگه استفاده کردم. مثلا اگر کاربر روی آیکن قلب کلیک کرد، داخل متن اضافه می کنم [قلب] و وقتی می خوام نمایش بدهم میایم اول با یک تابع عکس مربوط به اون را بر می گردونم و بعد نمایش می دهم که اینجور کارم سریع پیش رفت.

حالا دوتا سوال دیگه هم هست: 1- چطور متن انتخاب شده داخل textarea را بدست بیاورم.
2- اطلاعاتی که من از textarea می گیرم، وقتی داخل اون کسی رفته باشه به خط بعد، در ذخیره ی اون چیزی بعنوان <br> برای رفتن به خط بعد وجود ندارد. آیا داخل textarea برای رفتن به خط بعد از "/r/n" استفاده شده و باید در هنگام ذخیره اون رو تبدیل به <br> کرد؟

[MostafaEs3]

javascript :

var val = document.getElementById('textarea').value;

jquery :

$('#textarea').val();

php with post method :

$_POST['textarea'];

php with get method :

$_GET['textarea'];


برای تبدیل کاراکتر ها :
var val = (document.getElementById('textarea').value).replac e("\n","");
این ویرایشگره کمی مشکل داره فکر کنم بین حروف replace کمی فاصله اندخته اونو درستش کن

[Ali0Boy]

javascript :

var val = document.getElementById('textarea').value;

jquery :

$('#textarea').val();

php with post method :

$_POST['textarea'];

php with get method :

$_GET['textarea'];


برای تبدیل کاراکتر ها :
var val = (document.getElementById('textarea').value).replac e("\n","");
این ویرایشگره کمی مشکل داره فکر کنم بین حروف replace کمی فاصله اندخته اونو درستش کن

اگه اشتب نکنم این کد رو شما برای درجن enter های زده شده در textarea در بانک نوشته باشید. ببخشید یادم رفتم بگم که این مشکل هم حل شد. به جای این همه کد خیلی ساده هنگام ذخیره کردن داده به روش روبرو عمل کردم و جواب داد:

str_replace("\r\n","<br>",$POST['memo']);

من هنوز نتوانستم قسمت انتخابی textarea را بدست بیاورم. مثلا طرف 7 خط نوشته و حالا یک کلمه از یه جایش رو انتخاب کرده، من می خوام بفهمم که چی رو انتخاب کرده همین.

[MostafaEs3]

سلکت شده ... اتفاقا دیروز یکجایی دیدمش یادم نیست ... ولی من این کدها رو که گفتم برای جاوا اسکریپت بود ... گفتم شاید میخواهی آجاکس کار کنی روش

[Reza1607]

اين لينك مي تونه كمكتون كنه
http://stackoverflow.com/questions/401593/textarea-selection

[Ali0Boy]

آقا رضا ممنون لینک رو دیدم اینجور که از کدهاش بر میاد همونی است که من می خوام ولی الان دستم بنده بعدا تست می کنم خبرش رو بهتون می دهم. از همه ی دوستان که در این امر مرا یاری دادند کمال تشکر را دارم.