哪个所见即所得的编辑器可以与fancybox配合使用？

Question

I used to work with tinymce, but it causes lot of troubles when I want to put it to fancybox (fails with second start of fancybox window). Cleditor doesn't work too (displays "true" instead of editor). Is there any editor which will work without making any strange tricks?

Edit:

$('.fancybox_with_wysiwyg').fancybox({padding: 1, scrolling: 'no',
        beforeShow: function () { tinymce.execCommand('mceToggleEditor', false, 'fbwysiwyg'); },
        beforeClose: function () { tinymce.EditorManager.execCommand('mceRemoveControl', true, 'fbwysiwyg'); }
    });

Edit2 (fixed callbacks)

  $('.fancybox_with_wysiwyg').fancybox({
    padding: 1,
    scrolling: 'no',
        onComplete : function() {
            tinyMCE.execCommand('mceToggleEditor', false, 'fbwysiwyg');
   },
        onCleanup : function() {
            tinyMCE.execCommand('mceRemoveControl', false, 'fbwysiwyg' );
    }        
});

Solution (thanks to Thariama)

    $('.fancybox_with_wysiwyg').fancybox({padding: 1, scrolling: 'no',
            onComplete: function () { tinymce.execCommand('mceAddControl', false, 'fbwysiwyg'); },
            onClosed: function () { tinyMCE.execCommand('mceRemoveControl', false, 'fbwysiwyg' );  }
        });

Answer 1

CKEditor definately works as I've been working on putting it inside a Fancybox this afternoon :)

The problem you may encounter is when a modal window plugin removes and recreates the textarea within the modal. In this case you will need to re-bind the WYSIWYG when the textarea is shown.

Answer 2

>I used to work with tinymce, but it causes lot of troubles when I want to put 
>it to fancybox (fails with second start of fancybox window).

The simple solution for this case is to shut down tinymce correctly before you reinitialize it the second time.

To shut your editor instance down call

tinyMCE.execCommand('mceRemoveControl', false, 'fbwysiwyg' ); 

Update: You need to use

$('.fancybox_with_wysiwyg').fancybox({padding: 1, scrolling: 'no',
        beforeShow: function () { tinymce.execCommand('mceToggleEditor', false, 'fbwysiwyg'); },
        beforeClose: function () { tinyMCE.execCommand('mceRemoveControl', false, 'fbwysiwyg' );  }
    });