javascript - Mercury Editor 0.9 - 内容 iFrame 位于编辑器控件后面，高度错误

Question

我正在尝试将 Mercury 0.9 与 Rails 3.2 元素集成，但内容 iFrame 拒绝在页面的正确部分显示 - 它位于 Mercury 工具栏后面，并且具有 150 像素的固定高度。

当我查看 Mercury 页面时，我看到以下内容的 iFrame:

<iframe id="mercury_iframe" name="mercury_iframe" class="mercury-iframe" 
frameborder="0" src="about:blank" style="left: 0px; visibility: visible; ">
</iframe>

当我查看 Mercury 演示页面 [1] 时，它看起来像这样:

<iframe id="mercury_iframe" class="mercury-iframe" 
frameborder="0" src="about:blank" style="top: 86px; left: 0px; 
height: 744px; visibility: visible; "></iframe>

请注意顶部和高度样式 - 由于某些原因我没有这些样式。在演示中，它们会随着页面大小的调整而变化。

所有 Mercury js 和 css 似乎都在加载，可编辑页面没有自己的样式可能会造成干扰(这在 iFrame 中并不重要)。

我已经尝试过 mercury-rails gem 和 GitHub 上的 Master。

感谢任何帮助!

[1] http://jejacks0n.github.io/mercury/

Answer 1

感谢 Mercury 的作者 Jeremy Jackson 回答这个问题。

问题可能是由于在 Mercury 中使用 jquery > 1.7.7 引起的。我只是改变了<%= javascript_include_tag 'jquery', 'admin/mercury' %>在 layouts/mercury.html.erb至 <%= javascript_include_tag 'jquery-1.7', 'admin/mercury' %>一切都已解决。

Rails 3.2 使用正在加载的 jQuery 1.9。 Mercury gem 中包含一个 jquery-1.7.js 的副本，上面的更改用于 Mercury。这不会影响 rails 或正在编辑的页面上使用的版本。