تبلیغات :
ماهان سرور
آکوستیک ، فوم شانه تخم مرغی ، پنل صداگیر ، یونولیت
دستگاه جوجه کشی حرفه ای
فروش آنلاین لباس کودک
خرید فالوور ایرانی
خرید فالوور اینستاگرام
خرید ممبر تلگرام

[ + افزودن آگهی متنی جدید ]




صفحه 1 از 4 1234 آخرآخر
نمايش نتايج 1 به 10 از 31

نام تاپيک: آموزش ساخت یک ادیتور برای سایت خودتان

  1. #1
    پروفشنال as13851365's Avatar
    تاريخ عضويت
    Mar 2007
    محل سكونت
    لیبدرا
    پست ها
    914

    12 آموزش ساخت یک ادیتور برای سایت خودتان

    من می خوام یک ادیتور مثل عکس زیر رو بسازم

    حالا اگر کسی از دوستان درباره این ادیتور چیزی می دونه بگه ممنون می شم

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

    سوالی که نتونستم جوابش رو پیدا کنم :
    چطوری می شه در یک textarea یک عکس رو نمایش داد ؟
    جواب های زیادی وجود داره ولی هیچ راه حلی نبود !

  2. #2
    حـــــرفـه ای eAmin's Avatar
    تاريخ عضويت
    Aug 2007
    محل سكونت
    Node.js
    پست ها
    2,259

    پيش فرض

    سلام.

    این دوتا کم حجم:
    کد:
    برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید
    سوالی که نتونستم جوابش رو پیدا کنم :
    چطوری می شه در یک textarea یک عکس رو نمایش داد ؟
    جواب های زیادی وجود داره ولی هیچ راه حلی نبود !
    در اصل این ادیتورها از یک iframe برای خودشون استفاده می کنن، اصلا باید، برای ادیتورهای wysiwyg از فریم استفاده کرد، در غیر اینصورت که textarea که نمی تونه نیازهای شما رو برای ساخت یک ادیتور wysiwyg برآورده کنه!!!

  3. 3 کاربر از eAmin بخاطر این مطلب مفید تشکر کرده اند


  4. #3
    پروفشنال as13851365's Avatar
    تاريخ عضويت
    Mar 2007
    محل سكونت
    لیبدرا
    پست ها
    914

    12 تشکر

    سلام.

    این دوتا کم حجم:
    کد:
    برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید
    در اصل این ادیتورها از یک iframe برای خودشون استفاده می کنن، اصلا باید، برای ادیتورهای wysiwyg از فریم استفاده کرد، در غیر اینصورت که textarea که نمی تونه نیازهای شما رو برای ساخت یک ادیتور wysiwyg برآورده کنه!!!
    از بابت دوتالینکی که قرار دادی ممنون .

    اما درباره اون دو خطی که نوشتی !
    یعنی اگر بخوام یک ادیتور بسازم که مثلا امکانات زیر رو داشته باشه :
    1 ) درج عکس
    2 ) تغییر اندازه متن انتخاب شده
    3 ) تغییر رنگ قلم متن انتخاب شده
    4 ) زیر خط دار کردن متن انتخاب شده
    5 ) تغییر جهت (یعنی letf to right و right to left و center ) متن انتخاب شده

    باید از Iframe استفاده کنم ؟
    من یک iframe در صفحه ایجاد کردم حالا چطوری مکان نما رو داخلش حرکت بدم ؟ چطوری مابین خط ها حرکت کنم ؟

    وقتی که از لینک هایی بالا فایل ها رو گرفتم داخلش سه تا textarea بود که در داخلش پوشه اسکریپت داخل فایل wysiwyg از دوتا iframe استفاده شده
    کد:
    برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید
    اگه درباره این یک مثال کوچولو بزنید ممنون می شم !

  5. #4
    حـــــرفـه ای Bill Gates's Avatar
    تاريخ عضويت
    Jan 2008
    محل سكونت
    @ Company
    پست ها
    3,465

    پيش فرض

    سلام
    خیلی ممنون
    تا باشه از این کارا

  6. #5
    حـــــرفـه ای eAmin's Avatar
    تاريخ عضويت
    Aug 2007
    محل سكونت
    Node.js
    پست ها
    2,259

    پيش فرض

    از بابت دوتالینکی که قرار دادی ممنون .

    اما درباره اون دو خطی که نوشتی !
    یعنی اگر بخوام یک ادیتور بسازم که مثلا امکانات زیر رو داشته باشه :
    1 ) درج عکس
    2 ) تغییر اندازه متن انتخاب شده
    3 ) تغییر رنگ قلم متن انتخاب شده
    4 ) زیر خط دار کردن متن انتخاب شده
    5 ) تغییر جهت (یعنی letf to right و right to left و center ) متن انتخاب شده

    باید از Iframe استفاده کنم ؟
    من یک iframe در صفحه ایجاد کردم حالا چطوری مکان نما رو داخلش حرکت بدم ؟ چطوری مابین خط ها حرکت کنم ؟

    وقتی که از لینک هایی بالا فایل ها رو گرفتم داخلش سه تا textarea بود که در داخلش پوشه اسکریپت داخل فایل wysiwyg از دوتا iframe استفاده شده
    کد:
    برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید
    اگه درباره این یک مثال کوچولو بزنید ممنون می شم !
    سلام.

    1 ) درج عکس
    2 ) تغییر اندازه متن انتخاب شده
    3 ) تغییر رنگ قلم متن انتخاب شده
    4 ) زیر خط دار کردن متن انتخاب شده
    5 ) تغییر جهت (یعنی letf to right و right to left و center ) متن انتخاب شده

    باید از Iframe استفاده کنم ؟
    من یک iframe در صفحه ایجاد کردم حالا چطوری مکان نما رو داخلش حرکت بدم ؟ چطوری مابین خط ها حرکت کنم ؟
    برای اونایی که شماره گداری کردی فقط از window.execCommand() استفاده می کنن!!!

    در رابطه با iframe هم برای اینکه بتونی مابین خطها و غیره حرکت کنی، یک پراپرتی ( property ) به iframe دلخواه اضافه کنی، تاخاصیت editable به خودش بگیره.

    در کل فرآیند ساخت یک ادیتور یه خرده پیچیده است که زمان گیره و حوصله می خواد!!!

  7. #6
    پروفشنال as13851365's Avatar
    تاريخ عضويت
    Mar 2007
    محل سكونت
    لیبدرا
    پست ها
    914

    12

    برای اونایی که شماره گداری کردی فقط از window.execCommand() استفاده می کنن!!!
    میشه یه مثال بزنید ( یا یه توضیحی بدید ! ) من این کد رو کجا باید بتویسیم چطوری فراخوانیش کنم ؟
    یعنی یک باتن روی فرم قرار بدم بعد با استفاده از این دستور صفات متن انتخاب شده رو تغییر بدم؟

    در رابطه با iframe هم برای اینکه بتونی مابین خطها و غیره حرکت کنی، یک پراپرتی ( property ) به iframe دلخواه اضافه کنی، تاخاصیت editable به خودش بگیره.
    برای این هم یک توضیحی بدی ممنون می شم (شرمنده به مولا )
    چطوری اضافه کنم به کدام قسمتش !

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

  8. #7
    در آغاز فعالیت
    تاريخ عضويت
    Nov 2007
    پست ها
    6

    پيش فرض

    سلام. منم یه همچین ادیتوری می خوام که فونت tahoma هم داشته باشه. از FCKeditor زیاد شنیدم و نصبش هم کردم اما یه عالمه آیکون داره که نمی دونم چطور می شه حذفشون کرد. اگه راهی هست ممنون میشم کمکم کنید.

  9. #8
    پروفشنال as13851365's Avatar
    تاريخ عضويت
    Mar 2007
    محل سكونت
    لیبدرا
    پست ها
    914

    12 نحویه ساخت یک ادیتور ساده برای وبسایت

    من ادیتوری رو که جناب Amin eHelp در پست شماره 2 معرفی کردن رو در یک صفحه به صورت آزمایشی قرار دادم که اگر خواستید ببینید می تونید به لینک زیر برید
    کد:
    برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید


    خوب کار می کنه ولی تو لود کردن عکس های بالایی کمی مشکل داره ! ( زیاد مطمئن نیسم ولی فکر کنم اشکال داشته باشه یعنی تا زمانی که موس رو روشون نبری عکس لود نمی شه )
    [ منظور از عکس های بالایی همان قسمت انتخاب است که با انتخاب آنها می تونید متن رو رنگی و بولد و زیرخط دار کنید ]

    متن به صورت پیش فرض از چپ به راست است که من نتونستم این رو به صورت راست به چپ تبدیل کنم !

    این ادیتور در مقایسه با ادیتور همین انجمن خیلی فرق داره برای همین هم می خوام که خودم به صورت خیلی خیلی محدود یک ادیتور بسازم ( البته به کمک شما دوستان ) که زیاد حرفه ای هم نباشه

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

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

  10. #9
    حـــــرفـه ای eAmin's Avatar
    تاريخ عضويت
    Aug 2007
    محل سكونت
    Node.js
    پست ها
    2,259

    پيش فرض

    سلام.

    من همه اینها رو تئوری بلدم! و عملی هنوز اقدام نکردم!
    این تکه کد توی یکی از فرومهای مجاور پیدا کردم شاید بدردت خورد!
    کد:
    برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید
    قسمت contentWindow اون خصیصه رو به iframe تخصیص می ده، تا خاصیت editable بگیره...

    ---------

    اگر من بصورت کامل یاد بگیرمش، حتما یه آموزش جامع می زارم!!!

  11. این کاربر از eAmin بخاطر این مطلب مفید تشکر کرده است


  12. #10
    اگه نباشه جاش خالی می مونه pezhman32's Avatar
    تاريخ عضويت
    Jun 2007
    محل سكونت
    Mashhad
    پست ها
    417

    پيش فرض

    دوستام ما هم خوشحال می شیم این بحث ادامه پیدا کنه و به نتیجه برسه
    با تشکر از همه

  13. این کاربر از pezhman32 بخاطر این مطلب مفید تشکر کرده است


صفحه 1 از 4 1234 آخرآخر

Thread Information

Users Browsing this Thread

هم اکنون 1 کاربر در حال مشاهده این تاپیک میباشد. (0 کاربر عضو شده و 1 مهمان)

User Tag List

قوانين ايجاد تاپيک در انجمن

  • شما نمی توانید تاپیک ایحاد کنید
  • شما نمی توانید پاسخی ارسال کنید
  • شما نمی توانید فایل پیوست کنید
  • شما نمی توانید پاسخ خود را ویرایش کنید
  •