Javascript 如何将ACE代码编辑器数据保存到Rails模型中?

Javascript 如何将ACE代码编辑器数据保存到Rails模型中?,javascript,jquery,ruby-on-rails,code-formatting,Javascript,Jquery,Ruby On Rails,Code Formatting,我想将代码保存到Rails 4.1中的一个简单模型中。现在,我正在将ACE数据保存到Rails表单文本区域中,该区域被放入模型的文本字段中。但是,当我试图在索引视图中显示代码时,代码会被删除换行符和格式。jQueryACE的文档讨论了对ace实例的访问,但我不确定这意味着什么,也不知道如何将其用于Rails模型。这是文档中的代码: // Decorator var decorator = $('.my-code-area').data('ace'); // ACE Code Editor in

我想将代码保存到Rails 4.1中的一个简单模型中。现在,我正在将ACE数据保存到Rails表单文本区域中,该区域被放入模型的文本字段中。但是,当我试图在索引视图中显示代码时,代码会被删除换行符和格式。jQueryACE的文档讨论了对ace实例的访问,但我不确定这意味着什么,也不知道如何将其用于Rails模型。这是文档中的代码:

// Decorator
var decorator = $('.my-code-area').data('ace');

// ACE Code Editor instance
var aceInstance = decorator.ace;
我猜这会返回一个特殊的Javascript对象,其中包含代码格式,比如换行符。我如何使用Rails将这些信息捕获到我的模型中,然后能够在其他地方的视图中反刍

目前,我正在Rails表单_中实例化编辑器,如下所示:

<%= f.text_area :content, class: "my-code-area", rows: "8", style: "width: 100%" %>

<script>
  $('.my-code-area').ace({ theme: 'twilight', lang: 'ruby' })
</script>

我是否必须使用前面提到的Javascript并向Rails模型中添加一些Javascript对象,或者类似的东西?或者我在查看视图时是否也需要使用ACE

ACE仅格式化代码文本布局,因此不应对模型输入进行任何更改

您还需要告诉它在索引视图上格式化代码,它支持

比如:

<div class="my-code-area">
  <%= model.code_attribute %>
</div>

<script>
  $('.my-code-area').ace({ theme: 'twilight', lang: 'ruby' })
</script>

我发现这样做有问题。尤其是在尝试提交页面时。它似乎无法保存内容。