I'd like to be able to read the HTML content into a buffer, modify the HTML, then put it back in the editor AND have the cursor at the same place, or as close as possible to where it was before the HTML changes were made. My problem is when I use the setHTML() method it always places the cursor at the end of the editor content. How can I put the cursor back where it was before the setHTML() method is executed?

davinci0428,

 

Can you tell me why you don't use PasteHTML method. It will store the cursor position.

 

PasteHTML()

This method is used for pasting the specified HTML into a range within an editor document. If anything is selected, the selection is replaced with the new HTML and text. Example: // get the cute editor instance var editor1 = document.getElementById('CE_Editor1_ID); // pasting the specified HTML into a range within a editor document editor1.PasteHTML("Hello World");

Thanks for the quick reply Adam.

 

As you know, PasteHTML() places the content at the cursor location, or overwrites any selected content. I was hoping to use the CuteEditor_OnChange event to execute a custom HTML filter when any content changed, and do it on the fly while the user is typing. This means I need to get the entire HTML and filter it, not ask the user to select content then filter it, then put the entire HTML back in the editor and overwrite all the orignal HTML content in the process.

 

The custom filter finds formatting problems that my CMS doesn't like and changes or removes them. Is there a better way to do what I need to do? My code now looks like this:

 

    function CuteEditor_OnChange(editor)
    {    
        // retrieve the content
        var content = editor.getHTML();


        // set the content
        editor.setHTML( content );
    }

If I can't do the filtering on the fly, then my alternative is to run the custom filter when the content is previewed or saved.

 

Thanks for any advice.

Jeff