Printable View
من می خوام یک ادیتور مثل عکس زیر رو بسازم
حالا اگر کسی از دوستان درباره این ادیتور چیزی می دونه بگه ممنون می شم
ادیتور های آماده ای که در این سایت قبلا معرفی شده خیلی خیلی سنگین هستن اگه امکانش هست یک ادیتور ساده مانند عکس بالا را در این قسمت قرار دهید اگر هم کسی چنین ادیتوری ندارد ولی اطلاعاتی در باره ساختش دارد رو اینجا قرار بده ممنونش می شم :10:
سوالی که نتونستم جوابش رو پیدا کنم :
چطوری می شه در یک textarea یک عکس رو نمایش داد ؟
جواب های زیادی وجود داره ولی هیچ راه حلی نبود !
سلام.
این دوتا کم حجم:
کد:http://www.dynamicdrive.com/dynamicindex16/richtexteditor/index.htm
http://www.dynamicdrive.com/dynamicindex16/openwysiwyg/readme.html
در اصل این ادیتورها از یک iframe برای خودشون استفاده می کنن، اصلا باید، برای ادیتورهای wysiwyg از فریم استفاده کرد، در غیر اینصورت که textarea که نمی تونه نیازهای شما رو برای ساخت یک ادیتور wysiwyg برآورده کنه!!!نقل قول:
سوالی که نتونستم جوابش رو پیدا کنم :
چطوری می شه در یک textarea یک عکس رو نمایش داد ؟
جواب های زیادی وجود داره ولی هیچ راه حلی نبود !
از بابت دوتالینکی که قرار دادی ممنون .نقل قول:
اما درباره اون دو خطی که نوشتی !
یعنی اگر بخوام یک ادیتور بسازم که مثلا امکانات زیر رو داشته باشه :
1 ) درج عکس
2 ) تغییر اندازه متن انتخاب شده
3 ) تغییر رنگ قلم متن انتخاب شده
4 ) زیر خط دار کردن متن انتخاب شده
5 ) تغییر جهت (یعنی letf to right و right to left و center ) متن انتخاب شده
باید از Iframe استفاده کنم ؟
من یک iframe در صفحه ایجاد کردم حالا چطوری مکان نما رو داخلش حرکت بدم ؟ چطوری مابین خط ها حرکت کنم ؟
وقتی که از لینک هایی بالا فایل ها رو گرفتم داخلش سه تا textarea بود که در داخلش پوشه اسکریپت داخل فایل wysiwyg از دوتا iframe استفاده شده
اگه درباره این یک مثال کوچولو بزنید ممنون می شم !کد:editor += '<iframe frameborder="0" id="wysiwyg' + n + '" class="iframeText" style="width:100%;height:' + currentHeight + ';"></iframe>\n'
+ '</td></tr>';
سلام
خیلی ممنون
تا باشه از این کارا :31:
سلام.نقل قول:
برای اونایی که شماره گداری کردی فقط از window.execCommand() استفاده می کنن!!!نقل قول:
1 ) درج عکس
2 ) تغییر اندازه متن انتخاب شده
3 ) تغییر رنگ قلم متن انتخاب شده
4 ) زیر خط دار کردن متن انتخاب شده
5 ) تغییر جهت (یعنی letf to right و right to left و center ) متن انتخاب شده
باید از Iframe استفاده کنم ؟
من یک iframe در صفحه ایجاد کردم حالا چطوری مکان نما رو داخلش حرکت بدم ؟ چطوری مابین خط ها حرکت کنم ؟
در رابطه با iframe هم برای اینکه بتونی مابین خطها و غیره حرکت کنی، یک پراپرتی ( property ) به iframe دلخواه اضافه کنی، تاخاصیت editable به خودش بگیره.
در کل فرآیند ساخت یک ادیتور یه خرده پیچیده است که زمان گیره و حوصله می خواد!!!
میشه یه مثال بزنید ( یا یه توضیحی بدید ! :41:) من این کد رو کجا باید بتویسیم چطوری فراخوانیش کنم ؟نقل قول:
یعنی یک باتن روی فرم قرار بدم بعد با استفاده از این دستور صفات متن انتخاب شده رو تغییر بدم؟ :40:
برای این هم یک توضیحی بدی ممنون می شم (شرمنده به مولا :11: )نقل قول:
چطوری اضافه کنم به کدام قسمتش ! :41:
حق با شماست ولی من یک ادیتور کامل نمی خوام درست کنم :13: می خوام همان گزینه هایی رو که عنوان کردم رو به صورت یک ادیتور داشته باشم :10:نقل قول:
سلام. منم یه همچین ادیتوری می خوام که فونت tahoma هم داشته باشه. از FCKeditor زیاد شنیدم و نصبش هم کردم اما یه عالمه آیکون داره که نمی دونم چطور می شه حذفشون کرد. اگه راهی هست ممنون میشم کمکم کنید.
من ادیتوری رو که جناب Amin eHelp در پست شماره 2 معرفی کردن :10: رو در یک صفحه به صورت آزمایشی قرار دادم که اگر خواستید ببینید می تونید به لینک زیر برید :11:
کد:http://www.khaterat.gigfa.com/a118/
خوب کار می کنه :27: ولی تو لود کردن عکس های بالایی کمی مشکل داره ! :18: ( زیاد مطمئن نیسم ولی فکر کنم اشکال داشته باشه یعنی تا زمانی که موس رو روشون نبری عکس لود نمی شه :11:)
[ منظور از عکس های بالایی همان قسمت انتخاب است که با انتخاب آنها می تونید متن رو رنگی و بولد و زیرخط دار کنید ]
متن به صورت پیش فرض از چپ به راست است :18: که من نتونستم این رو به صورت راست به چپ تبدیل کنم ! :41:
این ادیتور در مقایسه با ادیتور همین انجمن خیلی فرق داره برای همین هم می خوام که خودم به صورت خیلی خیلی محدود یک ادیتور بسازم ( البته به کمک شما دوستان :10: ) که زیاد حرفه ای هم نباشه :41:
من وقتی که در سایت جستجو کردم آموزشی درباره ساخت یک ادیتور نیافتم اگر مقاله ای چیزی هم در این باره دوستان دارند دراین قسمت قرار بدن ممنون می شم :10:
هر چند اگر دوستان آموزش ساخت یک ادیتور ساده را در این تایپیک شروع کنند که دعا گویشان خواهم بود :11:
سلام.
من همه اینها رو تئوری بلدم! و عملی هنوز اقدام نکردم!
این تکه کد توی یکی از فرومهای مجاور پیدا کردم شاید بدردت خورد!
قسمت contentWindow اون خصیصه رو به iframe تخصیص می ده، تا خاصیت editable بگیره...کد:TagX.document.execCommand(command,[ , bUserInterface ] [ , vValue ] ) ;
var tagName="editor"
var TagX;
if (document.all) {
TagX = frames[tagName];
} else {
TagX = document.getElementById(tagName).contentWindow;
}
---------
اگر من بصورت کامل یاد بگیرمش، حتما یه آموزش جامع می زارم!!!
دوستام ما هم خوشحال می شیم این بحث ادامه پیدا کنه و به نتیجه برسه
با تشکر از همه