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

السؤال

نشر

في ملفّ erb بإطار العمل روبي أون ريلز، أريد أن أشرح كيفيّة عرض جملة في ملف erb، لكنّ علامات '<%' تُفسّر ولا تُعرَض.مثال:

هكذا نقوم، بعرض جملة مرحبا بالعالم
 <%= مرحبا بالعالم %>

المشكلة أنّ العرض في صفحة Html يكون كالتّالي:

هكذا نقوم، بعرض جملة مرحبا بالعالم
 مرحبا بالعالم 

فكيف يُمكنني عرض العلامات '<%>' بدون أن يتم تفسيرها؟

Recommended Posts

  • 0
نشر

من الطّبيعي أن تُفسّر العلامات "<%>" لأنّها أساس كتابة شيفرات روبي في ملفّات erb ولا يُمكن توقّع العكس أبدا، ويُمكنك أن تعرض العلامات <%> بدون أن تُفسّر بوضعها داخل علامتي تنصيص بداخل جملة العرض <=%>:

هنا نقوم بعرض جملة مرحبا بالعالم داخل ملفّ erb 
 <%= '<%= مرحبا بالعالم %>' %>

أو يُمكنك أن تعتمد على الرمزين "&lt;” و "&gt” لعرض الرّمزين < و > في العرض الخاص بالـHTML :

هنا نقوم بعرض جملة مرحبا بالعالم داخل ملفّ erb 
 <%= '&lt;%= مرحبا بالعالم %&gt' %>

 

  • 0
نشر (معدل)

أنصح بشدة بإستعمال HAML عوضا عن erb في إطار العمل Rails، من أجل سهولة العمل والقراءة وفهم الكود، حيث توفر HAML طريقة أبسط بكثير في كتابة الأكواد في صفحات الـ views.

للتنصيب قم بإضافة الجوهرة التالية إلى ملف الـ gemfile

gem "haml-rails", "~> 2.0"

شغل الأمر:

bundle install

من أجل تحويل جميع ملفات erb إلى HAML قم بتشغيل الأمر:

rails haml:erb2haml

والآن كيف يبدو الأمر في كل من erb و HAML:

 

erb:

 <%= '<%= مرحبا بالعالم %>' %>

Haml:

= '<%= مرحبا بالعالم %>'

erb:

<% @notes.each do |note| %> 
    <h2><%= note.title %></h2>
    <p><%= note.content %></p>
<% end %> 

HAML:

- @notes.each do |note| 
    %h2= note.title
    %p= note.content

كما أنه توجد بعد المواقع لتحويل الـ HTML erb إلى HAML:

http://htmltohaml.com

 

 

تم التعديل في بواسطة Rojan Mustafa

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

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

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

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   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.

  • إعلانات

  • تابعنا على



×
×
  • أضف...