Redactor: لا يمكن التمرير بعد عرض مصدر HTML

تم إنشاؤها على ٢٤ يناير ٢٠١٩  ·  17تعليقات  ·  مصدر: craftcms/redactor

97

تم الإبلاغ عنه بالفعل ولكنه مغلق بسبب عدم النشاط.

أواجه نفس المشكلة بالضبط هنا ، لكن شريط التمرير لا يختفي ، فقط لا يعمل.
يؤدي تغيير حجم النافذة إلى جعلها تعمل حتى أقوم بالتمرير مرة أخرى.

لا يوجد خطأ داخل وحدة تحكم المتصفح.

نفس خطوات التكاثر:

  1. تفعيل المكون الإضافي مصدر html ( _button؟ _ ) لحقل المحرر
  2. الصق نصًا كافيًا بحيث يظهر شريط التمرير هذا
  3. إظهار مصدر html للنص الملصق
  4. حرك الفأرة لأسفل
  5. بعد التمرير لأسفل ، يختفي شريط التمرير (_ ليس لي _). لا يمكن للمستخدم التمرير للخلف - عند المحاولة ، "تقفز" الصفحات لأعلى قليلاً ثم تعود إلى الموضع السابق. تختفي جميع أزرار المحرر.

الشيء الوحيد هنا هو أن لدي تنسيقًا مخصصًا مضافًا إلى تكوين المحرر الخاص بي ، ولكن بعد بعض الاختبارات ، لا يحدث فرقًا.

الحرف CMS 3.1.3
ريداكتور 2.3.0

التعليق الأكثر فائدة

تضمين التغريدة

https://streamable.com/f6we5

(الانتظار قبل محاولة النقر فوق شريط التمرير هو محاولة التمرير بالماوس)

ال 17 كومينتر

لا يزال يتعذر إعادة إنتاج هذا ، ولكن تم إصدار الإصدار 2.3.2 والذي يتضمن إصدارًا أحدث من Redactor. ربما تم إصلاح هذا الآن ، لكن يرجى إعلامي إذا لم يكن كذلك.

تم التحديث للتو إلى أحدث إصدار وما زال الخطأ هنا!

يبدو أنه تم إصلاحه على Firefox ، لكنه لا يزال موجودًا على Chrome 72.

أنا على نظام Windows 10.

هل يمكنك إعادة إنتاج هذا الخطأ على https://imperavi.com/redactor/ ؟

لدي نفس المشكلة باستخدام Windows 10 على أحدث إصدار من الكروم. أحدث إصدار من craft وأحدث إصدار من البرنامج المساعد. إذا قمت بالتبديل إلى عرض الكود ، فسيظهر html ولكن عند التمرير ، يتحرك شريط التمرير على الفور إلى الأسفل ويعرض فقط مربعًا أسود فارغًا ويصبح شريط التمرير مجمدًا. لقد لاحظت في صفحة imperavi أعلاه إذا قمت بإضافة نفس المقدار من النص في عرض الكود وتبديل طرق العرض ، فإن عرض الكود يحتوي على قدر كبير من المساحة السوداء أسفل الكود ، أي أن المحرر قد احتفظ بنفس ارتفاع وضع النص. أتساءل عما إذا كان هذا ربما جزءًا من المشكلة. حاليًا من المستحيل استخدام وضع الشفرة.

لقد لاحظت أيضًا أنها تحدث فقط عند التبديل من عرض نص طويل إلى عرض التعليمات البرمجية. إذا كان لديك حقل محرّر فارغ وقمت بالتبديل إلى عرض التعليمات البرمجية ولصق الرمز ، فإن شريط التمرير يعمل جيدًا داخل الحقل.

@ lettie16 هل يمكنك إعادة إنتاج هذا الخطأ على https://imperavi.com/redactor/ ؟

هل يمكنك إعادة إنتاج هذا الخطأ على https://imperavi.com/redactor/ ؟

مرحبا أندريس ،

لا لا يمكنني تكرارها على هذا الموقع. لكنني لا أعتقد أن هذا يشبه المقارنة ، أعتقد أن له علاقة بكيفية تفاعله مع مجال الحرف cms. كما ذكرت أعلاه ، إذا كان لديك حقل فارغ ونظيف ، فإن اللصق في عرض الكود يعمل بشكل جيد ولكن شريط التمرير داخل التعديل مثل هذا المحرر.

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

أعتقد أنه ربما يتعلق الأمر بكيفية إعادة حساب الشفرة لارتفاع المحرر بعد تبديل طرق العرض.

تواجه صعوبة في إعادة إنتاج هذا على Windows 10 و Chrome 72 وأحدث إصدار من Craft 3 و Redactor. هل يمكن لشخص ما أن يسجل مقطع فيديو سريعًا للسلوك في حال فاتني خطوة في مكان ما؟

تضمين التغريدة

https://streamable.com/f6we5

(الانتظار قبل محاولة النقر فوق شريط التمرير هو محاولة التمرير بالماوس)

timoteh hrm ... ربما له علاقة بالوجود داخل Matrix / Super Table؟ هل يمكنك إرسال ملف composer.json وتفريغ قاعدة البيانات إلى [email protected] والإشارة إلى هذه المشكلة وتوجيهنا إلى الإدخال / الحقل في الفيديو الذي استخدمته؟

حاولت استخدامه خارج Matrix / Super Table والنتيجة هي نفسها.

angrybrad ، انتهى!

timoteh لقد تمكنت في البداية من إعادة إنتاج هذا بعد بعض الوقت ، لكن لم يعد بإمكاني العودة إليه. هل يمكنك التأكد من أنك تستخدم أحدث إصدار من Chrome / Reactor and Craft ومعرفة ما إذا كانت لا تزال تمثل مشكلة بالنسبة لك؟

تضمين التغريدة
جربت للتو في Chrome ، ولا تزال كما هي.

جوجل كروم
الإصدار 73.0.3683.103 (الإصدار الرسمي) (64 بت)
الحرف CMS 3.1.23.2
المحرر 2.3.2

timoteh ربما لها علاقة بحجم الشاشة / الدقة؟ هل تعمل مع المتصفح مكبراً وبأية دقة؟

angrybrad نعم ، مكبر ، ولكن حتى عندما أحاول اللعب بحجم الشاشة ، أحصل دائمًا على نفس النتيجة. لقد حاولت إعادة إنتاجه على عدة إعدادات لـ Craft 3 ويمكنني دائمًا ذلك!

لم يعد بإمكان زملائي في العمل على iOS إعادة إنتاجه بعد الآن ، لذلك هذا هو الإعداد الخاص بي:
image

أيضا ، ماذا عنك @ lettie16 ؟

تظهر هذه المشكلة أيضًا على Win10 + Chrome 74.0.3729.131 + Craft 3.1.25 + Redactor 2.3.3.2

لقد لاحظت في أدوات التطوير أن شيئًا ما في جافا سكريبت يبدو أنه عالق في حلقة لا نهائية ، حيث يبدأ في تعيين div هذا على "display: none" مرارًا وتكرارًا:

<div class="redactor-styles redactor-in redactor-in-0" dir="ltr" aria-labelledby="redactor-voice-0" role="presentation" contenteditable="true" domtargetshow="" style="display: none;">

بعض الملاحظات الأخرى:

  • يبدو كما لو أن جافا سكريبت تجبر العنصر القابل للتمرير على التمرير وصولاً إلى الأسفل.
  • يتوقف إذا قمت بالنقر فوق علامة تبويب تخطيط حقل مختلفة (على سبيل المثال ، إخفاء حقل المحرر).
  • مع المنشور الأطول ، يبدو أنه لا يتم تشغيله فورًا عند التمرير - لا بد لي من التمرير لأسفل بمقدار معين قبل بدء الخطأ.

تم العثور على حل CSS لهذا عن طريق منع contenteditable div الذي يحتفظ بمحتوى WYSIWYG من التعيين إلى display: none عندما يكون مصدر div مرئيًا ، والذي بدوره يبدو أنه يمنع Redactor من الدخول في حلقة لا نهائية . أضف CSS هذا إلى CP الخاص بك:

.redactor-source-view [contenteditable="true"] {
    display: block !important;
    height:0 !important;
    width:0 !important;
    padding:0 !important;
    overflow: hidden !important;
}

الاختبار في أحدث إصدارات Chrome و Firefox على Mac و Chrome على الكمبيوتر الشخصي.

يمكنك الاختبار باستخدام هذا البرنامج المساعد المفيد لإضافة CSS إلى لوحة التحكم: https://github.com/doublesecretagency/craft-cpcss

croxton شكرا على الإصلاح! نظرًا لأنني ما زلت غير قادر على الإنجاب ، فسأعتمد على ذلك :)

هل كانت هذه الصفحة مفيدة؟
0 / 5 - 0 التقييمات

القضايا ذات الصلة

cstudios-slovakia picture cstudios-slovakia  ·  6تعليقات

diluno picture diluno  ·  3تعليقات

lindseydiloreto picture lindseydiloreto  ·  10تعليقات

davist11 picture davist11  ·  13تعليقات

sandissauka picture sandissauka  ·  16تعليقات