Rails 如何将 rails 变量传递给 CKEditor 配置？

Question

我的情况是，某些具有font_user 角色的用户可以使用字体，而其他用户则不能。

在ckeditor/config.js 中，我无法从 Rails 获取任何变量。我如何做到这一点？

我尝试过这样的事情：

1. 将config.js修改为config.js.erb。

2. 添加以下代码。

   <% current_user.has_role?(font_user) %>
     XXXXX
   <% else %>
     XXXX
   <% end %>
   

   我在application_controller.rb中添加了以下方法：

   helper_method :current_user
   

   但似乎config.js.erb 无法获取current_user 变量。

Answer 1

这是因为资产 JavaScript 是已编译的。不是每次渲染视图时。您应该使用无障碍的 JavaScript。例如：

查看示例：

<div class="ckeditor" data-ckeditor-font="<%= current_user.has_role?(font_user) %>"></div>

---

或者（未选中）：

您也可以为此使用#content_tag，尽管您必须检查如何准确地传递数据属性。如果我没记错的话：

<% data = {
  'ckeditor-font': current_user.has_role?(font_user),
  # other data...
} %>

<%= content_tag :div, class: 'ckeditor', data: data %>

但我目前没有设置来测试上述代码。所以你必须自己检查。

---

比在你的资产 JavaScript (CoffeeScript) 中：

initCkeditor = (element) ->
  fontUser = element.dataset.ckeditorFont == 'true'

  # further CKEditor initialization code...


document.addEventListener 'turbolinks:load', ->
  document
    .querySelectorAll '.ckeditor'
    .forEach initCkeditor

如果您不设置data-ckeditor-font 属性，代码仍然有效。因为element.dataset.ckeditorFont 会返回undefined，而undefined == 'true' 仍然是false。 （请记住，CoffeeScript == 等于 JavaScript ===。）

见：

• Working with JavaScript in Rails: Unobtrusive JavaScript
• The Asset Pipeline 了解有关资产管道的更多信息。
• Using data attributes 了解有关数据属性的更多信息。