أنا أفكر فقط في ميزة جديدة لحذف الصور بسهولة من المحرر. في كثير من الأحيان، عندما يقوم المستخدم بتحميل المزيد من الصور ويريد حذف واحدة منها فقط، يكون الأمر معقدًا حقًا إذا لم يكن المستخدم ملمًا بلغة ماركداون. بالطبع، يحاولون، لكن النتيجة عادة ما تكون بعض الروابط المكسورة وما إلى ذلك…
كان هناك تعديل على نص بديل للصور يعمل بشكل جيد جدًا وسهل الاستخدام. يضيف القدرة على تحرير النص البديل على جانب المعاينة.
سيكون من الرائع وضع زر حذف على الصورة في جانب المعاينة. ربما أيقونة سلة مهملات أو X في زاوية الصورة، وعند النقر على هذا الزر، يمكنه استهداف وإزالة كود ماركداون الفعلي للصورة.
أعمل على حل هذه المشكلة؛ لدي تقريبًا إثبات مفهوم يعمل.
لدي فقط بعض الالتباس بين هذين المكونين d-editor.js و composer-editor,js. يعتمد حلي حتى الآن على الاستماع إلى المعاينة/محتوى HTML عند تحديثه داخل مكون d-editor.js … إلخ.
هل أنا في الاتجاه الصحيح؟
انقل زر التعديل إلى اليسار (إضافة: مسافة أقرب للفأرة إلى مربع الإدخال)، ثم ضع زر الحذف على اليمين… وبهذا نحصل على مسافة بين الإجراءات غير الضارة والخطيرة.
تحسينات أخرى مرغوبة:
اجعل أيقونة التعديل زرقاء مثل 50%، 75%
احتفظ بالنص باللون الأسود، ولكن اجعله قابلاً للنقر للانتقال إلى مربع الإدخال أيضًا
عند فتح محرر العنوان، هل يمكننا وضعه ليتوافق مع خط النص المعاين (بحيث يكون فوقه بطبقة z)؟ هذا يجعل الأمور أقل تذبذباً عند النقر:
لذا لديهم زرهم مع مجموعة من الخيارات، والتحجيم هو النقر والسحب على المقابض…
تفصيل صغير لطيف هو أنه إذا أضفت صورة صغيرة جدًا للزر المتراكب، فإنهم يجبرون الصورة على مقياس يحتوي على الزر بمجرد محاولة التفاعل معه. هذا يتجنب وجود زر عند التحويم يتراكب على أي محتوى محيط.
الآن بالعودة إلى نقاطك أعلاه؛ سيكون ذلك منطقيًا بافتراض أنك تريد أن يكون سلوك التجاوز هو الافتراضي. وإلا، بالنسبة للنص البديل القصير، سيكون زر الحذف مجرد زر إغلاق لتعديل النص البديل.
بديل آخر هو عرض الحاوية البديلة قبل أزرار القياس، على سبيل المثال: