محرر الواحة للتنسيق والتحرير - الإصدار الأول

arch-life

Member
1_21286265209.png

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

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

تحية طيبة للجميع

تم بحمد الله وفضله الانتهاء من برمجة :

محرر الواحة للتنسيق والتحرير المطور "الإصدار الأول"



معلومات عن المحرر :

1- تم إضافة مجموعة كبيرة ومميزة من الأزرار الإضافية للمحرر الجديد CKeditor
سنستعرضها بعد قليل إن شاء الله

2- إضافة صور جاهزة جميلة جدا للمحرر يمكنك استخدامها مباشرة في المحرر

4- ترتيب الأزرار تلقائيا في شكل الصندوق بحيث يعطي شكل جميل ومنتظم

5 - تم حل مشكلة الفلاش وذلك ببرمجة كود خاص به

6 - تم حل مشكلة تعارض اكواد الهتمل مع البي بي كود

7 - يمكنك تعطيل أي زر من الأزرار من خلال لوحة تحكم الإدارة

8- يمكنك تعطيل مكان عمل المحرر في المنتدى وذلك بتقسيمه إلى عدة مجموعات
في لوحة تحكم الإدارة بحيث يمكن تعطيله وتفعيله في :
1- الرد السريع
2- التحرير السريع
3- الرد المتقدم
4- اضافة موضوع جديد
5- الرسائل الخاصة
6- رسائل الزوار
والمحرر يعمل ايضا في كل من المدونات والمجلة

ملاحظة هامة : المحرر يعمل فقط مع النسخ 4.1.8 وأحدث

ويعمل أيضا مع النسخ الأقل من 4.1.8 ولكن شكل المحرر لايكون منظما
والأزرار غير مرتبة كما هي حاليا

وذلك بسبب تغيير بعض الأوامر الخاصة بالمحرر الجديد CKeditor

الأزرار التي تمت اضافتها وهي تعمل جيدا في كافة المتصفحات
بما في ذلك Firefox و Internet Explorer

1 - تلوين خلفية النص
2 - خلفية ملونة لمحتوى الموضوع أو الرد
3 - خلفية صورية لمحتوى الموضوع أو الرد
4 - إدراج مقطع صوتي من نوع Mp3
5 - إدراج مقطع صوتي من نوع Realplayer
6 - إدراج مقطع فيديو من نوع Realpalyer
7 - إدراج مقطع فيديو من نوع MediaPlayer
8 - إدراج نص متوهج
9 - إدراج نص متدرج
10 - إدراج نص بحروف ملونة تتغير بتحديث الصفحة
11 - إدراج تنبيه
12 - إدراج تحذير
13 - إدراج ملاحظة
14 - إدراج نص متحرك لليمين
15 -
إدراج نص متحرك لليسار
16 -
إدراج نص متحرك للأعلى
17 -
إدراج نص متحرك للأسفل
18 - إدراج صفحة ويب
19 - إدراج نص مخفي بزر منبثق
20 - إدراج كود بحث في Google
21 - إدراج فــلاش
22 - إدراج ملف PDF أكروبات
23 - إدراج صورة لليمين
24 - إدراج صورة لليسار
25 - خاصية البحث في نص المحرر
26 - خاصية البحث والاستبدال في نص المحرر
27 - خاصية المدقق الإملائي Scayt ويعمل مع كافة المحرر
28 - زر الطباعة
29 - إدراج فاصل الطباعة
30 - صفحة جديدة
31 - تحديد الكل
32 - معاينة في المتصفح مباشرة دون تحديث الصفحة
33 - إدراج حروف ورموز خاصة
34 - تغيير لون خلفية المحرر
35 - إدراج مستند من Google
36 - الخاصية المميزة (قائمة الأدوات والإضافات الجاهزة)

الشروحـــــــات والصور


حُرر



editor1.gif


editor2.gif



نبدأ باستعراض الأزرار على بركة الله تعالى :

1 - الأدوات والإضافات الجاهزة

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

صور من هذه الإضافة الجميلة :

listimg.gif




wahpic1.gif


wahpic2.gif



2 - تلوين خلفية النص
bgcolors.png

وهي أداة تم إضافتها بجوار زر لون النص
تسمح لك بتلوين خلفية النص بلون مختلف عن لون النص
وتمت إضافة ألوان جميلة جدا للخلفيات

مثال لخلفية النص :
bgcolor.gif





3- إدراج نص متوهج
Glow.png


وهي أداة تم إضافتها للمحرر
تسمح لك بإضافة توهج حول النص
وتمت إضافة ألوان جميلة جدا للتوهج


مثال للنص المتوهج :

glow.gif







4- إدراج مقطع صوتي من نوع MP3
Mp3.png


وهي أداة تسمح لك بإضافة مقطع صوتي للمشاركات والمواضيع
وذلك بوضع الرابط المباشر للمقطع الصوتي ويكون بامتداد Mp3

مثال لمقطع صوتي من نوع Mp3



mp3.gif




5- إدراج مقطع صوت من نوع RealPlayer
Real.png


وهي أداة تسمح لك بإضافة مقطع صوتي للمشاركات والمواضيع
وذلك بوضع الرابط المباشر للمقطع الصوتي ويكون بامتداد Ram أو Ra أو Rm

مثال لمقطع صوتي من نوع Realplayer

ram.gif





6- إدراج مقطع فيديو من نوع RealPlayer
Realv.png


وهي أداة تسمح لك بإضافة مقطع فيديو للمشاركات والمواضيع
وذلك بوضع الرابط المباشر للفيديو ويكون بامتداد Rv أو Rm أو Ramv

مثال لمقطع فيديو من نوع Realplayer

ramv.gif




7- إدراج مقطع فيديو من نوع MediaPlayer
Wmv.png


وهي أداة تسمح لك بإضافة مقطع فيديو للمشاركات والمواضيع
وذلك بوضع الرابط المباشر للفيديو ويكون بامتداد wmv
مثال لمقطع فيديو من نوع MediaPlayer

wmv.gif




8- إدراج نص متدرج بألوان قوس قزح
grads.png
و نص متدرج بألوان عشوائية
grads1.png


وهي أداة تسمح لك بإضافة نص بألوان قوس قزح متدرجه والأداة الأخرى
تسمح لك بإضافة نص بألوان عشوائية متدرجة تتغير بتحديث الصفحة

ملاحظة هامة : لاستخدام هذه الأداة يتوجب عليك اضافة كل سطر بكود تدرج لوحده :

على سبيل المثال لو أردنا كتابة : بسم الله الرحمن الرحيم وأسفل منها عبارة السلام

نضع الكود في الصندوق كالتالي :








[Grad]بسم الله الرحمن الرحيم[Grad/]
[Grad] السلام عليكم ورحمة الله وبركاته[Grad/]


مثال نص متدرج بألوان قوس قزح

grad.gif




9- إدراج تحذير
warnings.png

وهي أداة تسمح لك بإضافة تحذير بشكل جميل جدا وبتقنية CSS
مثال للتحذير

warning.gif




10- إدراج تنبيه
alerts.png

وهي أداة تسمح لك بإضافة تنبيه بشكل جميل جدا وبتقنية CSS
مثال للتنبيه

alert.gif




11- إدراج ملاحظة
infos.png

وهي أداة تسمح لك بإضافة ملاحظة بشكل جميل جدا وبتقنية CSS
مثال للملاحظة

info.gif




12 - إدراج نص متحرك لليمين
rights.png
ولليسار
lefts.png
وللأعلى
ups.png
وللاسفل
downs.png


وهي أداة تسمح لك بإضافة نص متحرك سواء لليمين أو لليسار أو للأعلى أو للأسفل
وتم وضع زر مستقل لكل أداة ولا أعتقد أنها تحتاج إلى مثال .


13- إدراج صفحة ويب
webp.png


وهي أداة تسمح لك بإضافة صفحة ويب داخل المواضيع والمشاركات
وبشكل جميل جدا

مثال لذلك :

frame.gif





14- إدراج نص مخفي
hides.png


وهي أداة تسمح لك بإضافة نص مخفي
يظهر عن النقر على الظهور ويختفي عند النقر على زر الاخفاء
وتسطيع تغيير عنوان النص المخفي بالذي تريد
كأن تكتب في خانة العنوان (انقر هنا للاظهار) أو تكتب يوجد هدية لك انقر هنا
او كما يحلو لك

مثال لذلك :

hide1.gif


hide2.gif





15- إدراج كود بحث في Google
googles.png


وهي أداة تسمح لك بإضافة كود جميل عبارة عن اضافة اي نص تريد
البحث عنه في محرك قوقل

مثال لذلك :
google.gif





16- إدراج فلاش
flashs.png


وهي أداة تسمح لك بإضافة فلاش داخل المواضيع والمشاركات
مع خاصية الطول والعرض


مثال لذلك :

flashbox.gif



flash.gif



17- إدراج ملف أكروبات PDF
pdfs.png


وهي أداة تسمح لك بإضافة ملف أكروبات من نوع PDF
وقراءته بشكل مباشر من الموضوع مع إضافة أدوات أكروبات ريدر له


مثال لذلك :

pdf.gif


18- محاذاة الصورة لليمين
imager.png
أو لليسار
imagel.png


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


19- خاصية تلوين خلفية المحرر باللون الذي تريده
uicolor.png


وهي أداة تسمح لك بتلوين خلفية المحرر

باللون الذي تريده من خلال نافذة اختيار اللون




20- إدراج حروف خاصة
char.png


وهي أداة تسمح لك بإضافة حروف خاصة
يمكن استخدامها في عدة مجالات
ككتابة رموز رياضية أو معادلات أو غيرها

مثال للحروف الخاصة :

char.gif




21 - خاصية البحث داخل المحرر
findr.png


وهي أداة تسمح لك بالبحث داخل المحرر عن اي نص تريده


22 - خاصية البحث والاستبدال داخل المحرر
replace.png


وهي أداة تسمح لك بالبحث داخل المحرر عن اي نص تريده
واستبداله بأي نص تريده مباشرة


23 - خاصية الطباعة
print.png


وهي أداة تسمح لك بطباعة محتوى المحرر
او النصوص التي قمت بكتابتها فقط دون طباعة الصفحة كاملة


24 - خاصية فاصل الطباعة
pagebreak.png


وهي أداة تسمح لك بإدراج فاصل صفحات للطباعة في حال أنك تريد طباعة محتوى المحرر
وذلك بإدراج فاصل للطباعة كما في تنسيق مستند WORD


25 - صفحة جديدة
newpage.png


وهي أداة تسمح لك بمسح محتوى المحرر كاملا والبدء من جديد بصفحة جديدة


26 - تحديد الكل
selectall.png


وهي أداة تسمح لك بتحديد كل ما تم كتابته في المحرر



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

شرح التركيب مرفق مع المنتج

ملاحظة هامة جدا : بعد زراعة الاكواد الموضحة في الشرح
يتوجب عليك التوجه الى لوحة تحكم المنتدى
ثم اكواد BBcode المخصصة
ثم التحكم بالاكواد وتعديل اي كود من الاكواد الموجودة امامك
ثم احفظ بدون اي تغيير من اجل عملية التحديث فقط لاغير

المعذرة على عدم رفع المنتج في المرفقات بسبب
أن أقصى حجم للمرفق لايسمح لي باضافة المنتج
حيث ان حجمه 6 ميجابايت وذلك بسبب صور الاضافات والأدوات الجاهزة

تحميل المنتج برابط مباشر :

لتحميل محرر الواحة للتنسيق والتحرير بالترميز العادي

لتحميل محرر الواحة للتنسيق والتحرير بترميز UTF-8


 


الموضوع محشو بالروابط الخارجية عزيزي على الكلمات والصور ..

تم التحرير والغلق ..

//
 
عودة
أعلى