محررات النصوص جافا سكريبت ريتش

Question

وهناك العديد من (جيد جدا) الغنية النص المحررين الويب المكتوبة في جافا سكريبت (على سبيل المثال فكيديتور، YUI محرر نصوص وغيرها الكثير الكثير).

ولكن لم أتمكن من العثور على أي تعليمي عن كيفية بناء مثل هذا المكون. وهو الأمر الذي من شأنه أن يفسر على حد سواء الاعتبارات رفيع المستوى (عمارة) و / أو مزيد من التفاصيل في مستوى منخفض نقطة "حرجة" (أي لماذا معظم المحررين هناك استخدام الإطار من، كيف تتعاملون مع مدخلات لوحة المفاتيح مثل السيطرة-B، والسيطرة -C عند تحديد النص وعندما لا يكون الخ)

وحافزي الرئيسي هو الفضول. إذا كان لي أن تطوير مثل محرر اليوم وأود أن لا تعرف من أين تبدأ من.

لا أحد يعرف من أي البرنامج التعليمي الذي يغطي القضايا المذكورة أعلاه (مثالي، وهو الأمر الذي يفسر كيفية بناء محرر WYSIWYG من الصفر)؟

Answer 1

وبعد مزيد من البحث وجدت ما يلي: يتم تنفيذ وظائف لبناء النص المنسق محرر بالفعل في المتصفح. كان IE أول من خلق مثل هذه API وفايرفوكس نسخة عنها.

نظرة عامة

والنقطة الرئيسية هي أن الكائن "وثيقة" جافا سكريبت لديها خاصية تسمى designMode التي يمكن وضعها على "على". وهذا يحول كل صفحة إلى أن أحد مكونات مثل جزء النص. تخيل أن المستعرض يفتح صفحة بنفس الطريقة التي مايكروسوفت وورد أن: يمكن للمستخدم رؤية التنسيق لكنه يمكن أيضا كتابة في الصفحة (عادة المتصفح يفتح صفحة كما للقراءة فقط)

window.document.designMode = "On";

ولأن يؤثر قبل كل شيء صفحة الويب، معظم المحررين استخدام إطارات iFrames ذلك أن المنطقة قابلة للتحرير ليست سوى الإطار من التي لديها انها كائن المستند الخاص.

وعلاوة على ذلك، هناك API التي تتيح الوصول جافا سكريبت سهل التصميم. يتعرض هذا رمي طريقة execCommand (). على سبيل المثال يمكنك الاتصال من جافا سكريبت

document.execCommand('bold', false, '');

ووسوف النص المحدد أصبح جريئا.

دروس

ولقد وجدت ما يلي:

وخطوة بخطوة وجيزة .

دليل . فمن لديه مرجع API الأكثر ملاءمة لقد وجدت، وكذلك بعض المزيد من الروابط.

مايكروسوفت .

Answer 2

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

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

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