asp.net-mvc - 如何在 Asp.net MVC 中集成 Aloha Editor 并提交到数据库

Question

我已经包含了 js 文件并且能够在浏览器上看到控件。

您能否请任何人解释如何在 Asp.net MVC 框架中使用 Aloha 编辑器，我对从编辑器控件获取值并将其发布到数据库感到震惊。

谢谢，巴斯卡

Answer 1

这是一个简单的示例，说明如何使用 .Net MVC 从 aloha 编辑器中保存内容。

这应该足以让你开始。

添加按钮以将内容保存在与 Aloha 编辑器相同的页面上

<input type="button" id="save-content" value="save"/>

创建一个控制器操作来保存您的内容。

public ActionResult SaveContent(string editor, string content)
{
    //save content to db here
    return Json(new {success = true}, JsonRequestBehavior.AllowGet);
}

然后将以下脚本添加到页面。这将遍历您页面上的任何 aloha 编辑器，并使用您刚刚创建的控制器操作发出 ajax 请求以保存内容。

<script>   
    $('#save-content').on('click', function() {

        jQuery.each(Aloha.editables, function(index, editable) {
            $.ajax({
                url: @Url.Action("SaveContent"),
                type: 'post',
                data: {editor: editable.getId(), content: editable.getContents()}
            }).done(function(){
                alert('content saved');
            });    
        });
    });
</script>