如何在 Rails 5 的 ActiveAdmin 菜单的 li 中添加跨度？

【问题标题】：How to add span in li of ActiveAdmin menu, in Rails 5?如何在 Rails 5 的 ActiveAdmin 菜单的 li 中添加跨度？
【发布时间】：2016-09-28 07:28:42
【问题描述】：

我们如何在 ActiveAdmin 的菜单的 li 标签中添加一个 span？这是菜单项的模型内容：

ActiveAdmin.register_page "Dashboard" do

  menu priority: 1, label: proc{ I18n.t("active_admin.dashboard") }, html_options: { class: "dashboard" }

  content title: proc{ I18n.t("active_admin.dashboard") } do
    div class: "blank_slate_container", id: "dashboard_default_message" do
      span class: "blank_slate" do
        span I18n.t("active_admin.dashboard_welcome.welcome")
        small I18n.t("active_admin.dashboard_welcome.call_to_action")
      end
    end
  end # content
end

【问题讨论】：

标签： html css ruby-on-rails activeadmin ruby-on-rails-5

【解决方案1】：

菜单项被链接标签包围，如下所示：

<li class="current" id="dashboard"><a href="/admin/dashboard">Dashboard</a></li>

你可以尝试，但不确定这是否是你需要的，是：

menu priority: 1, label: proc{ "<span id='39740772'>#{I18n.t("active_admin.dashboard")}</span>".html_safe }

这将产生这个 html。它确实在 li 内放置了一个标签，但可能太深了。如果您需要围绕 a 的 span，这种方法将行不通。

<li class="current" id="dashboard"><a href="/admin/dashboard"><span id='39740772'>Dashboard</span></a></li>

【讨论】：