ورود

View Full Version : کمک در ساخت ادیتور متن



m.yazdian
پنج شنبه 05 دی 1387, 11:38 صبح
سلام دوستان من یه ادیتور متن می خوام بنویسم که دردسر های ادیتور های دیگه مثل FCK یا Cute یا هر ادیتور دیگیه ای را نداشته باشه فقط Bold و Underline و Italic داشته باشه کافیه!!!
من نمیدونم چجوری میشه توی textarea کدهای html نمایش داد.

اگر کسی تابحال ادیتوری ساخته لطفا منو راهنمایی کنه باتشکر.

emad_67
پنج شنبه 05 دی 1387, 22:45 عصر
من نمیدونم چجوری میشه توی textarea کدهای html نمایش داد.
textarea همچین قابلیتی نداره. شما باید یک تگ div در نظر بگیری و کد html رو به اون اختصاص بدی.

eAmin
جمعه 06 دی 1387, 00:57 صبح
سلام.

دوستمون در پست بالا درست گفتن، textarea چنین قابلیتی نداره. برای اینکار از div می تونید استفاده کنید و به اون خاصیت contentEditable با مقدار true بدید.
به این آدرس (http://starkravingfinkle.org/blog/wp-content/uploads/2007/07/contenteditable.htm) برید دقیقا همون چیزی هست که شما می خواید.

البته ادیتورهایی مثل FCKEditor و TinyMCE برای اینکار از iframe ها استفاده می کنن.

RoostaYeBekr
جمعه 06 دی 1387, 18:14 عصر
با سلام
یک سوال:
من این contenteditable="true" را که در ویژوال استادیو قرار می دهم ، زیرش خط قرمز می کشد.(البته کد را به درستی اجرا می کند ). به نظرم آمدم که این contenteditable غیراستاندارد است. به خاطرهمین ورش داشتم. با برداشتنش هم ، باز برنامه به درستی اجرا شد. حالا سوالم این است که با برداشتنش بعدا این قضیه رو Server که می ره ، مشکل ساز نمی شه و همه چیز درست انجام می شه؟

RoostaYeBekr
جمعه 06 دی 1387, 18:18 عصر
من نمیدونم چجوری میشه توی textarea کدهای html نمایش داد.


البته احتمالا منظورت کدهای زیر نبوده . شاید هم بوده: ( حالا ما فرستادیم)


function hoo()
{
this.document.getElementById('TextArea_Code').valu e =
'<div style="width:100%;">'
+ 'Hello'
+ '</div>'
;
}

emad_67
جمعه 06 دی 1387, 18:47 عصر
به نظرم آمدم که این contenteditable غیراستاندارد است.نه بعید میدونم، هر چیزی رو که vs پشتیبانی نکه که غیر استاندارد نمیشه.

به خاطرهمین ورش داشتم. با برداشتنش هم ، باز برنامه به درستی اجرا شد. حالا سوالم این است که با برداشتنش بعدا این قضیه رو Server که می ره ، مشکل ساز نمی شه و همه چیز درست انجام می شه؟شما این contentEditable رو برداشتی بازم درست کار کرد؟؟!
با حذف این property دیگه div قابل ویرایش نیست و نمیتونی توی مرورگر تغییرش بدی.
پ.ن: این دست خطت خیلی بده ها، خوش خط تر بنویس :لبخند:

RoostaYeBekr
جمعه 06 دی 1387, 19:25 عصر
شما این contentEditable رو برداشتی بازم درست کار کرد؟؟!
با حذف این property دیگه div قابل ویرایش نیست و نمیتونی توی مرورگر تغییرش بدی.
پ.ن: این دست خطت خیلی بده ها، خوش خط تر بنویس :لبخند:
با سلام
:لبخندساده:
آره باور کنید درست کار کرد.:متعجب:

eAmin
جمعه 06 دی 1387, 19:41 عصر
با سلام
:لبخندساده:
آره باور کنید درست کار کرد.:متعجب:
البته فقط توی ie ( چی بگم بهش، معلوم نیست چشه... ) اینطوری هست!

emad_67
جمعه 06 دی 1387, 21:12 عصر
البته فقط توی ie ( چی بگم بهش، معلوم نیست چشه... ) اینطوری هست!
برای من توی ie هم به قابل ادیت نیست. توی ie6 و 7 تست کردم.
من تاحالا هر چی با div کار کردم ندیدم قابل ادیت باشه بدون contentEditable.

RoostaYeBekr
جمعه 06 دی 1387, 21:55 عصر
برای من توی ie هم به قابل ادیت نیست. توی ie6 و 7 تست کردم.
من تاحالا هر چی با div کار کردم ندیدم قابل ادیت باشه بدون contentEditable.

سلام
:لبخندساده:
مطمئنید؟

و مشخصاتی که من بدون همون تست کردم و جواب داد:
XP SP2
IE7
و در Visual Studio.NET2005

ببین شما همون سایتی که آقای امین ، معرفی کرد ، رو دیدی؟

eAmin
جمعه 06 دی 1387, 21:56 عصر
برای من توی ie هم به قابل ادیت نیست. توی ie6 و 7 تست کردم.
من تاحالا هر چی با div کار کردم ندیدم قابل ادیت باشه بدون contentEditable.
شما احتمالا آپدیتی چیزی کردین یا بخاطر پرتابل بودن ie شماست و یا شاید سرویس پک 3 استفاده می کنید.

m.yazdian
شنبه 07 دی 1387, 07:58 صبح
سلام دوستان
از اینکه به این تاپیک توجه کردین متشکرم.

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

ولی دوستان الان یه مشکلی دارم و اون هم اینه که وقتی دارین توی یه ادیتور تایپ می کنید در اصل دارین توی یک textarea تایپ می کنید که محتوای آن توی iframe نمای داده می شه!!! حالا اگر بخواین از event های همون textarea مثل onclick , onkeypress و امصال اون استفاده کنید چه باید کرد . این event ها مستقیم بر روی textarea کار نمی کنه.:متفکر:

تابحل کسی با این مشکل روبرو شده بوده؟؟؟ اگر ایده ای دارید لشفا بفرماییدد.

باتشکر.

m.yazdian
شنبه 07 دی 1387, 08:32 صبح
باتشکر از همه دوستانی که به این تاپیک توجه می کنند.
دوستان همان تور که شما اشاره کردین این مشکل به تنهایی توسط textarea قابل حا شدن نیست!!!
من این مشکل را با وارد کردن متن در textarea نمایش محتوی آن در یک iframe حل کردم.

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

من الان یه مشکل دارم و اون اینکه event های textarea را چجوری میشه فعال کرد در حالی که خود textrea دیده نمیشه؟؟؟؟