jquery - 如何创建将在 Rails 中执行 js 代码的链接

Question

我想知道如何在将执行 js/jquery 代码的视图（index.html.erb）中创建一个链接。

我正在使用https://github.com/akzhan/jwysiwyg并希望隐藏编辑器，但不知道该怎么做。

现在我正在做

编辑 -

index.html.erb

<%= link_to "Hide", "#", onclick: "$('#email_body').hide();" %>

index.js.erb

$('#wysiwyg').wysiwyg('clear');

谢谢

score 1 · Accepted Answer

您可以为此使用 rails link_to 助手：

link_to "Hide", "#", confirm: "Are you sure?", onclick: "$('#wysiwyg').wysiwyg('clear');"

更好的编码实践是将 JavaScript 代码与视图代码分开，例如：

link_to "Hide", "#", id: 'hide_editor'

然后，在一个单独的 JavaScript 文件中：

(function(){
  $('#hide_editor').on('click', function(){
    $('#wysiwyg').wysiwyg('clear');
  });
})();

然后在结束 BODY 标记之前放置一个指向此 JS 的链接。

更新：正如我所见，这个插件不支持禁用，您可以通过隐藏容器来禁用它：$('#wysiwyg').hide();

$('#wysiwyg').wysiwyg('clear')正如我在文档中看到的那样，清除编辑器的内容。

UPDATE2：@iCyborg，根据您的代码，这里是工作示例： http: //jsbin.com/esuyij/1/

UPDATE3：我研究了这个编辑器，发现它的自定义选项不够灵活。我可以建议你看看其他编辑器吗？例如这里有一个阵容： http ://www.jquery4u.com/plugins/html5-wysiwyg/

score 0 · Accepted Answer

尝试：

<a href="#" onclick="$('#wysiwyg').wysiwyg('clear');" id="NOT_SURE_WHAT_ID_TO_GIVE">Hide Editor Controls</a>

2 回答 2