我想在视图中使用Ace Editor创建帖子对象,而不是文本区域,但是Ace Editor需要使用<div>
来包含其内容。我是Ruby on Rails 4的新手,我试图弄清楚如何使用Ace编辑器安全地提交用户输入,并将用户重定向到提交后显示该页面的页面。这是我当前用于提交尚未使用Ace Editor <div>
的帖子的表单...
<%= form_for(@post) do |f| %>
<div class="field">
<%= f.label :title %><br>
<%= f.text_field :title %>
</div>
<div class="field">
<%= f.label :description %><br>
<!-- I'd like to replace this text_area with the ace editor div-->
<%= f.text_area :description %>
</div>
<div class="actions">
<%= f.submit %>
</div>
<% end %>
如何用
<div>
替换f.text_area元素并将其内容包含在表单的发布请求中? 最佳答案
使用新版ace,您也可以使用textarea
见http://jsbin.com/jodeyugenu/1/edit
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JS Bin</title>
<script src="http://ajaxorg.github.io/ace-builds/src/ace.js"></script>
<style>
#ta { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
</style>
</head>
<body>
<form id="myForm">
<div style="position:relative;height:200px;width:300px">
<textarea id="ta">text</textarea>
</div>
<input type="submit" value="submit" >
</form>
</body>
<script>
var textareaEl = document.getElementById("ta");
// update textarea value before submitting
var form = textareaEl.form
form.addEventListener("submit", function() {
textareaEl.style.visibility = "hidden"
textareaEl.value = editor.getValue()
form.appendChild(textareaEl)
});
// create editor and set id for it
editor = ace.edit(textareaEl)
editor.container.id = "ta"
// add a keyboard shortcut for submitting
editor.commands.addCommand({
name: "submit",
exec: function() {
form.submit()
},
bindKey: "Ctrl-Enter"
})
</script>
</html>
关于javascript - 如何将form_for与非输入元素一起使用?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/26938890/