javascript - Update editor content immediately before save in CKEditor plug-in - Stack Overflow

admin管理员组

文章数量:1313599

I am developing a plug-in for CKEditor that needs to make some changes to the editor's content immediately before saving. In FCKeditor, I achieved this using the OnAfterLinkedFieldUpdate event but I haven't yet been able to find an equivalent way of doing this in CKEditor. I had hoped there would be a suitable event to hook into but there doesn't appear to be. Does anyone know of a way of doing this?

I am developing a plug-in for CKEditor that needs to make some changes to the editor's content immediately before saving. In FCKeditor, I achieved this using the OnAfterLinkedFieldUpdate event but I haven't yet been able to find an equivalent way of doing this in CKEditor. I had hoped there would be a suitable event to hook into but there doesn't appear to be. Does anyone know of a way of doing this?

• javascript
• ckeditor

Share Improve this question Follow asked Feb 16, 2010 at 11:13 Tim DownTim Down 325k7676 gold badges460460 silver badges542542 bronze badges 2

• What save event/function are you using? The "save" button? – Pekka Commented Feb 16, 2010 at 13:32
• Yes. The plug-in will be used by site owners who already have CKEditor set up however they have seen fit, so I would prefer to keep my plug-in as clean as possible, which means not replacing the standard save button if possible. I've looked at the source and my best bet seems to to add a submit event handler to the form containing the editor, but this hardly qualifies as clean. – Tim Down Commented Feb 16, 2010 at 14:13

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 6 +125

You could use the getData event, but be careful because it's fired also for internal uses.

I've filed http://dev.fckeditor/ticket/5254 to recreate the previous event

As the link above doesn't really have the solution on substitude OnAfterLinkedFieldUpdate event I have writen a short post on how to go around it.

Here is the form:

<form id="my_form" action="submit.php" method="post" name="my_form">
   <textarea id="my_text" name="my_text"></textarea>
   <input id="submitForm" type="submit" name="submitForm" value="Submit" />
</form>

JavaScript:

var formSubmitted = false;
$("#submitForm").live('click', function(event) {
    if (formSubmitted === true) {
        formSubmitted = false;
        return;
    }
    event.preventDefault();
    //put here function to edit content == OnAfterLinkedFieldUpdate
    var editor = CKEDITOR.instances.my_text;
    var html = editor.getData();
    html.replace(searchvalue, newvalue);
    editor.setData(html);
    formSubmitted = true;
    $(this).trigger('click');
});

The code is here

本文标签： javascriptUpdate editor content immediately before save in CKEditor pluginStack Overflow