Q&A
やりたいこと
リンク上のマウスオーバーでリンクされたページのライブプレビューを表示したいです。
iframeを使ってマウスオーバーでページプレビューは出来るのですが、
RailsのActionTextをつかって、ポストした文章内のリンク先をホバーでプレビューさせたいです。
つまずいていること
jquery-live-preview
mini-previewでリンク先のコンテンツをプレビュー表示する
上記サイトを参考にminipreviewかjquerylivepreviewを使おうとしたのですが
どちらも動きません。
自分としては、minipreviewなら
jquery.minipreview.cssをassets/stylesheetに配置
jquery.minipreview.jsをassets/javascriptに配置
のところでjquery.minipreview.jsをassets/javascript
に配置のところが
Rails6だとassets内のjavascriptではなく
app/javascript
になっているのでうまく動かないと思っているのですが、
どういう風に配置したらいいのかわかりません。
(app/javascript/packs内におくのか)
(application.js内にrequire("jquery.minipreview.js")がいるのか)
(htmlファイル内に javascript_pack_tag "jquery.minipreview.js"はいるのか)
など
改善点など教えて頂けると幸いです。
回答1件
0
ベストアンサー
(app/javascript/packs内におくのか)
はい
(application.js内にrequire("jquery.minipreview.js")がいるのか)
はい
(htmlファイル内に javascript_pack_tag "jquery.minipreview.js"はいるのか)
不要、以下記述のみでいいはずです
# webpacerがpacksフォルダをコンパイルして出力している <%= javascript_pack_tag 'application', 'data-turbolinks-track': 'reload' %>
Rails6でWebpack使用してのBootstrap導入について書いています
DockerでRailsチュートリアルのローカル開発環境構築 - WebpackでBootstrapとFont Awesomeを導入 -
こちらの方法では
application.jsにcssもimportしてwebpackでCSSもコンパイルしています
その場合は<head>内に以下が必要です
# （下の行を追記）webpackがCSSを出力できるようにする <%= stylesheet_pack_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %>
投稿2020/08/28 04:34
総合スコア424
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2020/08/31 02:39