質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
Ruby

Rubyはプログラミング言語のひとつで、オープンソース、オブジェクト指向のプログラミング開発に対応しています。

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

Ruby on Rails 4

Ruby on Rails4はRubyによって書かれたオープンソースのウェブフレームワークです。 Ruby on Railsは「設定より規約」の原則に従っており、効率的に作業を行うために再開発を行う必要をなくしてくれます。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

Q&A

解決済

1回答

1787閲覧

htmlタグをrailsヘルパーに書き換える(link_to)

daikitakaya

総合スコア229

Ruby

Rubyはプログラミング言語のひとつで、オープンソース、オブジェクト指向のプログラミング開発に対応しています。

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

Ruby on Rails 4

Ruby on Rails4はRubyによって書かれたオープンソースのウェブフレームワークです。 Ruby on Railsは「設定より規約」の原則に従っており、効率的に作業を行うために再開発を行う必要をなくしてくれます。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

0グッド

0クリップ

投稿2016/07/15 10:16

###htmlタグで書かれとものをrailsヘルパーで書き換えたいです。

<a href="https://player.vimeo.com/video/130929787?autoplay=1" class="sngl-main-play video"><img src="img/icon-play.png" width="92">Play Video</a>

となっているものを、link_toとimage_tagでrailsように書き換えたいのですが上手く行きません。

###試したこと
以下のコードで試してみました。

<%= link_to 'Play Video', image_tag('/assets/sample1.png', width='92'), class: "sngl-main-play video", "#{@content_with_frame}?autoplay=1" %>

ちなみに、

@content_with_frame = https://player.vimeo.com/video/130929787?

となっています。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ベストアンサー

link_toは第一引数がaタグの中身に展開されますから、第一引数にimage_tagとテキストを全て押し込む必要があります。

Ruby

1<%= link_to "#{image_tag('sample1.png', width: 90)}Play Video", 2 "#{@content_with_frame}?autoplay=1", class: 'sngl-main-play video' %>

または、ブロックを与えてあげると、ブロックの中身がaタグの中に展開されます。
こっちの方がスマートですね。

Ruby

1<%= link_to "#{@content_with_frame}?autoplay=1", class: 'sngl-main-play video' do %> 2 <%= image_tag 'sample1.png', width: 90 %>Play Video 3<% end %>

投稿2016/07/16 03:16

編集2016/07/16 03:19
rifuch

総合スコア1901

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

daikitakaya

2016/07/16 10:29

いつもありがとうございます! 他にも複雑なlink_toに出会いましたがこの回答のおかげで解決できました。本当にありがとうございます。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問