我正在使用ace.js(https://github.com/ajaxorg/ace)创建一个片段编辑器。 html看起来像这样:
<div id="editor" name="editor">{{ text }}</div>
<script src="http://cdnjs.cloudflare.com/ajax/libs/ace/1.1.3/ace.js"></script>
<script>
var editor = ace.edit("editor");
editor.setTheme("ace/theme/monokai");
editor.getSession().setMode("ace/mode/javascript");
</script>
更改文本后,我想保存到mongoose-db。但是我无法在后期请求中从编辑器获取文本。调用保存请求时,如何从div中获取文本?
router.route("/home/save/:id")
.post(function(request, response) {
console.log(request.body.editor) // -> undefined
console.log(request.body) // -> {}
});
最佳答案
抱歉,这个挑剔的问题。很难解释这个问题。但是,如果有人由于某种原因陷入了同样的情况,我可以通过一种惰性解决方案来解决。
我从https://jsfiddle.net/deepumohanp/tGF6y/那里得到灵感,并从ace-div中获取了文本并将其放置在输入中。然后我刚刚从下一个请求中得到了输入:
{{> nav }}
<div id="editor">{{ text }}</div>
<form action="/home/save/{{ this.sessionId }}" method="post">
<input type="text" value="" name="content" id="content">
<button>Save</button>
</form>
<script src="http://cdnjs.cloudflare.com/ajax/libs/ace/1.1.3/ace.js"></script>
<script>
var textarea = document.querySelector("#content");
var editor = ace.edit("editor");
editor.setTheme("ace/theme/monokai");
editor.getSession().setMode("ace/mode/javascript");
console.log(textarea.value);
console.log(editor.getSession().getValue());
editor.getSession().on("change", function () {
textarea.value = editor.getSession().getValue();
});
textarea.value = editor.getSession().getValue();
</script>
这样,request.body.content随文本一起返回:
router.route("/home/save/:id")
.post(function(request, response) {
console.log(request.body.content) // -> text
});