Content Doesn't Post

For some reason the html source (content) of the edited area is not posting through PHP. If I create something like "<b>test</b>" it appears on the next script as "test". What am I doing wrong?

---The Form

<script type="text/javascript" src="../WYSIWYG/ckeditor.js"></script>
   <form method="post" action="<? $_SERVER['SCRIPT_NAME']; ?>?action=update&id=<? echo $_GET['id']; ?>" onsubmit="var e = CKEDITOR.GetInstance('editor1'); e.UpdateLinkedField();">
      <p>
         <textarea name="editor1" id="editor1"><? echo $content; ?></textarea>
         <script type="text/javascript">
            CKEDITOR.replace( 'editor1' );
         </script>
      </p>
      <p>
           <textarea name="test" cols="0" rows="0" id="test"></textarea>
         <input type="submit" value="Save Page" />
      </p>
   </form>

-----The PHP

print_r($_POST);
   
$content = $_POST['editor1'];
$id = $_GET['id'];
   
exit($content);

Sat, 02/05/2011 - 18:06

matthiasj

Joined: 21/01/2011

Posts: 6

Re: Content Doesn't Post

I recommend to work with the getData() method.
http://docs.cksource.com/ckeditor_api/s ... ml#getData

Since CKEditor replaces the editing area with an editable iframe, you cannot handle it as a normal text input field.

You may write an ajax request instead of using the submit form button (jquery can be helpful here).

Sat, 02/05/2011 - 19:59

alfonsoml

Joined: 31/12/2006

Posts: 3737

Re: Content Doesn't Post

MatthiasJ wrote:I recommend to work with the getData() method.
http://docs.cksource.com/ckeditor_api/s ... ml#getData

Since CKEditor replaces the editing area with an editable iframe, you cannot handle it as a normal text input field.

You may write an ajax request instead of using the submit form button (jquery can be helpful here).

Sat, 02/05/2011 - 22:09

dukeofmarshall

Joined: 02/02/2011

Posts: 6

Re: Content Doesn't Post

Ok, So I still couldn't get it to working, but I found a work-around. I started 'alerting' with Javascript the content of the editor before it got submitted and the content was exactly what I wanted. So what I did was create another text field, hidden with CSS, have Javascript take the content from the editor, URL encode it with 'escape', place that as the content of the hidden text field, and then with the receiving page I can manipulate it however I want from that point.

What I'm doing is saving it in a database, so when the page with the editor comes up, I recall the information from the database with PHP and simply decode the information before placing the information in the content of the editor. Probably not the best way and probably not the way it's supposed to be done, but it works for me.

The editor page.

<script type="text/javascript" language="JavaScript">
<!--

function replaceChars(entry) {
   temp = "" + entry; // temporary holder
   document.getElementById('content').value = escape(temp);
}

-->
</script>

<script type="text/javascript" src="../WYSIWYG/ckeditor.js"></script>
   <form method="POST" action="<? echo $_SERVER['SCRIPT_NAME']; ?>?action=update&id=<? echo $_GET['id']; ?>" onsubmit="replaceChars(CKEDITOR.instances.editor1.getData())" enctype="multipart/form-data">
      <p>
         <textarea name="editor1" id="editor1"><? echo urldecode($content); ?></textarea>
         <script type="text/javascript">
            CKEDITOR.replace('editor1');
         </script>
      </p>
      <p>
           <textarea name="content" id="content" style="visibility:hidden"></textarea>
         <input type="submit" value="Save Page" />
      </p>
   </form>

The receiving page.

print_r($_POST);
   
$content = $_POST['content'];
$id = $_GET['id'];
   
exit($content);