You can get a plugin (and an explanation about what things are detected as changes) in this post: http://alfonsoml.blogspot.com/2011/03/onchange-event-for-ckeditor.html so you can do things like for (var i in CKEDITOR.instances) { CKEDITOR.instances[i].on(‘change’, function() {alert(‘test 1 2 3’)}); }
just make an alert as below in the config.js file, it gives the value alert(CKEDITOR.version); or you can see it directly in the file ckeditor_php4.php, for eg: var $version = ‘3.6.3’; working demo : alert(CKEDITOR.version); console.log(“CKEDITOR.version ==”,CKEDITOR.version); <head> <meta charset=”utf-8″> <title>CKEditor</title> <script src=”https://cdn.ckeditor.com/4.11.4/standard/ckeditor.js”></script> </head> <body> <textarea id=”editor1″></textarea> <script> CKEDITOR.replace( ‘editor1’ ); </script> </body>
Based on reinmar answer and tested here is the better answer. Add this in your ckeditor config.js : config.removeButtons=”Underline,JustifyCenter”; For reference you can find the complete list of CKeditor 4 buttons there : http://ckeditor.com/comment/123266#comment-123266
Before submit do: for(var instanceName in CKEDITOR.instances) CKEDITOR.instances[instanceName].updateElement();
I’m still having problems figuring out exactly how I find out what a user is typing into a ckeditor textarea. Ok, this is fairly easy. Assuming your editor is named “editor1”, this will give you an alert with your its contents: alert(CKEDITOR.instances.editor1.getData()); The harder part is detecting when the user types. From what I can … Read more
I have written a complete tutorial covering every aspect of CKeditor plugin development, including buttons, context menus, dialogs and more.
You can check the toolbar sample in your CKEditor package. There, you’ve got listed all buttons and all toolbar groups (since CKEditor 4 there are two ways of setting toolbar layout) that are enabled in your CKEditor build. If you don’t see a button that you remembered from CKEditor 3, check if it’s available in … 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
When the protectedSource solution is used, i tags are no longer stripped, but img tags stop showing up in the WYSIWIG mode of CKEditor (I’m using 4.3.1). The solution that worked better for me is to disable removing empty i tags using CKEDITOR.dtd.$removeEmpty For example, I added the following to the config.js // allow i … Read more
you need to first call the following, to make the CKEDITORs update their related fields.. for ( instance in CKEDITOR.instances ) CKEDITOR.instances[instance].updateElement(); so HTML <a onClick=”CKupdate();$(‘#article-form’).ajaxSubmit();”>Submit</a> and javascript function CKupdate(){ for ( instance in CKEDITOR.instances ) CKEDITOR.instances[instance].updateElement(); }