Ticket #4241: example.html

<script type="text/javascript" src="ckeditor.js"></script>

<div onClick="replaceDiv('area1');" id="area1" style="float:left; padding:10px; border:1px solid; width:400px; height:400px;">Area One</div>

<div onClick="replaceDiv('area2');" id="area2" style="float:left; padding:10px; border:1px solid; width:400px; height:400px;">Area Two</div>


<script type="text/javascript">
var editor=null;
CKEDITOR.config.toolbar_Full = [['Styles','Bold','Italic','Underline']];
function replaceDiv(div)
{       
        if ( editor )
        {
                removeEditor();
        }

        editor = CKEDITOR.appendTo( div,{});    
}

function removeEditor()
{
        if ( !editor )
                return;

        editor.destroy();
        editor = null;
}
</script>