javascript将元素中的文本复制到textarea中

Question

I'm using CKEditor Inline mod and I am trying to save this into database. I have an idea about copy text from element to textarea. I have element div#textToBeSaved and I want to copy all text from this element into textarea with name content immediately.

Header:

  <script type="text/javascript" src="/administration/aditional/ckeditor/ckeditor.js"></script>
  <script type="text/javascript">
    setTimeout(function() { copyText(); },500);

    function copyText() {    
        var data = CKEDITOR.instances.textToBeSaved.getData();
        document.getElementsByName("content")[0].value = data;
    }
  </script>

Text:

    <div id="textToBeSaved">
     <div id="content-full">
      <div class="container">
       {P_CONTENT}
      </div>
     </div>
    </div>
    <textarea name="content"></textarea>

{P_CONTENT} is parsed in PHP. For example {P_CONTENT} returns <p contenteditable='true'>hello world</p>

I just need save everything in the element #textToBeSaved into database with actual data.

Thanks for any help.

Answer 1

If your CKEditor has an id of textToBeSaved then this code will get the contents of the CKEditor for you and copy them into your content element:

<script>
    setTimeout(function() { copyText(); },500);

    function copyText() {    
        var data = CKEDITOR.instances.textToBeSaved.getData();
        document.getElementsByName("content")[0].value = data;
    }
</script>

http://docs.ckeditor.com/#!/api/CKEDITOR.editor-method-getData

Answer 2

By the way CKEDITOR.instances.textToBeSaved.getData(); is undefined. I think it's because element textToBeSaved isn't defined as editable. But I can't mark it as editable 'cause I don't want to make everything editable in this element. Here's a picture LINK

Any ideas please?

Answer 3

You need to use the id of the element that you're editing (the one with the contentEditable attribute). If you refer to something else it's obvious that it can't work.