[RUBY-ON-RAILS] 레일 내측 텍스트 또는 HTML과 LINK_TO의 IMAGE_TAG

레일 내측 텍스트 또는 HTML과 LINK_TO의 IMAGE_TAG

나는 LINK_TO 레일 및 IMAGE_TAG 방법에 루비와 함께 다음과 같은 출력을 원하는 :

<a href="#">Lorem Ipsum <img src="/images/menu-arrow-down.gif"></a>

레일에 좋은 방법이 있을까요?

해결법

1. ==============================

   1.왜 그냥 링크 및 이미지 태그를 사용할 수 있습니까?

   왜 그냥 링크 및 이미지 태그를 사용할 수 있습니까?

   <%= link_to "hiii #{image_tag(yourimagepath)}", "link_path" %>
   

   또한이 (문자열 + IMAGE_TAG) 이상 할 추가 시도 할 수 있지만, 그런 것들 중 하나가 nil이 될 경우 오류가 발생합니다. 이 전무의 경우 보간을 사용하여, 그냥 빈 이미지 (또는 문자열)를 표시합니다.

   레일 3의 경우, 사용 html_safe 필요합니다 :

   <%= link_to "hiii #{image_tag(yourimagepath)}".html_safe, "link_path" %>
   

2. ==============================

   2.당신은 올바른 사용 html_safe와 문자열 보간의 대안으로 블록을 사용할 수 있습니다. 예를 들면 :

   당신은 올바른 사용 html_safe와 문자열 보간의 대안으로 블록을 사용할 수 있습니다. 예를 들면 :

   <%= link_to '#' do %>
     Lorem Ipsum <%= image_tag('/images/menu-arrow-down.gif') %>
   <% end %>
   

3. ==============================

   3.또는 짧은 방법입니다

   또는 짧은 방법입니다

   <%= link_to image_tag('image/someimage.png') + "Some text", some_path %>
   

4. ==============================

   4.

   link_to(image_tag("image.png", :alt =>  "alt text", :class =>"anyclass"), image_url) 
   

5. ==============================

   5.나는 @의 부식 대답에 코멘트를 추가하는 방법을 알아낼 수 없습니다. 당신이 레일 (3)을 사용하는 경우에는, 그의 대답은 예상하지 작동한다. 그것은이 문제를 해결하는 방법을 즉시 분명하지 않을 수도 있습니다, 적어도 나를 위해 아니었다. 나는 html_safe를 추가 할 필요 알았지 만, 잘못된 장소에 넣어. 돌이켜 보면, 그것은 분명했다,하지만 난이 "신인"실수 나 같은 다른 사람을 위해 여기에 포함 거라 생각 했어요.

   나는 @의 부식 대답에 코멘트를 추가하는 방법을 알아낼 수 없습니다. 당신이 레일 (3)을 사용하는 경우에는, 그의 대답은 예상하지 작동한다. 그것은이 문제를 해결하는 방법을 즉시 분명하지 않을 수도 있습니다, 적어도 나를 위해 아니었다. 나는 html_safe를 추가 할 필요 알았지 만, 잘못된 장소에 넣어. 돌이켜 보면, 그것은 분명했다,하지만 난이 "신인"실수 나 같은 다른 사람을 위해 여기에 포함 거라 생각 했어요.

   <%= link_to "hiii #{image_tag(yourimagepath)}".html_safe, "link_path" %>
   

   당신이 사용자 할당 변수를 사용하는 경우,주의 생각이 될 "습니다 고지은"당신이 먼저 소독해야합니다.

   <%= link_to (h(my_model.some_string) + image_tag(yourimagepath)).html_safe,
               "link_path" %>
   

   my_model.some_string 또는 두 가지 모두 시간 ()와 IMAGE_TAG () 반환 문자열 전무을 통과 할 때 때문에 yourimagepath이 전무 인에는 문제가 없다는 점을 참고.

6. ==============================

   6.내가 HAML에서이 방법을 선호

   내가 HAML에서이 방법을 선호

   = link_to root_path do
     = image_tag "ic_launcher.png", size: "16x16"
     Home
   

7. ==============================

   7.여기 (이미지 옆에 표시) 텍스트와 이미지, 그리고 흔한 HREF를 포함하도록 LINK_TO을 사용하는 멋진 방법이다 :

   여기 (이미지 옆에 표시) 텍스트와 이미지, 그리고 흔한 HREF를 포함하도록 LINK_TO을 사용하는 멋진 방법이다 :

   <%= link_to image_tag("image.png") + " some@email.com", 
                            href: "mailto:some@email.com" %>
   

   보기에 당신에게 (전체 이미지와 텍스트는 흔한 HREF 될)이 같은주기 :

8. ==============================

   8.나에게 이것은 단지 벌금을했다 :

   나에게 이것은 단지 벌금을했다 :

   <%= link_to(image_tag(<URL>,style),<URL>) %>
   

9. ==============================

   9.나는 일이도를 발견했다.

   나는 일이도를 발견했다.

   link_to(image_tag("/images/linkd.png",:alt=>"twt"){},:href=>"some_url",:target=>"_blank")
   

from https://stackoverflow.com/questions/5387122/link-to-image-tag-with-inner-text-or-html-in-rails by cc-by-sa and MIT license