CKEditor

CKEDITOR.instances.editor_id.on('autosave', ...)

config.keystrokes[config.keystrokes.length] = [ CKEDITOR.CTRL + 83, 'save' ];

I'm not sure though when to fire such event. The content is being saved in asynchronous

plugin displays it's own messages in form of tooltip

I also haven't found a way to fire the autosave plugin using a shortcut.

It does not break it. It uses it. I guess that this is the main drawback of this plugin - checking and resetting dirty state.

Anyway I have started to think of other way to handle saves

var currentLength = getCurrentLength(); // just a mock method
if ( lastLength != currentLength )
{
   autosaveCounter++ ;
   lastLength = currentLength;
   // change Icon to saveDirty
   autosaveChangeIcon( editor, autosaveIcons[1].path,
      autosaveIcons[1].title );
}

j.swiderski wrote:

Wouldn't it be enough to count key presses?

- There are other events fired by dialog, non-dialog plugins, by undo/redo, fired in source-mode etc. Plugin registering only some changes and not all of them? Hmmm... I just don't see it, sorry.
Anyway I have started to think of other way to handle saves. Method would be more intelligent and eventually could let me drop changes counter, interval and using dirty mechanism but this part might take some time as this change is quite big and to be honest it's back to the drawing board for me

<%@ WebHandler Language="VB" Class="AutoSave" %>

Public Class AutoSave
   Implements IHttpHandler, IRequiresSessionState
       
   Public Sub ProcessRequest(ByVal context As HttpContext) _
   Implements IHttpHandler.ProcessRequest
      ' Do something with the data
      IO.File.WriteAllText("d:\path\to\save\content.txt", _
         context.Request.Form("Content").ToString)

      context.Response.Clear()
      context.Response.ContentType = "text/xml;charset=UTF-8"
      context.Response.StatusCode = 200
      context.Response.Write("<result status=""ok"" />")
      context.Response.Flush()
   End Sub
 
   Public ReadOnly Property IsReusable() As Boolean _
   Implements IHttpHandler.IsReusable
      Get
         Return False
      End Get
   End Property

End Class

<%@ WebHandler Language="C#" Class="AutoSave" %>

public class AutoSave : IHttpHandler, IRequiresSessionState
{

   public void ProcessRequest(HttpContext context)
   {
      // Do something with the data
      IO.File.WriteAllText("d:\path\to\save\content.txt",
         context.Request.Form("Content").ToString);

      context.Response.Clear();
      context.Response.ContentType = "text/xml;charset=UTF-8";
      context.Response.StatusCode = 200;
      context.Response.Write("<result status=\"ok\" />");
      context.Response.Flush();
   }

   public bool IsReusable {
      get { return false; }
   }
}

config.autosaveTargetUrl = '/AutoSave.ashx';

<system.web>
   ...
   <httpRuntime requestValidationMode="2.0"/>
   ...
</system.web>

$('#editor').ckeditor(config).ckeditorGet().on('autosave', function(event) {

  // Backbone Model .save() method will take care of hitting my API
  event.editor.config.model.save({content: event.editor.getData()});

  // return true/false so the plugin knows if saving was successful
  return true;

});

j.swiderski wrote:@chrisbraddock - it sounds to me like you only want to know when something got changed in the editor and then fire your own custom code.

If that's the case then what you really need is the onChange event part from the plugin. You're in luck because such event was created by @alfonsoml. You can find it on this forum and on his blog:
viewtopic.php?f=18&t=23605
http://alfonsoml.blogspot.com/2011/03/o ... ditor.html

Is this something you were looking for or my plugin has something more that you also need?

alfonsoml wrote:You can configure the onChange plugin with something like config.minimumChangeMilliseconds=1000 to fire the change event at most one per second.
And it doesn't take into account just keypresses but it tries to detect any change to the content (formatting, inserting elements, etc...)

/*
Copyright (c) 2003-2011, CKSource - Frederico Knabben. All rights reserved.
For licensing, see LICENSE.html or http://ckeditor.com/license
*/

CKEDITOR.editorConfig = function( config )
{
    config.font_names =
    'Arial/Arial, Helvetica, sans-serif;' +
    'Courier New/Courier New, Courier, monospace;' +
    'Times New Roman/Times New Roman, Times, serif;';
    config.resize_enabled = false;
    config.width = '96%';
    config.disableNativeSpellChecker = false;
// Lignes à rajouter :
   config.extraPlugins = 'autosave';
   config.toolbar = [['Source','Save','Preview','-', 'Autosave']];
   config.autosaveTargetUrl = 'http://mywebsite.fr/media/autosave/save/';
    config.filebrowserUploadUrl = 'media/kcfinder/upload.php?type=files';
    config.filebrowserImageUploadUrl = 'media/kcfinder/upload.php?type=images';
    config.filebrowserFlashUploadUrl = 'media/kcfinder/upload.php?type=flash';
// Fin Lignes à rajouter
    // ADVANCED EDITOR || DESACTIVED : SAVE - FORM,CHECKBOX,RADIO,TEXTFILED,TEXTAREA,SELECT,BUTTON,IMAGEBUTTON,HIDDENFIELD - FLASH - ABOUT
    config.toolbar_Full =
    [
        { name: 'document',    items : [ 'Source','-','NewPage','DocProps','Preview','Print','-','Templates' ] },
        { name: 'clipboard',   items : [ 'Cut','Copy','Paste','PasteText','PasteFromWord','-','Undo','Redo' ] },
        { name: 'editing',     items : [ 'Find','Replace','-','SelectAll','-','SpellChecker', 'Scayt' ] },
        { name: 'links',       items : [ 'Link','Unlink','Anchor' ] },
        '/',
        { name: 'basicstyles', items : [ 'Bold','Italic','Underline','Strike','Subscript','Superscript','-','RemoveFormat' ] },
        { name: 'paragraph',   items : [ 'NumberedList','BulletedList','-','Outdent','Indent','-','Blockquote','CreateDiv','-','JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock','-','BidiLtr','BidiRtl' ] },
        { name: 'tools',       items : [ 'Maximize', 'ShowBlocks' ] },
        { name: 'insert',      items : [ 'Video','syntaxhighlight' ] },
        '/',
        { name: 'styles',      items : [ 'Styles','Format','Font','FontSize' ] },
        { name: 'colors',      items : [ 'TextColor','BGColor' ] },
        { name: 'insert',      items : [ 'Image','Table','HorizontalRule','Smiley','SpecialChar','PageBreak' ] },
    ];

    // BASIC EDITOR
    config.toolbar_Basic =
    [
        [ 'Source', '-', 'Bold', 'Italic', 'Underline', '-', 'Image', 'Link', 'Smiley', '-', 'TextColor', 'RemoveFormat', '-', 'Scayt' ]
    ];
};

j.swiderski wrote:@ leocofre I have just tried this plugin and didn't get behaviour you were talking about.
Could you perhaps send me private message explaining in more detail how you are getting this problem.