需要帮助让 Wysihat 正常工作

发布于 2024-09-03 14:47:13 字数 1015 浏览 3 评论 0原文

我在 Rails 项目中使用 Wysihat，但它无法绑定到名为 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>

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

提前致谢！

原文

I'm using Wysihat in a rails project and am stumped by its inability to bind to my textarea named post_description (model name Post field name description).

I have the following in my head tag:

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

I'm able to see Wysihat works (the bold, italic, and underline tools are shown and when click works as intended). The following in the source of the posts/new 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>

However, when I type something in the description field and click submit the post validation fails saying the description field is empty. Anyone have any clue on how I can get this to work?

Thanks in advance!

分享到QQ

分享到微博