لوحة المتصدرين

السلام عليكم ورحمة الله وبركاته, أريد أن اجعل حجم الخط متجاوب بحسب طول النص وليس بحسب عرض الشاشة, لأن كما ترون في الصور التي في الأسفل إذا كانت الكلمة طويلة تخرج من المساحة الخاصة بها, ولا أريد تصغير حجم الخط لأنني أرى بأن الحجم مناسب للكلمات القصيرة, فهل يوجد حل لهذه المشكلة ؟ مع العلم أنني استخدم مكتبة Material UI مع React JS وشكرًا لكم

السلام عليكم. في الكود التالي تظهر لي رسالة خطأ { "message": "Invalid Id" } الكود /**----------------------------------------------- * @desc Get Posts Count * @route /api/posts/count * @method GET * @access public ------------------------------------------------*/ const getPostCountCtrl = asyncHandler(async (req, res) => { const countPosts = await Post.count(); console.log(countPosts) res.status(200).json(countPosts); }); ********************************************************** // /api/posts/count router.get("/count", getPostCountCtrl) رسالة الخطأ التي سبق أن ذكرتها تظهر فقط عند إستعمال الوسيط التالي (validateObjectId) module.exports = (req, res, next) => { if (!mongoose.Types.ObjectId.isValid(req.params.id)) { return res.status(400).json({message: "Invalid Id"}) } next() } لم أفهم سبب الخطأ لأني لم أستعمل الوسيط و لم أفهم كيف ظهرت رسالة الخطأ. شكرا على المساعدة.

الخطأ في الرابط يجب ان يطابق الرابط الموجود في الواجهة الامامية الرابط الموجود في السيرفر من اجل الحصول على id. وهذا ما يفسر انه يعمل في postman ولا يعمل في المتصفح. يجب تعديل المسار الخاص ب Route في الواجهة الامامية كالتالي: <Route path="/edit-title/:id" element="{<EeditTitle />}" />

هل يمكنني أن أحصل على كود يقوم بفرز الكلمات على حسب الطول ويقوم بطبع من الأكبر طولاً إلى الأصغر

الوسيط validateObjectId يقوم بفحص قيمة المُعامل req.params.id للتحقق من قيمة ObjectId وإن لم تكن القيمة صالحة، فسيُرجع الوسيط استجابة HTTP 400 مع رسالة خطأ Invalid Id. حاول تفقد أين تقع المشكلة، من خلال عرض المزيد من المعلومات كالتالي: module.exports = (req, res, next) => { if (!mongoose.Types.ObjectId.isValid(req.params.id)) { return res.status(400).json({ message: "Invalid Id", invalidId: req.params.id }); } next(); }; أيضًأ هنا: const getPostCountCtrl = asyncHandler(async (req, res) => { console.log("Request params:", req.params); const countPosts = await Post.count(); console.log("Count posts:", countPosts); res.status(200).json(countPosts); });

حسب ما فهمت فإنه يمكنك تحقيق هذا السلوك بواسطة تكوين الخط بناءً على طول النص. في React JS مع Material UI، يمكنك تحقيق ذلك باستخدام Typography . import React from 'react'; import Typography from '@material-ui/core/Typography'; const DynamicFontSizeText = ({ text }) => { // تحديد حجم الخط بناءً على طول النص const fontSize = text.length > 10 ? '16px' : '24px'; return ( <Typography variant="body1" style={{ fontSize }}> {text} </Typography> ); }; export default DynamicFontSizeText; في هذا المثال، إذا كانت النصوص قصيرة (10 حروف أو أقل)، سيتم تعيين حجم الخط إلى 24px، وإلا سيتم تعيينه إلى 16px، يمكنك ضبط هذه القيم وفقًا لاحتياجات التصميم الخاصة بك. يمكنك استخدام هذا المكون في مكان أي مكون Typography في تطبيقك وتمرير النص كخاصية text: <DynamicFontSizeText text="هنا يكون النص" />

import os import requests urls = [ 'https://www.noor-book.com/book/review/577461' ] assa = '.\Outputs' for url in urls: responste = requests.get(url) if responste.status_code == 20: file_path = os.path.join(assa, os.path.basename(url)) with open(file_path, 'wb') as f: f.write(responste.content) اواجة مشكلة في هذا الكود لم ينزل من المتصفح كتاب (pdf)

ما طلبته في التحويل السابق، يتطلب وقت ليس ببسيط لتجهيز حل يعمل مع التحويل الخاص بك لأن الملف الذي وضعته يحوي على عمود يحوي 4 اعمدة و كذلك 4 اعمدة تحوي 4 اعمدة متماثلة هذا يعني سوف تقوم بتفكيك قيم هذه الأعمدة، حيث يجب أن تقوم بتعريف قاموس بقيم فارغة وهذا القاموس سوف نضع في جزء المفتاح اسم المادة وفي جزء القيم مصفوفة تحوي اربع قيم خاصة بأعمال السنة والنهائي والمجموع و التقدير وتقوم بفعل ذلك لكل دور ثم بعد الحصول على هذه المعلومات تستطيع بناء ملف excel من جديد ولكن كما ذكرت سوف يستغرق منك ذلك وقت ليس صغير

عليك أستخدام خاصية overflow-wrap مع بعض التنسيقات الأخرى لضمان عدم حدوث أية مشاكل، وإليك مثال: HTML: <div class="container"> <p class="long-text">هذا هو نص طويل جدا يحتوي على الكثير من الكلمات والجمل. هذا هو نص طويل جدا يحتوي على الكثير من الكلمات والجمل.</p> </div> CSS: .long-text { overflow-wrap: break-word; /* يُستخدم لتحديد تكسير الكلمات في حال تجاوزت الحاوية حدودها، للحفاظ على التنسيق. */ hyphens: auto; /* تُستخدم لتحديد ما إذا كانت الهوامش (الواصلات) مسموح بها لتقسيم الكلمات عند التمدد على السطر. */ white-space: normal; /* يُستخدم لتحديد كيفية التعامل مع المسافات البيضاء داخل العنصر . */ }

هل من مساعدة

في حال كانت المشكلة عامة أي تواجه ذلك مع جميع الإضافات، حاول تجربة حذف الملفات والمجلدات في مجلد الإضافات extensions لحذف جميع الملفات الخاصة بالإضافات والبدء من الجديد، ويقع في المسار التالي: C:\Users\waleed\.vscode\extensions قم باستبدال waleed باسم المستخدم لديك في الويندوز وستجد مجلدات وملفات كالتالي قم بحذفها: في حال استمرت المشكلة قم بتجربة استخدام vpn ثم المحاولة من جديد، وفي حال استمرت المشكلة حاول تثبيت الإضافة يدويًا من خلال ملف VSIX كما بالشرح التالي: وفي حال استمرت المشكلة قم بحذف vscode تمامًا أي uninstall ثم تثبيت أحدث نسخة من جديد.