Cufon text not visible

Dear All,

I am using CKEditor 4 Beta and i love the inline editing thing.

Im currently designing a CMS system that will allow users to edit portions of a page with the CKEditor

However i am also using cufon on the page which renders the following HTML

<h2 contenteditable="true" class="pad_bot1 cke_editable cke_contents_ltr cke_show_borders" tabindex="0" style="position: relative;">
       <cufon class="cufon cufon-canvas" alt="What " style="width: 89px; height: 36px;">
             <canvas width="124" height="44" style="width: 124px; height: 44px; top: -7px; left: -3px;"></canvas>
             <cufontext>What </cufontext>
       </cufon>
       <cufon class="cufon cufon-canvas" alt="We " style="width: 57px; height: 36px;">
              <canvas width="92" height="44" style="width: 92px; height: 44px; top: -7px; left: -3px;"></canvas>
              <cufontext>We </cufontext>
       </cufon>
       <cufon class="cufon cufon-canvas" alt="Offer" style="width: 77px; height: 36px;">
              <canvas width="108" height="44" style="width: 108px; height: 44px; top: -7px; left: -3px;"></canvas>
              <cufontext>Offer</cufontext>
        </cufon>
</h2>

CKeditor turn the H2 tag into a editor after that the text is not displayed anymore.
if the inline editor is not visible it is also not showing the cufon font

is it posible to let CKEditor to render the text or just display the original text?

this is the code copied from the sample page

CKEDITOR.on('instanceCreated', function (event) {
    var editor = event.editor;
    var element = editor.element;

    // Customize editors for headers and tag list.
    // These editors don't need features like smileys, templates, iframes etc.
    if (element.is('h1', 'h2', 'h3') || element.getAttribute('id') == 'taglist') {
        // Customize the editor configurations on "configLoaded" event,
        // which is fired after the configuration file loading and
        // execution. This makes it possible to change the
        // configurations before the editor initialization takes place.

        editor.on('configLoaded', function () {

            // Remove unnecessary plugins to make the editor simpler.
            editor.config.removePlugins = 'colorbutton,find,flash,font,' +
                  'forms,iframe,image,newpage,removeformat,scayt,' +
                  'smiley,specialchar,stylescombo,templates,wsc';

            

            // Rearrange the layout of the toolbar.
            editor.config.toolbarGroups = [
                  { name: 'editing', groups: ['basicstyles', 'links'] },
                  { name: 'undo' },
                  { name: 'clipboard', groups: ['selection', 'clipboard'] },
                  { name: 'about' }
               ];
        });
    }
});

Kind Regards,

Patrick