الفريق العربي للبرمجةأرشيف المنتديات · 2000 – 2023
نسخة أرشيفية للقراءة فقط — التسجيل والمشاركة مغلقان، والمحتوى محفوظ كما كان.

درس في كيفية استخدام محرر HTML

بدأه خالد محمد جلال في 31 يناير 2010 · 3 رد · 663 مشاهدة · في منتدى تطوير المواقع بـ PHP
مشاركة: واتساب X فيسبوك تيليجرام
#1 صاحب الموضوع

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

السلام عليكم ورحمة الله وبركاته اقدم لكم هذا الدرس وهو عبارة عن محرر HTML وهو اداه جافا سكربت يمكنك استخدامها في لوحات التحكم بالنسبة للمواقع الديناميكية (CMS) حيث يمكنك تحرير صفحة HTML كاملة بالاضافة الى ان لو اردت نسخ صفحة ويب من اي موقع اخر ووضعتها في هذا المحرر سيقوم بنسخ كل ما تحتويه هذه الصفحة من الوان الخطوط واحجام العناوين بالاضافة الى الروابط والصور.....الخ

ومن مميزات هذا المحرر انه سهل الاستخدام والتركيب.

فالنبدأ في الشرح:

بداية اوضح لكم ان هذا المحرر عبارة عن كلاس فنقوم بتكوين object من هذ الكلاس ونعطيه اسم المحرر وهو هنا سنسميه "spaw1"

include("spaw.inc.php");
$spaw1 = new SpawEditor("spaw1");

بعد ذلك نستدعي method اسمها setDimensions ونعطيها ال width وال height للمحرر فمثلا

$spaw1->setDimensions(700, 300);

ثم بعد ذلك نقوم باستدعاء method اسمها show والتي تقوم بعرض المحرر

$spaw1->show();

ونلاحظ هنا ان هذا المحرر يعامل معاملة ال textarea فاننا نعطيه اسم وعرض وطول وايضا يوضع في <form> ونحدد لهذه الفورم acton و method

<?php
include("spaw.inc.php");
$spaw1 = new SpawEditor("spaw1");
?>

  <form method="post" action="display.php">
  <?php
  $spaw1->setDimensions(700, 300);
  $spaw1->show();
  ?>
  <input type="submit" name="submit1" value="Insert">
  </form>

بالاضافة الى ما يوضع داخل صفحة ال display.php

echo(stripslashes($_POST['spaw1']));

فنلاحظ هنا ان المحرر يعامل معاملة ال textarea بالظبط فنقوم بجلب محتوياته بنفس الطريقه لاننا حددنا ال method هنا POST وبالمثل اذا حددناها GET

ولكن بعد ان نجلب محتويات المحرر نقوم بارسال محتواه الى الدالة stripslashes لان المحتوى هنا هي اكواد HTML

ويمكنك بعد ذلك وضع محتوى هذا المتغير في قاعدة بيانات

$editor = stripslashes($_POST['spaw1']);

وفي النهاية اقدم لكم رابط تحميل المحرر + عرض فيديو للمحرر في هذ الرابط

http://3lemni.madpage.com/site/index.php?pid=24

2
#2

شكراً لك على هذا الدرس. لكني لم أجد رابط التحميل، هلا وضعته في المنتدي؟؟؟

ولك جزيل الشكر.

#3

fبعد إذن الكاتب هذا هو رابط الملفات :

رابطي

CMS Sfhati , Website Generator


نظام إدارة المحتوى صفحتي ... جربه الآن 


 


small-logo.png

#4

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

رابط التحميل موجود في الرابط الذي وضعته في الموضوع ولكنه مخفي ولن يظهر الا بعد تسجيلك في الموقع المقتبس منه هذا الموضوع هذا اولا اما بالنسبة للاخ bastr3 فجزاه الله خيرا ولكن رابط الملفات الذي وضعه فيختلف عن ملفاتي قليلا لاني قمت بوضع الاكواد الذي وضعتها في الموضوع في صفحتين منفصلتين للتسهيل وشكراً.

مواضيع مشابهة