I am new
to ckeditor, I have hard time figuring this issue out.
due
to my html design; if I try
to use
the link editor dialog while my ckeditor is maximized, it just doesn't show up, I understand that ckeditor is
the top most object in my html page and
the link dialog comes underneath it. if now I bring ckeditor
to its normal state I will be able
to see and use
the link dialog.
my idea is
to slightly override
the link button click event as follows:
if
the editor is in full
screen mode, bring it back
to the normal state. and keep a flag somewhere so that when I close
the link dialog, I can decide whether
to bring back
the ckeditor
to a maximized mode again. now this is easy logic except that I do not know
how to override
the click event of
the link button and keep it work as expected.
here's what I have:
$().ready(function () {
var editor = $('#txa').ckeditor();
CKEDITOR.plugins.registered['link']=
{
init : function( editor )
{
var command = editor.addCommand( 'link',
{
modes : { wysiwyg:1, source:1 },
exec : function( editor ) {
if(editor.commands.maximize.state == 1 ){
alert("maximized");
//....here bring back
the editor
to UN-maximized state and let
the link button event click do
the default behavior
}
else
{
alert("normal state");
}
//2 is normal state
//1 is maximized
}
}
);
editor.ui.addButton( 'link',{label : 'YOUR LABEL',command : 'link'});
}
}
});
html part
to make
the exemple work:
<div>
<textarea id="txa">
</textarea>
</div>
TO BE SHORT:
http://jsfiddle.net/Q43QP/
if
the editor is maximized, bring it
to normal state then show
the link dialog.
