كما ذُكر أعلاه، سيعمل هذا المكون فقط على أجهزة سطح المكتب. لا توجد فائدة كبيرة من عرض المعاينات على الأجهزة المحمولة لأن كل شيء سيكون صغيرًا جدًا وصعب القراءة.
يستخدم هذا المكون التنفيذ الأصلي للمتصفح لعرض ملفات PDF، لذا قد تختلف النتائج في المظهر باختلاف المتصفحات.
أيضًا، يرجى ملاحظة أن رفع ملفات PDF غير مسموح به افتراضيًا في Discourse. إذا كنت تريد السماح لمستخدميك برفع ملفات PDF، فستحتاج إلى إضافة هذا الامتداد إما إلى authorized_extensions إذا كنت تريد أن يتمكن جميع المستخدمين من رفع ملفات PDF، أو authorized_extensions_for_staff إذا كنت تريد تقييد ذلك على أعضاء الطاقم فقط.
تم حظر الوصول إلى fetch في 'https://travelmassive-discourse-cdn.s3.dualstack.us-west-1.amazonaws.com/original/2X/b/b578f6364592121964e6a2fd4969e5c1222bd909.pdf' (تم إعادة التوجيه من 'https://lounge.travelmassive.com/uploads/short-url/pTnA3r043WfhDK8HSdPQrtNn8Lf.pdf') من المصدر 'https://lounge.travelmassive.com' بسبب سياسة CORS: لا توجد رأسية 'Access-Control-Allow-Origin' في المورد المطلوب. إذا كانت استجابة غير شفافة تلبي احتياجاتك، فقم بتعيين وضع الطلب إلى 'no-cors' لجلب المورد مع تعطيل CORS.
تحديث
تمكنت من حل هذه المشكلة بإضافة سياسة CORS التالية في تكوين حوض S3 الخاص بي.
من الضروري الإشارة إلى أنه إذا رأيت هذا النص في رسالة الخطأ from origin 'https://lounge.travelmassive.com' has been حيث يكون نطاقك بدون شرطة مائلة / في النهاية، فيجب عليك أيضًا إضافة نطاقك في إعدادات CORS بدون شرطة مائلة في النهاية كما يلي: https://mydiscourse.url
لاحظت أن عمليات الرفع الخاصة بك تتم على AWS، لذا فإن المشكلة على الأرجح تتعلق بـ CORS (المكون غير نشط على موقعك لدي للتأكد). راجع المنشور أدناه منشورك.
شكرًا لمشاركتك ذلك!
يرجى ملاحظة أن هذه المشكلة ستؤثر فقط على المستخدمين الذين يستضيفون بأنفسهم وقد قاموا بإعداد شيء مثل S3. لن يواجه المستخدمون الذين يستضيفون بأنفسهم ولا يستخدمون S3 هذه المشكلة. كما أن العملاء الذين تستضيفهم CDCK لن يحتاجوا إلى القلق بشأن ذلك لأنهم قاموا بالفعل بإعداد ذلك.
ومع ذلك، فإن تكوين CORS يقع إلى حد ما خارج نطاق هذا الموضوع. إذا لم تسمح سلة الرفع الخاصة بك بالوصول إلى نطاقك، فيجب إصلاح ذلك على أي حال، لأن ذلك قد يتسبب في بعض المشكلات الأخرى.
أنا غير متأكد تمامًا مما حدث هنا. يبدو أن كلتا الحالتين تعملان بالنسبة لي في كل مرة أجرب فيها. يمكننا أن نعتبر ذلك مشكلة شبكة عابرة، لكن يرجى إخباري إذا رأيتها مرة أخرى
لقد دفعت تحديثًا صغيرًا لهذا المكون من شأنه تحسين إدراك التحميل، حيث يوجد الآن عنصر نائب (placeholder) يعتمد على لون السمة بدلاً من أنماط Iframe الافتراضية للمتصفح. يظهر فقط أثناء تحميل الملف، لذا في 99% من الوقت، لن تلاحظه حتى.
هل من الممكن جعل معاينة PDF قابلة للإخفاء بإضافة مسافة قبل رابط الرفع، مثلما يحدث مع التضمين البسيط؟ في بعض الأحيان تريد قائمة بالوثائق وليس المعاينات، وفي أحيان أخرى تريد معاينة.
أنا أستخدم متصفح سفاري على نظام ماك أو إس كاتالينا، ولا أملك أي إعدادات تمنع عرض ملفات PDF داخل المتصفح — على سبيل المثال، الرابط http://www.orimi.com/pdf-test.pdf يعمل بشكل صحيح. لكنني لا أزال أواجه نافذة/رسالة “الإضافة المحظورة” عند معاينة التصميم في منشئ السمات.
إعدادات الموقع المحددة في تفضيلات سفاري لا تختلف عن المواقع الأخرى.
لا يزال الأمر لا يعمل بالنسبة لي على Safari في نظام MacOS Big Sur. لا توجد إعدادات خاصة لإضافات المدونة، وتُعرض ملفات PDF أخرى في المتصفح.
يُظهر Safari Web Inspector الشكاوى التالية عند تحميل صفحة المعاينة في theme-creator: توجيه غير معترف به في سياسة أمان المحتوى 'worker-src'. تم رفض تحميل blob:https://theme-creator.discourse.org/7b9b62c7-e782-4080-a521-04e3b06aa142 لأنه غير موجود في توجيه object-src لسياسة أمان المحتوى.
لذا أنا في حيرة - خاصةً حول سبب عمله في منتديين أديرهما ولا يعمل في الآخر - مع أن S3 هو الاختلاف الوحيد. وأنك نجحت في جعله يعمل مع S3. أنا حقًا في حيرة من أمري.
قد يكون هناك تعارض مع مكون أو سمة أخرى. إنه يعمل كما هو متوقع بالنسبة لي. ابدأ بتعطيل المكونات الأخرى وجرب استخدام السمة الافتراضية إذا كانت سمتك مختلفة. الأمر نفسه ينطبق على الإضافات.
إذا كنت تستخدم S3، فقد تحتاج أيضًا إلى تحديث سياسة CORS الخاصة بك. يرجى الاطلاع على المنشور أدناه: Inline PDF Previews - #106 by JammyDodger
مُستضاف لدينا؟ تتوفر مكونات السمات للاستخدام في خططنا القياسية، والأعمال، والمؤسسات.
