如何在Rails表单字段中定义数据属性以正确呈现

时间:2016-10-07 05:57:08

标签: javascript ruby-on-rails twitter-bootstrap

我希望在我的Rails应用程序中实现Bootstrap Markdown,该应用程序创建用于使用markdown标记文本的UI。

现在在纯HTML中,可以通过数据属性调用降价按钮,如下所示:

    <form>
    <input name="title" type="text" placeholder="Title?" />
    <textarea name="content" data-provide="markdown" data-iconlibrary="fa" rows="10"></textarea>
    <label class="checkbox">
      <input name="publish" type="checkbox"> Publish
    </label>
    <hr/>
    <button type="submit" class="btn">Submit</button>
  </form> 

一切正常(在为Bootstrap Markdown安装css和js文件之后)。对于我的项目,我需要将其调整为Rails表单字段。使用这个答案I used a data hash,我这样做了:

  <div class="form-group">
  <div class="field">
    <%= f.label :content %><br>
    <%= f.text_area :content, :cols => "30", :rows => "15", :data => {:provide => "markdown", :iconlibrary => "fa"}, class: "form-control" %>
  </div>
  </div>

奇怪的是它正在渲染 - 但只有在我在本地运行它时刷新表单之后。

我还重启了服务器以刷新资源。相同的行为。刷新页面后呈现完美呈现。

任何想法为什么会这样?我想知道我是否错误地认为哈希想法。

1 个答案:

答案 0 :(得分:1)

您可以尝试使用以下数据属性:

<%= f.text_area :content, :cols => "30", :rows => "15", 'data-provide': "markdown", 'data-iconlibrary': "fa", class: "form-control" %>