أدوات المطورين · محرر HTML WYSIWYG
تاريخ قصير لـ WYSIWYG: من برافو Xerox PARC إلى محرري المتصفح
· خلفية
أتش تي أم أل contenteditable سير عمل المطور
يتتبع ما تراه هو ما تحصل عليه من التحرير من أنظمة البحث في السبعينيات من خلال النشر المكتبي ومنشئي صفحات الويب إلى المحررين القابلين للتحرير في كل متصفح.
قبل WYSIWYG، قمت بالتنسيق الأعمى - وفتح بسير عمل الترميز والطباعة ولماذا كان التحرير المرئي ثوريًا
قبل التحرير المرئي، غالبًا ما كان المؤلفون يكتبون رموز التحكم أو العلامات ويعرضون النتيجة المنسقة لاحقًا. أدى التأخير إلى جعل التخطيط متكررًا: تغيير التعليمات، والعرض مرة أخرى، والمقارنة، والتكرار. يؤدي عرض التنسيق أثناء التركيب إلى تقصير هذه الحلقة وتغيير ما يتوقعه غير المتخصصين من برامج المستندات.
تتجنب هذه المقالة عمدًا الأوائل والتواريخ الدقيقة التي لا يصدرها المستودع بشكل مستقل. والغرض منه هو شرح نسب التصميم وراء سطح تحرير المتصفح، وليس التصديق على التسلسل الزمني التاريخي الكامل. تحتاج المعالم المحددة إلى مراجع أرشيفية قبل نشرها كسجل واقعي للمنتج.
أسست أنظمة المستندات المرئية المبكرة لهذه الفكرة؛ لا يحتوي هذا المستودع على تسلسل زمني لـ Bravo
تمت مناقشة أنظمة البحث المرتبطة بـ Xerox PARC على نطاق واسع في تاريخ WYSIWYG، وأسماء المصنفات Bravo. لا يوجد مصدر مستودع متوفر هنا يتحقق من تاريخه أو مجموعة الميزات أو الأولوية على المعاصرين، لذلك يتم حذف هذه التفاصيل بدلاً من إعادة صياغتها كحقيقة.
إن الحدث المفاهيمي الذي يمكن الدفاع عنه هو عرض نقطي مقترن بمعالجة مباشرة للمستندات المنسقة. أصبحت الشاشة تقريبيًا نشطًا للإخراج بدلاً من مجرد مكان لكتابة الأوامر. لا تزال هذه العلاقة بين التنسيق المرئي والبنية الأساسية تحدد المقايضات الحديثة للمحرر.
وصل التحرير المرئي إلى أجهزة سطح المكتب الاستهلاكية. تتطلب المعالم الدقيقة للمنتج مصادر أرشيفية خارجية
يسمي المصنف بعد ذلك Xerox Star وMacWrite والنشر المكتبي. يتطلب التسلسل الدقيق والتأثير مصادر خارج قاعدة التعليمات البرمجية هذه. ما يمكن قوله دون اختراع هو أن الحوسبة الشخصية الرسومية جعلت التركيب البصري مألوفًا لجمهور أوسع بكثير وربطت التحرير بالخطوط والمسافات وتخطيط الصفحة.
شجع نموذج سطح المكتب هذا توقعات الصفحات المستقرة وأجهزة الإخراج الخاضعة للتحكم. أدى محتوى الويب لاحقًا إلى تعقيد الوعد لأن جزءًا واحدًا HTML يمكنه تلبية العديد من أوراق الأنماط والعروض وتفضيلات المستخدم. أصبحت عبارة "ما تراه" أقل حرفية مع انتقال النشر من الصفحات الشبيهة بالورق إلى المستندات سريعة الاستجابة.
كشف منشئو الصفحات في التسعينيات عن تأليف الويب المرئي ومقايضة الترميز
جلب منشئو صفحات الويب المرئية التركيب المباشر إلى HTML وأصبحوا مرتبطين بالأغلفة التي تم إنشاؤها وترميز العروض التقديمية. مرة أخرى، يذكر المصنف منتجات معينة دون وجود دليل مستودع لسمعة مفصلة أو جدول زمني. تحصر هذه المقالة النقطة في المقايضة الهندسية الدائمة.
يجب أن تترجم الأداة المرئية الإيماءات إلى شجرة وسلسلة. إذا تم تحسينه للظهور الفوري، فقد يصدر عرضًا تقديميًا محليًا يقاوم إعادة التصميم لاحقًا. إذا كان يقيد الإخراج، فإن الإخلاص البصري للمصدر ينخفض. ToolAcre يختار مجموعة فرعية دلالية مقيدة ويعرض المصدر الذي تمت تصفيته.
ينتقل التحرير إلى الصفحة - ويوضح كيف جلب contenteditable WYSIWYG إلى المتصفحات والأنظمة الأساسية CMS
قام محتوى المتصفح القابل للتحرير بنقل مضيف التحرير إلى عنصر صفحة عادي. يمكن للمتصفح إدارة علامات الإقحام والتحديدات والكتابة والحذف بينما يوفر رمز التطبيق عناصر التحكم والقراءة الداخلية لـHTML. يتبع ToolAcre هذا النموذج ويرسل حاليًا إجراءات شريط الأدوات من خلال execCommand المهمل.
يضيف التطبيق بعد ذلك الحدود التي لا يوفرها مضيف التحرير الأصلي: اعتراض اللصق، وتعقيم المصدر، وتقرير الإزالة، وعدد الأحرف والكلمات، واستخراج النص العادي، والنسخ، والتنزيل، والمعاينة الخاملة. تشرح هذه الطبقات لماذا لا يعد المحتوى القابل للتحرير وحده منتجًا كاملاً.
تفضل الحركة المضادة المصدر المقيد والتحرير المنظم، دون جدول زمني للمنتج من المصدر
تجيب العلامات خفيفة الوزن والمحررات المنظمة على نفس المخاوف المتعلقة بجودة المخرجات بشكل مختلف. إنها تقيد ما يمكن للمؤلفين التعبير عنه أو تخزينه، ثم تقدم نتيجة خاضعة للرقابة. يطلب المصنف حركة مضادة تاريخية، ولكن لا يوجد مصدر هنا يدعم التاريخ أو مطالبة التبني أو التسلسل السببي المسمى.
المقارنة المفيدة معمارية. يمكن أن يكون من السهل تغيير المصدر المقيد وتحويله، بينما يقلل السطح المرئي من حاجز التنسيق. يجمع ToolAcre بين الصياغة المرئية وHTML المرئية، ولكنه لا يوفر التعاون أو نموذج مستند أو أوامر حتمية عبر المتصفحات.
ما لا يغطيه هذا هو الجدول الزمني لكل منتج على حدة أو النشر المكتبي بما يتجاوز تأثيره على الويب
لا تقدم هذه المقالة جدولًا زمنيًا لكل منتج على حدة، أو تنسب الفضل إلى اختراع، أو تقتبس من الباحثين، أو تغطي النشر المكتبي بما يتجاوز التأثير الواسع. هذه الإغفالات مقصودة لأنه لم يتم توفير مصادر أرشيفية. يمكن لتطبيق المحرر التحقق من السلوك الحالي، وليس الأولوية التاريخية.
كما أنها لا تدعي أن المحررين المرئيين ينتجون بالضرورة علامات سيئة. تعتمد جودة الإخراج على نموذج وسياسة التحرير. هنا، تعمل الأسماء المستعارة والقوائم المسموح بها على تقليل التباين بعد تغيير المتصفح، بينما يتيح الوضع المصدر للكاتب مراجعة ما تبقى. قد يختار المحررون الآخرون هياكل مختلفة.
الوجبات الجاهزة: لا يزال التوتر القديم هو مشكلة التصميم - يلخص الراحة المرئية مقابل الإخراج النظيف وكيف يعالج محرر ToolAcre HTML WYSIWYG هذه المشكلة من خلال السماح لك برؤية العلامات التي تنتجها تعديلاتك
لا يزال التوتر القديم قائمًا: فالتحكم البصري المباشر يساعد المؤلفين، بينما تساعد المخرجات المنظمة والمتينة الأنظمة والمشرفين المستقبليين. يجعل المحرر الموثوق تلك الترجمة مرئية ويعترف بمكان العرض الذي يعتمد على المتصفح وسياق الوجهة.
ToolAcre هو أحد الأمثلة المعاصرة الصغيرة. قم بتنسيق ملاحظة يمكن التخلص منها، وافحص HTML الذي تمت تصفيته، وقارن المعاينة بالمصدر. يوضح التمرين النسب دون تحويل المخطط التاريخي غير المصدر إلى دقة زائفة أو الادعاء بأن هذا التنفيذ يحل كل تسوية WYSIWYG.