Here you go. dialogDefinition event solves the problem: CKEDITOR.on( ‘dialogDefinition’, function( ev ) { var dialogName = ev.data.name; var dialogDefinition = ev.data.definition; if ( dialogName == ‘table’ ) { var info = dialogDefinition.getContents( ‘info’ ); info.get( ‘txtWidth’ )[ ‘default’ ] = ‘100%’; // Set default width to 100% info.get( ‘txtBorder’ )[ ‘default’ ] = ‘0’; … Read more
You got to observe dialogDefinition event to do this: CKEDITOR.on( ‘dialogDefinition’, function( evt ) { var dialog = evt.data; if ( dialog.name == ‘link’ ) { // Get dialog definition. var def = evt.data.definition; // Add some stuff to definition. def.addContents( { id: ‘custom’, label: ‘My custom tab’, elements: [ { id: ‘myField1’, type: ‘text’, … Read more
Another generic solutions to this would be to run the following whenever you try to submit the form for ( instance in CKEDITOR.instances ) CKEDITOR.instances[instance].updateElement(); This will force all CKEDITOR instances in the form to update their respective fields
I finally got it work. It was much more simple and did not even involve MIME. The trick was to modify the image tags in the working HTML to include the base64 encoded image so that the src tag could use this format (here shown with a gif as example): src=”data:image/gif;base64,<base64 encoded image>” I already … Read more
Although that part of the API wasn’t ported from 2.x at the time that this question was placed, now it’s easier to use the bodyId and bodyClass config options. Of course, the explanation by nemisj is good and can be useful for other things, but you must remember that each time that you switch away … Read more
After some research I might shed some light on this issue – unfortunately there is no out-of-the-box solution. In the CKEditor there are four ways a no-break space can occur (anybody know more?): Automatic filling of empty blocks. This can be disabled in the config: config.fillEmptyBlocks = false; Automatic insertion when pressing TAB-key. This can … Read more
Add the following to your config.js file for CKEditor: config.enterMode = CKEDITOR.ENTER_BR; Example: … CKEDITOR.editorConfig = function (config) { config.enterMode = CKEDITOR.ENTER_BR; … }; Details The configuration setting that controls this behavior is based on what you want to happen when the user presses Enter. Just in case someone who’s new to working with HTML … Read more
This is what I use: var mySelection = editor.getSelection(); if (CKEDITOR.env.ie) { mySelection.unlock(true); selectedText = mySelection.getNative().createRange().text; } else { selectedText = mySelection.getNative(); }
Finally i found the answer to my question… I changed the value of ignore property which by default holds :hidden value. as CKEDITOR hides the textarea jQuery validation doesn’t validate the element: ignore: [] Just i changed the validation script as follows.. $(document).ready(function(){ $(“#f3”).validate( { ignore: [], debug: false, rules: { cktext:{ required: function() { … Read more
Dan’s answer got strange results for me, but minor change (in addition to typo fix) made it work: var range = me.editor.createRange(); range.moveToElementEditEnd( range.root ); me.editor.getSelection().selectRanges( [ range ] );