asp.net-mvc - Asp.net MVC に Aloha Editor を統合してデータベースに送信する方法

Question

私はjsファイルを含め、ブラウザでコントロールを見ることができました。

Asp.net MVC フレームワークで Aloha エディターを使用する方法を誰か説明してください。私はエディター コントロールから値を取得し、データベースに投稿しました。

ありがとう、バスカー

Answer 1

.Net MVC を使用してアロハ エディターからコンテンツを保存する方法の簡単な例を次に示します。

始めるにはこれで十分です。

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>