MVC：Ace 编辑器帖子

Question

我目前正在编写一个 CMS 系统，我使用 ACE 语法高亮器突出显示文本框中的一些 HTML。

现在，我有一个显示内容的表单：

<div id="editor">@Html.TextAreaFor(model => model.Body)</div>

语法高亮通过以下 javacsript 激活：

<script>
    var editor = ace.edit("editor");
    editor.setTheme("ace/theme/eclipse");
    editor.renderer.setShowGutter(false);
    editor.getSession().setMode("ace/mode/html");
</script>

但是在我的控制器中，我没有得到高亮文本区域的内容，这是正常的，因为语法高亮器正在生成复杂的 HTML。

谁知道如何解决这个问题？

Answer 1

在将数据发布到服务器之前，您必须将其分配到隐藏字段或返回到文本区域。这个问题已经回答了on StackOverflow here

@Jan Jongboom 在发帖前使用下面的代码给 ACE 编辑器赋值：

<%=Html.HiddenFor(m=>m.Editor, new { @id = "hidden_editor" }) %>

<!-- this is jQuery, but you can use any JS framework for this -->
<script>
    $("form").submit(function () {
        $("#hidden_editor").val(editor.getSession().getValue());
    });
</script>

这是 MVC 2 标记，但很容易被 Razor 采用。