The URL should point to your own custom filebrowser url you might have. I have already done this in one of my projects, and I have posted a tutorial on this topic on my blog Integrating FCKEditor FileManager in CKEditor The tutorial gives a step by step instructions about how to integrate the inbuilt FileBrowser … Read more
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
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
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
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
SimpleMDE, a newcomer, may be the answer. I’ve been searching for something just like this for a month now. I’m surprised that this does not show up higher in search results. I had to go through a notice on lepture/editor to find this.
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