標準のHTMLフォームを使用したmarkitup wysiwyg

Question

私は自分のサイトでmarkitupエディタを使用しようとしていますが、私はサーバサイドスクリプトにテキストエリアを送信するために何が必要なのか把握しようとしています。私はJS/JQueryの知識が不足しているため、何か簡単なことがあると思っています。

エディタは正常に動作します。自分のフォームと送信ボタンしかし、フォームを提出しようとすると、私はスクリプト内にテキストエリアのデータを取得しません。

私は何をする必要がありますか？これは、従来提出作品に（前に提出）作品分

In the Head of my HTML 
     <script type="text/javascript" > 
      <!-- 
      $(document).ready(function() { 
       $("#markItUp").markItUp(mySettings); 
      }); 
      --> 
     </script> 

And the body: 

    <form id="postpreview" name="newpost" action="/someurl" method="POST" /> 
    <input type="hidden" name="key1" value="val1" /> 
    <input type="hidden" name="key2" value="val2" /> 
    <textarea name="text" id="markItUp"></textarea> 
    <input id="SubmitPost" type="image" value="Continue" name="Doit" class="preview" src="/img/somimage" /> 
    </form> 

私が言ったように、すべてのものですが、私が提出した後、私は、フォームのデータ要素「テキスト」のために何かを得ることはありません。

私は頭の中でこれをやってみました：私も試した

 <script type="text/javascript" > 
      <!-- 
      $(document).ready(function() { 
       $("#markItUp").markItUp(mySettings); 
       $("#SubmitPost").click(function(){ 
        data = markItUp.textarea.value; 
        $.post("scripturl",{ key1: "value1", key2: "value2", text: data }); 
       }); 
      }); 
      --> 
    </script> 

：

 <script type="text/javascript" > 
      <!-- 
      $(document).ready(function() { 
       $("#markItUp").markItUp(mySettings); 
       $("#postpreview").submit(function(){ 
        var data = $("#markItUp").html(); 
        $.post("live",{ func: "posting", text: data }); 
        return false; 
      }); 
     }); 
     --> 
    </script> 

そして、私は運がない - ちょうど無効にフォーム上の最後の試みを（ようにクリックします送信ボタンまたはプレビューボタンは何もしなかった）。

アイデア？私は自分のフォームを使うのは本当にシンプルだと思っていますが、どうやってそれを行うのかわかりません。

TIA！

Answer 1

あなたがテキストエリアのためにそれを設定した場合：

$("textarea").markItUp(mySettings); 

あなたのスクリプトに提出するフォームを取得するために特別な何かをする必要はありません。ただ、action属性で目的地を置く：

<form name="whatever" method="POST" action="SCRIPT_URL"> 

Answer 2

を確認markitup.min.jsファイル