Saving tinymce editor with AJAX and Jquery

Question

I've been reading similar questions to this issue and have been able to get pretty far, but apparently my situation is slightly different so I'm still trying to figure this out. I have a form that has textareas that are styled with the Tinymce html editor. I would like the textarea to autosave with AJAX. I have been working with code that saves the textarea based on a time interval: ``` $(document).ready(function() { $(function() { // Here we have the auto_save() function run every 30 secs // We also pass the argument 'editor_id' which is the ID for the textarea tag setInterval("auto_save('editor_id')",30000); }); ``` }); ``` // Here is the auto_save() function that will be called every 30 secs function auto_save(editor_id) { // First we check if any changes have been made to the editor window if(tinyMCE.getInstanceById(editor_id).isDirty()) { // If so, then we start the auto-save process // First we get the content in the editor window and make it URL friendly var content = tinyMCE.g…

Accepted Answer

`tinyMCE.editors` will give you access to all of the editors on the page. See http://www.tinymce.com/wiki.php/API3:property.tinymce.editors.

So you can change your code to

```
$(document).ready(function() {
    setInterval(function() { 
        for (edId in tinyMCE.editors)
            auto_save(edId);
    },30000);
});
```

This will save every editor on your page every 30 seconds though. I'm not sure if this is what you want. There's also `tinyMCE.activeEditor` if you just want access to the currently active editor.

In response to your questions below:

1.You should be able to use the blur event for the text area to trigger your save.

```
$(document).ready(function() {
    for (edId in tinyMCE.editors) {
        $('#' + edId).blur(function() {
            auto_save($(this).attr('id'));
        });
    }
});
```

2.If you want access to the QuesID from inside your `auto_save` function, you can use

```
var quesId = $('#' + editor_id).attr('QuesID');
```

Saving tinymce editor with AJAX and Jquery

Solution

Problem