مدونة الويب 2.0

  • الرئيسية
  • تعريف بالمدونة
  • المصادر
  • تواصل معي
  • أخبار المدونة
  • أفكار
  • استبيان
  • برمجة
  • تصميم
  • تطوير
  • كتب
  • مدونات عربية
  • مهمات
  • مواقع

التايني ورفع الصور

24, سبتمبر 2008 التصنيف: تطوير

بسم الله الرحمن الرحيم،

منذ مدة كانت عندي مشكلة في استخدام التايني (TinyMCE)، وهي أنه لايمكنك رفع الصور من خلاله، فقط تستطيع ضم الصور الموجودة على الإنترنت أي روابط للصور فقط بدون الرفع. ووقتها اضطررت لاستخدام FCKeditor!.

بعد ذلك رأيت الوورد بريس ولوحة تحكمها ولاحظت على الفور التايني المتنكر (أي بالثيم الجديد الذي صنعه فريق الوورد بريس)، وتذكرت أهمية البحث عن إضافة لرفع الصور فبالتأكيد يوجد مثل هكذا إضافة.

فريق التايني لديهم خطة جميلة في كسب النقود، التايني مجاني ومفتوح المصدر ولكن يوجد إضافتين من نفس الشركة غير مجانيتين. إضافة لرفع الصور والأخرى لرفع الملفات. بالتأكيد ذهبت للحل الآخر وهو البحث عن إضافة مفتوحة المصدر :) ، ووجدت وقتها إضافة ممتازة ومشهورة وهي tinybrowser، وأحببت أن أشارككم الطريقة عل البعض يستفيد منها:

1- حمل التايني من الرابط التالي
2- فك ضغط التايني داخل المخدم المحلي، وبعدها ستجد مجلدين:
examples
jscripts

المجلد الأول يحتوي على أمثلة متعددة يمكنك مشاهدتها مباشرة والاستفادة من مشاهدة النص المصدري للصفحة وكيفية استدعاء التايني. أما المجلد الثاني فيحتوي على ملفات التايني الرئيسية ومجلدات الإضافات. في هذه الخطوة وضعنا الإضافة داخل المجلد المخصص لها ولكن التايني لن يستخدمها لإننا لم نخبره بذلك بعد، تابع التالي.

3- حمل الإضافة من الرابط التالي
4- فك ضغط الإضافة داخل مجلد plugins الموجود في المسار (jscripts/tiny_mce/plugins).
5- الآن، ارجع إلى مجلد examples وحرر ملف full.html مثلاً، هذا الملف هو مثال التايني مع كل إضافاته.
6- داخل الملف، يوجد سطر:

<script type="text/javascript" src="../jscripts/tiny_mce/tiny_mce.js"></script>

اكتب السطر التالي أسفل منه:

<script type="text/javascript" src="../jscripts/tiny_mce/plugins/tinybrowser/tb_tinymce.js.php"></script>

لاحظ المسار، وإذا غيرت ببنية الملف فيجب أن تغير هذه المسارات.

7- في نفس الملف، وداخل تابع tinyMCE.ini يوجد العديد من السطور مهمتها تهيئة التايني وتعريف الإضافات التي يجب أن يستخدمها، ضع في أي مكان داخل التابع السطر:

file_browser_callback : "tinyBrowser",

8- إذا كنت تعمل على windows فيجب أن تحرر الملف التالي (jscripts\tiny_mce\plugins\tinybrowser\fns_tinybrowser.php):
حرر السطر الرابع ليصبح:

if (mkdir($dir, $perm, true)) {

لاحظ أننا أضفنا وسيط ثالث وهو true فقط للويندوز، حتى لايعطي خطأ أثناء إنشاء مجلدات الصور.
هذا كل شيء، شغل الآن ملف full.html واضغط على أيقونة الصور ولاحظ وجود أيقونة جديدة لرفع الصور:







هل لديكم أية إضافات غيرها جربتموها وأعجبتكم؟

شارك هذه التدوينة:
إضافة 'التايني ورفع الصور' إلى Del.icio.usإضافة 'التايني ورفع الصور' إلى diggإضافة 'التايني ورفع الصور' إلى Technoratiإضافة 'التايني ورفع الصور' إلى Stumble Uponإضافة 'التايني ورفع الصور' إلى Google Bookmarksإضافة 'التايني ورفع الصور' إلى FaceBookإضافة 'التايني ورفع الصور' إلى MySpaceإضافة 'التايني ورفع الصور' إلى Twitterإضافة 'التايني ورفع الصور' إلى FriendFeed
الوسوم: تدوينات رمضان, تطوير
أرسل هذه التدوينة لصديق أرسل هذه التدوينة لصديق
طباعة هذه التدوينة طباعة هذه التدوينة

    إقرأ أيضاً:

    • التنسيق المصغر
    • محررات النصوص الغنية
    • إضافة “الأكثر مشاهدة”
    • موقع بدون قاعدة بيانات
    • ثيمة الإدارة للدروبال

10 تعليق في “التايني ورفع الصور”

  1. عمر الدليمي: 25, سبتمبر 2008 في 3:03 م

    لا توجد مشاكل إطلاقاً!
    فقط أنشيء مجلد /wp-content/uploads وchmod 777 وبس!
    ولا تنسى خيار “ترتيب الملفات المرفوعة حسب التاريخ” هذا يُحذف. وكل شيء تمام! :) . أصلا التايني مريح بهذه الميزة بشكل لا يصدق!


  2. خالد: 25, سبتمبر 2008 في 4:23 م

    شكراً لك على التجريب السريع ;)


  3. sfsf: 28, سبتمبر 2008 في 11:04 ص

    السلام عليكم
    قمت بتركيب المحرر كما ذكرت ولكن يظهر لى هذا الخطأ
    Warning: mkdir() [function.mkdir]: No such file or directory in e:\wamp\www\tinymce\tinymce\jscripts\tiny_mce\plugins\tinybrowser\fns_tinybrowser.php on line 4

    Unable to create the ‘/useruploads/images/’ directory – please check your permissions.
    ——————————————
    لا أعلم كيف يظهر مشكلة فى الصلاحيات وأنا شغال على ويندوز


  4. خالد: 28, سبتمبر 2008 في 5:34 م

    هل طبقت الخطوة 8 بشكل صحيح؟ هذا الخطأ ظهر معي وعندها جربت العديد من الأمور حتى وصلت للحل الذي كتبته في الخطوة 8


  5. sfsf: 29, سبتمبر 2008 في 10:37 ص

    أخى خالد
    قمت بعمل فولدر useruploads ووضعته على الروت الأساسى WWW فإختفى الخطأ ورفع الصورة لكن أعطى خطأ فى عمل الصورة ال thumb
    لكن عند الرفع على السيرفر يكمل شريط التحميل للأخر ثم تظهر رسالة status500 error uploading


  6. خالد: 29, سبتمبر 2008 في 11:06 ص

    الخطوة 8 تقوم بإنشاء المجلد، وبالنسبة للخطأ يجب أن تعطي الصلاحيات كاملة على هذا المجلد.


  7. محمد العاني: 4, أكتوبر 2008 في 6:48 م

    - ولا تنسى خيار “ترتيب الملفات المرفوعة حسب التاريخ” هذا يُحذف. وكل شيء تمام! :) . أصلا التايني مريح بهذه الميزة بشكل لا يصدق! -

    ماذا تقصد اخي عمر بهذا ؟


  8. عمر الدليمي: 4, أكتوبر 2008 في 7:03 م

    أخي التايني (المحرر الأصلي القادم مع وورد بريس) لا توجد فيه مشاكل.
    فأعدادت بسيطة يطلبها منك لا أكثر.
    أولا: إنشاء المجلد /wp-content/uploads وإعطاءه الصلاحية 777.
    ثانياً الذهاب للوحة التحكم -> الإعدادات -> متنوع:
    أزل علامة الصح عن:
    “تنظيم الملفات المرفوعة في مجلدات بالإعتماد على التاريخ” وكل شيء سيتم بخير :) .


  9. ايمان: 12, أكتوبر 2009 في 11:52 ص

    السلام عليكم …
    هل بالامكان ايجاد شي مجاني فيه باللغه العربيه لكي ارفع الصور ..


  10. خالد: 12, أكتوبر 2009 في 4:31 م

    وعليكم السلام ورحمة الله،

    يمكنك ترجمة الإضافة بكل سهولة ويسر، أما التايني فيوجد له ترجمة عربية فقط استخدميها.


شاركنا برأيك؟

الرجاء الكتابة باللغة العربية الفصحى، وإذا كنت تريد كتابة سؤال حاول البحث في غوغل أولاً فغالباً ستجد عنده الخبر اليقين.

  • الأكثر قراءة
  • الأحدث
  • الأرشيف
  • تعلم الكيك وتطوير المواقع بالبيت
  • تنظيم الوقت البرمجي
  • أفكار ومواقع ويب 2 شهيرة
  • مقدمة في CakePHP
  • لماذا غوغل شريرة!
  • الخطوط العربية
  • تصميم قاعدة البيانات
  • هل تريد أن تكسب 1000 دولار؟
  • مواقع عربية بالدروبال
  • موقع الجزيرة الجديد
    1. غوغل، جوجل، كوكل أو قوقل!
    2. دروبال تعلمه بالعربي
    3. تحديثات بالجملة
    4. صفحة 404
    5. مدونة الويب 2.0 في 2010
    6. عن غيوم
    7. وحدة Scrollable Content لدروبال
    8. موقع بدون قاعدة بيانات
    9. دول العالم باللغة العربية
    10. ثيم خفيفة للفايرفوكس
    1. أغسطس 2010
    2. مارس 2010
    3. فبراير 2010
    4. يناير 2010
    5. ديسمبر 2009
    6. سبتمبر 2009
    7. أغسطس 2009
    8. يوليو 2009
    9. يونيو 2009
    10. مايو 2009
    11. مارس 2009
    12. فبراير 2009
    13. يناير 2009
    14. ديسمبر 2008
    15. نوفمبر 2008
    16. أكتوبر 2008
    17. سبتمبر 2008
    18. أغسطس 2008
    19. يوليو 2008
    20. يونيو 2008
    • اشترك بآخر الأخبار RSS

      Feeds Counter

      أو

    • الاستبيان

      هل طورت أو ساعدت بتطوير مشروع مفتوح المصدر؟

      مشاهدة النتيجة

      Loading ... Loading ...
    • أوسمة

      Ajax css IDE jQuery php SEO TinyMCE أخبار المدونة أذكار أطر العمل أفكار إدارة المحتوى إدارة محتوى إضافات استبيان الأجاكس الأمان الاختبارات الآلية الكيك برمجة تحديثات تحميل تدوينات رمضان تصميم تطوير تعريب تعلم الكيك وتطوير المواقع بالبيت تكتيك تنظيم الوقت جوائز حديث دروبال دعاية فايرفوكس فرص عمل كتب مسابقات مهمات مواقع نصائح هندسة برمجيات وورد بريس

    حول المدونة

    • جميع الحقوق محفوظة © 2008-2010 مدونة الويب 2.0.
    • يمكنك نقل المحتويات أو اقتباس أي جزء منها ويفضل ذكر المصدر.
    • من الممكن أن تساعدك خريطة الموقع.

    عروض العمل

    • يمكنك أن تناقشني حول عروض العمل للمدونات أو لمواقع الويب 2.0.
    • أيضاً يمكنك استشارتي في وضع التفاصيل لمدونة أو لفكرة مشروع جديد.
    • سيرتي الذاتية على My Linkedin Profile

    تواصل معي

    • خالد الحوراني مطور ويب 2.0
    • دمشق - سوريا
    • تابع أخباري على My Twitter account
    • أو راسلني فوراً