كيف عمل صفحة محرر نصوص لموقع ؟

فهد العازمي • منذ 6 سنوات

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

 

ممكن مساعدة بخصوص عمل محرر نصوص لموقع مثل ماهو موجود بالصوره علشان اضيفه لموقعي ؟

 

توضيح

 

كلمات دليلية: php محرر

الإجابة الصحيحة

Mohamed vall • منذ 6 سنوات

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

مرحبا فهد

يمكنك بناؤه عن طريق جافا سكربت ولكنه سيأخذ منك وقت وجهد للتطوير ولذالك هناك محررات جاهزة ومجانية موجودة على الانترنت 

منها مثلا ckeditor  و  tinymce

 

المحرر الذي  فى الصورة والمستخدم فى عالم البرمجة هو محرر 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)

Mohamed vall • منذ 6 سنوات
الإجابة الصحيحة
مميز

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

مرحبا فهد

يمكنك بناؤه عن طريق جافا سكربت ولكنه سيأخذ منك وقت وجهد للتطوير ولذالك هناك محررات جاهزة ومجانية موجودة على الانترنت 

منها مثلا ckeditor  و  tinymce

 

المحرر الذي  فى الصورة والمستخدم فى عالم البرمجة هو محرر 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>

ملاحظة : لم اجرب الكود 

تحياتي لك 

فهد العازمي • منذ 6 سنوات

شكراً للحل 

لايوجد لديك حساب في عالم البرمجة؟

تحب تنضم لعالم البرمجة؟ وتنشئ عالمك الخاص، تنشر المقالات، الدورات، تشارك المبرمجين وتساعد الآخرين، اشترك الآن بخطوات يسيرة !