Hi guys,
This is my idea:
I have some DIV tags over the web page. When user clicks a DIV, it executes this lines:
It works if you click outside the editor. The problem is that if you click on a select box (for example, font style, font size, etc) or on a button such "Paste" (it opens a popup) it loses the focus and executes the function.
Is there a solution?
Thank you very much.
Carlos
EDIT: My config file is this:
This is my idea:
I have some DIV tags over the web page. When user clicks a DIV, it executes this lines:
editor = CKEDITOR.replace( $( element ).get( 0 ) ); editor.on( 'blur', function() { editor.destroy(); });
It works if you click outside the editor. The problem is that if you click on a select box (for example, font style, font size, etc) or on a button such "Paste" (it opens a popup) it loses the focus and executes the function.
Is there a solution?
Thank you very much.
Carlos
EDIT: My config file is this:
CKEDITOR.editorConfig = function( config ) { config.toolbar = 'ProjectToolbar'; config.toolbar_ProjectToolbar = [ [ 'Font', 'FontSize' ], [ 'Bold', 'Italic', 'Underline', 'Strike', 'Subscript', 'Superscript' ], [ 'Cut', 'Copy', 'Paste' ], [ 'Undo', 'Redo' ], [ 'NumberedList', 'BulletedList' ], [ 'JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock' ], [ 'TextColor', 'BGColor' ] ]; config.extraPlugins = 'autogrow'; config.removePlugins = 'resize,elementspath'; config.autoGrow_minHeight = 0; config.toolbarCanCollapse = false; config.startupFocus = true; };