نهج العناصر النائبة:
ما أبحث عنه (وما قد يبحث عنه آخرون؟) سيكون أقرب إلى العناصر النائبة في نموذج (بمعنى وجود عناصر نموذج منفصلة).
سيكون السلوك الافتراضي الأساسي الآن يسمح لي بسرد أقسام مختلفة من النموذج، مثل ما كتبته (“الاسم”، “الموقع”، و"المشكلة")، لكن سلوك القالب الافتراضي يعاني من نفس المشاكل المذكورة سابقًا—حيث يجعل التنسيق النصي (Markdown) الأمور محيرة، ويمكن للمستخدم تعطيله بسهولة.
أعتقد أن المثالي سيكون مثل نموذج عادي، حيث يوجد عنصر نائب لكل قسم (الاسم، الموقع، والمشكلة)، ولكن (هنا يكمن الفرق) ستعمل الأقسام بشكل مستقل. لذا عندما ينقر المستخدم على قسم الاسم، يختفي العنصر النائب “الاسم”، بينما تبقى الأقسام الأخرى حتى ينقر المستخدم عليها أيضًا.
يمكنني تخيل إمكانية تحقيق ذلك (?) باستخدام مكتبة jQuery. يجب أن يكون لكل قسم div خاص به مع معرف (id)، ثم تسمح مكتبة jQuery بإظهار أو إزالة نص ذلك المعرف المحدد عند نقر المستخدم عليه. سيتطلب ذلك إضافة divs داخل منطقة النص (textarea)، لكنني لست متأكدًا من كيفية القيام بذلك.
أقوم بالتحقيق في ذلك هنا.
نهج القوالب:
ربما يكون البديل هو أن عناوين الأقسام لا “تختفي” عندما ينقر المستخدم. لذا فإن عناوين الأقسام (مثال: الاسم، الموقع، والمشكلة) ستكون نصًا يبقى على الصفحة. لجعلها أكثر شبهًا بنموذج، مقارنةً بالافتراضي الحالي للقالب:
- لا يمكن للمستخدم تعديل نص عنوان القسم (أي
contenteditable="false") - لا يمكن للمستخدم إزالة نقاط الفصل بين الأقسام
- سيكون هناك مساحة أسفل عنوان القسم حيث من الواضح أنه يمكن للمستخدم الكتابة. في القالب الافتراضي الحالي، سيتعين عليهم الانتقال إلى حيث يوجد النص والضغط على
returnلإنشاء مساحة للكتابة.
ربما تكون هذه هي الطريقة الأسهل للقيام بذلك؟