javascript - 需要帮助让 Wysihat 正常工作

Question

我在 Rails 项目中使用 Wysihat，但它无法绑定(bind)到名为 post_description(模型名称发布字段名称描述)的文本区域，这让我感到困惑。

我的 head 标签中有以下内容:

    <%= javascript_include_tag 'prototype_1.7'%>
    <%= javascript_include_tag 'wysihat' %>

    <script type="text/javascript" charset="utf-8">
    document.on("dom:loaded", function() {
      var editor = WysiHat.Editor.attach('post_description');
      var toolbar = new WysiHat.Toolbar(editor);
      toolbar.addButtonSet(WysiHat.Toolbar.ButtonSets.Basic);

      // Hide our error message if the editor loads fine
      $('error').hide();
    });
  </script>

我能够看到 Wysihat 的工作原理(显示粗体、斜体和下划线工具，并且单击时按预期工作)。帖子/新 HTML 的源代码如下:

<div id="post_description_editor" class="editor" contenteditable="true"></div>
<textarea cols="40" id="post_description" name="post[description]" rows="20" style="display: none; "></textarea>

但是，当我在描述字段中输入内容并单击“提交”时，后验证失败，提示描述字段为空。有人知道我如何让它发挥作用吗？

提前致谢!

Answer 1

这肯定会对你有帮助:

http://github.com/80beans/wysihat-engine