Cách hiển thị HTML bên trong các mẫu Slim

Question

Tôi đang cố gắng hiển thị một liên kết đi trước bởi một biểu tượng. Tôi đang sử dụng động cơ templating Slim cùng với Bootstrap CSS.

Thông thường, bạn có thể làm điều này theo cách sau:

<a href="#"><i class="icon-user"></i> My Profile</a> 

Theo tài liệu của Slim, chúng ta có thể sử dụng == để render mà không thoát HTML. Vì vậy, dịch này để Slim, tôi đã thử biến thể sau đây:

li== link_to "<i class='icon-user'></i> My Profile", current_user 
li== link_to "#{'<i class="icon-user"></i>'.html_safe} My Profile", current_user 
li= link_to "#{'<i class="icon-user"></i>'.html_safe} My Profile", current_user 

Tất cả các biến thể render <a href="https://stackoverflow.com/users/1"><i class="icon-user"></i> My Profile</a> thoát thẻ i.

Làm cách nào để ngăn Slim hoặc Rails thoát khỏi html?

(Rails 3.2 với Slim 1.2.1)

Answer 1

Bạn muốn vô hiệu hóa HTML thoát cho link_to đối số, không phải toàn bộ link_to kết quả. Bạn đang khá gần với html_safe nhưng nội suy chuỗi của bạn đang ăn cờ "an toàn cho HTML" của bạn. Điều này sẽ làm việc tốt hơn:

li= link_to '<i class="icon-user"></i> My Profile'.html_safe, current_user 

Answer 2

Ngoài ra, bạn có thể viết những dòng này như

li 
    a href=url_for(current_user) 
    i.icon-user My Profile 

được cho rằng là một chút dễ dàng hơn để đọc.

Answer 3

Có một cách khác để giải quyết vấn đề dưới đây trong trường hợp nó giúp mọi người. Sử dụng một khối đặc biệt hữu ích nếu bạn có mã phức tạp hơn để bao gồm trong liên kết.

li 
    = link_to current_user do 
    i.icon-user> 
    | My Profile 

Answer 4

Điều này đã được trả lời, nhưng nếu bạn thực sự có một số html và bạn muốn hiển thị nó trong một mẫu mỏng, hãy sử dụng gấp đôi.

== "<i>test</i>" 

sẽ được giống như

= "<i>test</i>".html_safe