ckeditor

How to check CK editor version

by

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>

How to remove buttons from CKeditor 4

by

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

How to configure ckeditor to not wrap content in block?

by

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

How to set the height of CKEditor 5 (Classic Editor)

by

Answering my own question as it might help others. CKEditor 5 no longer comes with a configuration setting to change its height. The height can be easily controlled with CSS. There is one tricky thing though, if you use the Classic Editor: <div id=”editor1″></div> ClassicEditor .create( document.querySelector( ‘#editor1’ ) ) .then( editor => { // … Read more

How can you integrate a custom file browser/uploader with CKEditor?

by

Start by registering your custom browser/uploader when you instantiate CKEditor. You can designate different URLs for an image browser vs. a general file browser. <script type=”text/javascript”> CKEDITOR.replace(‘content’, { filebrowserBrowseUrl : ‘/browser/browse/type/all’, filebrowserUploadUrl : ‘/browser/upload/type/all’, filebrowserImageBrowseUrl : ‘/browser/browse/type/image’, filebrowserImageUploadUrl : ‘/browser/upload/type/image’, filebrowserWindowWidth : 800, filebrowserWindowHeight : 500 }); </script> Your custom code will receive a GET … Read more