pdfjs_viewer-rails gem 集成 - 需要重新加载才能正确显示 - Amazon s3

pdfjs_viewer-rails gem integration - needs reload to show correctly - Amazon s3

我将 gem pdfjs_viewer-rails 用于我的 Rails 应用程序,并使用 Carrierwave 在 Amazon S3 上存储我的 PDF。 当我 link 到 PDF-url i 时,我的挂载路径由 gem:

指定
# routes.rb
mount PdfjsViewer::Rails::Engine => "/pdfjs", as: 'pdfjs'

我的观点:

#_johannes_writing.html.erb
<%= link_to pdfjs.full_path(file: johannes_writing.pdf.url) do %>
<h3>Read <%= johannes_writing.title %></h3>
<% end %>

我被重定向到正确的页面,但设计和功能完全不对。 我必须重新加载页面才能获得正确的功能(见下图)

BEFORE AND AFTER RELOAD

现在变得奇怪了

如果我在 pdf-view-page 上返回浏览器而不重新加载,css 将我的#_johannes_writing.html.erb 视图更改为深色背景,因为pdf-view.

如果我在我的控制器中将我的布局设置为 false,一切都会正常工作。 PDF 第一次显示时没有重新加载,背面没有任何变化。所以不知何故我的布局 CSS 和 HTML 正在干扰 GEM 即使 pdf-view 在它自己的路线上?

这可能是什么原因造成的? 我根据自己的观点尝试了 Iframe 集成的不同机会(如 gems 文档建议),但没有任何帮助。 任何帮助将不胜感激。

最佳彼得

Link 到项目:http://inger-exner.herokuapp.com/johannes_writings (按下按钮下方的单词 "Læs" 以转到 PDF-viewer)

如果有人遇到同样的问题 - 我找到了解决方案。
我试过另一个 gem: pdfjs_rails
并听从了他的指示。
所以我的结论是:试试这个 gem!

我也尝试过这个 gem 并且也遇到了一些问题所以将它更改为带有 Google pdf 查看器的 iframe 就像答案