كيف اقدر اعمل محرر نصوص على صفحة ويب كهذا الذي بالصورة المرفقه او كمحرر موقع حسوب هذا، مع المميزات من نسخ ولصق والتحكم بالمؤشر الخ..
يرجى الدخول لحسابك أو تسجيل حساب لتستطيع إضافة تعليق
حساب جديد
دخول
التعليقات
يتم ذلك بتضمين بسيط للملفات المصدرية في الصفحة، ثم تحديد الحقل النصي الذي تحاول تحويله إلى محرر نصوص.
مثال:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>RichText محرر نصوص</title>
<!-- تضمين ملف تنسيقات بوتستراب -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- richText تضمين ملف تنسيقات حزمة -->
<link rel="stylesheet" href="richtext.min.css">
<!-- تضمين جيكويري -->
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!-- تضمين ملف جافاسكربت الخاص بالحزمة -->
<script type="text/javascript" src="jquery.richtext.js"></script>
</head>
<body>
<div class="page-wrapper box-content">
<!-- تعريف حقل نصي -->
<textarea class="content" name="example"></textarea>
</div>
<script>
$(document).ready(function() {
/* تهيئة الحزمة على الحقل النصي */
$('.content').richText();
});
</script>
</body>
</html>
الناتج:
