اذهب إلى المحتوى
  • 0

كيف أحافظ على تعدد الاسطر عند حفظ نص مدخل من خلال عنصر textarea على ال local storage ؟

Muhannad Bahurmoz

السؤال

السلام عليكم ورحمة الله وبركاته,

لدي حقل ادخال نص من نوع textarea أي ان لديه إمكانية تعدد الاسطر, ولكن عند حفظ النص المدخل في التخزين المحلي (localStorage) ثم قراءته مجددًا يظهر في سطر واحد وليس في اسطر متعددة كما كُتب,

سؤالي هو: كيف احفظ النص بنفس الطريقة التي كتب عليها, أي مع الاسطر المتعددة ؟

مع العلم أنني استخدم React JS مع مكتبة Material UI,

هذا هو المكون الذي استخدمه من مكتبة Material UI كعنصر textarea:

Screenshot2023-10-23125740.png.f64975b20b5abeaad4bb6f7e01b42161.png

 

فيديو توضيحي:

 وشكرًا لكم 🤍

تم التعديل في بواسطة Muhannad Bahurmoz
رابط هذا التعليق
شارك على الشبكات الإجتماعية

Recommended Posts

  • 0
بتاريخ 3 ساعة قال Mustafa Suleiman:

أرفق مجلد المشروع لتفقد طريقة الحفظ والاسترجاع التي تتم.

مرحبا أستاذ مصطفى,

قمت بتفقد خوارزمية الحفظ والاسترجاع بالكامل لكي اوفر عليك المجهود والوقت,

ولاحظت بأنه لا توجد مشكلة في طريقة الحفظ والاسترجاع, المشكلة فقط عندما استرجع القيمة بداخل عنصر HTML وكأن HTML لا تتعرف على رمز السطر الجديد ( n\ )

فيديو توضيحي:

اشكرك مقدمًا على مساعدتي 🤍

تم التعديل في بواسطة Muhannad Bahurmoz
رابط هذا التعليق
شارك على الشبكات الإجتماعية

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...