javascript - Ace 编辑器(表单)- 我可以保留换行符/文本格式吗？

Question

正在为我的学校开发一个 MVC Sinatra 应用程序的项目。我想创建一个网络应用程序，可以使用 ace 编辑器保存和显示代码片段/算法。

我想出了如何(看似)通过 ace 编辑器捕获表单输入，方法是隐藏输入字段并使用下面的代码段从 ace 分配值。

//CAPTURE/SET VALUE
var textarea = $('input[name="content"]');
editor.getSession().on("change", function () {
    textarea.val(editor.getSession().getValue());
});

我的表格是这样的

<!--ACE EDITOR-->
<div id="editor"></div>
To open settings panel, inside editor - CTRL+Q (Windows) | CMD+Q (Mac)
<!--------------------------------------------------------->

<!--FORM-->
<form action="/ace" method="POST"> 

  <!--normal-->
  <input type="text" name="content" style="display: none;" />

  <!--submit-->
  <input type="submit" value="Save">
</form>

我可以很好地捕获参数，但问题是它不保留换行符，所以输入...

def something

end

进入 ace 编辑器并点击提交返回

"def something  end"

理论上我会喜欢得到类似的东西

"def something\n\nend"

或者类似的东西..你明白了

我需要能够以某种方式使用编辑器来捕获输入，并在提交时将其分配给如此伪的对象属性

snippet = Snippet.new(:content => params[:content])

然后能够回调并以正确的格式在编辑器上显示

snippet.content (preserves linebreaks) 

完整代码和图片 HERE如果你更喜欢视觉效果。任何帮助将不胜感激，如果有任何遗漏，请告诉我.. 希望我提供了足够的信息并正确地详细说明了。

Answer 1

input 不接受换行符，你需要使用 textarea 代替。