كيف عمل صفحة محرر نصوص لموقع ؟
سلام عليكم ورحمت الله وبركاته
ممكن مساعدة بخصوص عمل محرر نصوص لموقع مثل ماهو موجود بالصوره علشان اضيفه لموقعي ؟
الإجابة الصحيحة
وعليكم السلام ورحمة الله وبركاته
مرحبا فهد
يمكنك بناؤه عن طريق جافا سكربت ولكنه سيأخذ منك وقت وجهد للتطوير ولذالك هناك محررات جاهزة ومجانية موجودة على الانترنت
المحرر الذي فى الصورة والمستخدم فى عالم البرمجة هو محرر ckeditor
بالنسبة لإستخدامهم سهل جدا يمكنك قراءة بعض الامثلة من التوثيقات على المواقع اعلاه مثال لإستخدام محررckeditor
الخطوة الاولي : قم بتحميله من هنا ckeditor ومن ثم قم بفك الضغض عن الملف اجعله فى نفس مسار ملف HTML الخاصة بك .
الخطوة الثانية : اضف الكود التالي الي صفحة HTML الخاصة بك
<!DOCTYPE html>
<html>
<head>
<title>My awesome website</title>
<script type="text/javascript" src="ckeditor/ckeditor.js"></script>
</head>
<body>
<textarea name="" id="textckeditor" cols="30" rows="10"></textarea>
<script type="text/javascript">
CKEDITOR.replace('textckeditor');
</script>
</body>
</html>
ملاحظة : لم اجرب الكود
تحياتي لك
الإجابات (2)
وعليكم السلام ورحمة الله وبركاته
مرحبا فهد
يمكنك بناؤه عن طريق جافا سكربت ولكنه سيأخذ منك وقت وجهد للتطوير ولذالك هناك محررات جاهزة ومجانية موجودة على الانترنت
المحرر الذي فى الصورة والمستخدم فى عالم البرمجة هو محرر ckeditor
بالنسبة لإستخدامهم سهل جدا يمكنك قراءة بعض الامثلة من التوثيقات على المواقع اعلاه مثال لإستخدام محررckeditor
الخطوة الاولي : قم بتحميله من هنا ckeditor ومن ثم قم بفك الضغض عن الملف اجعله فى نفس مسار ملف HTML الخاصة بك .
الخطوة الثانية : اضف الكود التالي الي صفحة HTML الخاصة بك
<!DOCTYPE html>
<html>
<head>
<title>My awesome website</title>
<script type="text/javascript" src="ckeditor/ckeditor.js"></script>
</head>
<body>
<textarea name="" id="textckeditor" cols="30" rows="10"></textarea>
<script type="text/javascript">
CKEDITOR.replace('textckeditor');
</script>
</body>
</html>
ملاحظة : لم اجرب الكود
تحياتي لك
لايوجد لديك حساب في عالم البرمجة؟
تحب تنضم لعالم البرمجة؟ وتنشئ عالمك الخاص، تنشر المقالات، الدورات، تشارك المبرمجين وتساعد الآخرين، اشترك الآن بخطوات يسيرة !