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

Question

如何在 ActiveAdmin 的菜单 li 标签中添加一个 span？下面是Menu Item的模型内容：

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

Answer 1

菜单项被 link 标记包围，如下所示：

<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>

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

How to add span in li of ActiveAdmin menu, in Rails 5?

html

css

ruby-on-rails

activeadmin

ruby-on-rails-5