javascript - ASP.NET MVC アプリケーションで ACE を使用するにはどうすればよいですか?

Question

プロジェクトでACEオンライン コード エディターを使用したいと考えています。ASP.NET MVC で使用するにはどうすればよいですか?

そのエディタで行った編集をデータベースに保存したいと思います。それ、どうやったら出来るの？

Answer 1

Editorその中のデータで呼び出されるプロパティを持つ、厳密に型指定されたモデルがあると仮定しましょう。法線<div>を使用してデータをロードします。

<div id="editor"><%=Model.Editor %></div>

これで、JavaScript を使用して div の代わりに ace エディターを作成できます。

<script src="src/ace.js" type="text/javascript" charset="utf-8"></script>
<script>
window.onload = function() {
    var editor = ace.edit("editor");
};
</script>

Editorたとえば、フォーム投稿を介してデータを保存する場合は、次のようなものを使用してモデルのプロパティにバインドします。

<%=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>

コントローラーで、データをデータベースに保存できるようになりました

[HttpPost]
public ActionResult Index (IndexModel model) {
    var data = model.Editor;
    // save data in database
}