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;
};