markitup wysiwyg with a standard HTML form

Question

Hi,

I'm trying to use the markitup editor on my site and I'm having a problem trying to figure out what I need to do to submit the text area to my server side script. I'm guessing there is something simple that needs to be done but my lack of JS/JQuery knowledge is making it really hard to find a answer

The editor works fine, I just want to use my own form and submit button with it, however when I try to submit the form I don't get any of the textarea data in my script.

Any idea what I need to do? This is the min that works (before submit)

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>

As I said, everything prior to the submit works but once I submit I don't get anything for the form data element "text".

I tried doing this in the head:

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

I've also tried:

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

And I have no luck - the last attempt above just disabled the form (so clicking on the submit or preview buttons did nothing).

Any ideas? I guessing its really simple to use my own form but I have no clue how to do it.

TIA!

Answer 1

If you set it up for textareas:

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

You don't have to do anything special to get the form to submit to your script. Just put the destination in the action attribute:

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

Answer 2

I also have the same problem and I'm pretty sure it's something completely stupid that, for some reason, I'm not able to see it now.

Did you finally fix it?