مدونة الويب 2.0

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

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

September 24, 2008 - الأربعاء 24 رمضان 1429 التصنيف: تطوير

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

منذ مدة كانت عندي مشكلة في استخدام التايني (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
الوسوم: تدوينات رمضان, تطوير
أرسل هذه التدوينة لصديق أرسل هذه التدوينة لصديق
طباعة هذه التدوينة طباعة هذه التدوينة

    إقرأ أيضاً:

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

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

  1. عمر الدليمي: September 25, 2008 - الخميس 25 رمضان 1429 في 3:03 م

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


  2. خالد: September 25, 2008 - الخميس 25 رمضان 1429 في 4:23 م

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


  3. sfsf: September 28, 2008 - الأحد 28 رمضان 1429 في 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. خالد: September 28, 2008 - الأحد 28 رمضان 1429 في 5:34 م

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


  5. sfsf: September 29, 2008 - الاثنين 29 رمضان 1429 في 10:37 ص

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


  6. خالد: September 29, 2008 - الاثنين 29 رمضان 1429 في 11:06 ص

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


  7. محمد العاني: October 4, 2008 - السبت 05 شوال 1429 في 6:48 م

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

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


  8. عمر الدليمي: October 4, 2008 - السبت 05 شوال 1429 في 7:03 م

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


  9. ايمان: October 12, 2009 - الاثنين 24 شوال 1430 في 11:52 ص

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


  10. خالد: October 12, 2009 - الاثنين 24 شوال 1430 في 4:31 م

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

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


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

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

  • الأكثر قراءة
  • الأحدث
  • الأرشيف
  • تعلم الكيك وتطوير المواقع بالبيت
  • أفضل الأدوات لرفع الملفات
  • تنظيم الوقت البرمجي
  • مقدمة في CakePHP
  • أفكار ومواقع ويب 2 شهيرة
  • لماذا غوغل شريرة!
  • الخطوط العربية
  • هل تريد أن تكسب 1000 دولار؟
  • تصميم قاعدة البيانات
  • مواقع عربية بالدروبال
    1. كتب مطلوبة
    2. إصلاح علة أمنية في دروبال 7.3 و 7.4
    3. حل المشكلة أم الترقيع؟
    4. مراجعة كتاب 50 Tips and Tricks for MongoDB Developers
    5. تعريب الوحدات الإضافية
    6. البرامج العربية
    7. تعريب الدروبال 7 – العد التنازلي للنواة
    8. تعريب الدروبال 7 – اليوم الثالث
    9. تعريب الدروبال 7 – اليوم الثاني
    10. تعريب الدروبال 7 – اليوم اﻷول
    11. تعريب الدروبال 7
    1. يونيو 2011
    2. مايو 2011
    3. أبريل 2011
    4. مارس 2011
    5. فبراير 2011
    6. يناير 2011
    7. ديسمبر 2010
    8. نوفمبر 2010
    9. أكتوبر 2010
    10. أغسطس 2010
    11. مارس 2010
    12. فبراير 2010
    13. يناير 2010
    14. ديسمبر 2009
    15. سبتمبر 2009
    16. أغسطس 2009
    17. يوليو 2009
    18. يونيو 2009
    19. مايو 2009
    20. مارس 2009
    21. فبراير 2009
    22. يناير 2009
    23. ديسمبر 2008
    24. نوفمبر 2008
    25. أكتوبر 2008
    26. سبتمبر 2008
    27. أغسطس 2008
    28. يوليو 2008
    29. يونيو 2008
    • اشترك بآخر الأخبار RSS

      Feeds Counter

      أو

    • أشارك بتعريب دروبال 7

    • أراجع كتب Oreilly

      I review for the O'Reilly Blogger Review Program
    • أفضل هدية تقدمها لي

    • تقنية الطماطم

      I Use the Pomodoro Technique
    • عشرون عام لمشروع اللينكس

      I'll be celebrating 20 years of Linux with
The Linux Foundation!
    • وسوم

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

    حول المدونة

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

    عروض العمل

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

    تواصل معي

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

    Switch to our mobile site