I'm running CKEditor 4.4.7 and, by default, the HTML source has no line breaks, nor tabs.
I've tried to configure the source formatting per HTML Output Formatting, but this documentation appears to be out-of-date. A console log of editor.dataProcessor.writer shows that it has no lineBreaksChars attribute (and adding one does nothing), nor a .setRules method.
Is there a way to get line breaks in the HTML output in version 4.4.7?
All you need is the htmlwriter plugin. You can either download a different build of CKEditor or download the plugin and add it manually with config.extraPlugins = 'htmlwriter'.
See JSFiddle.
Related
I have a custom CKEditor build. Eventually, after I've done code changes, which I don't want to lose, I decided that not all of the plugins, which I included in the initial build, were necessary, so I removed some of them through the config.js file by using config.removePlugins.
My questions are:
Does this method improve the loading speed of the editor at all or does it remove the plugins after they have been loaded?
If the first is true, does it only affect the loading of resources from the plugins folder or does it also affect the loaded content of the ckeditor.js file?
If you downloaded the Full package from CKEditor download page then while loading the editor, the whole package gets loaded even if config.removePlugins is used.
The less plugins you have, the faster the editor loads. This is the general rule. Another one is that the editor should be served in release and not the source mode.
The best practice is to get the editor source code from here, create your own fork which you can update to newest stable branches, create your custom plugins and build your own custom editor release according to this link.
This way you will get all the plugins you want and the editor code will be minified, obfuscated and combined into a single ckeditor.js file which should guarantee the fastest load time.
I've just upgraded from CKEditor 4.4.4 to CKEditor 4.5.2 and it seems that the source code formatting is lost. This is also the case with all demos on the official case eg. main demo page.
It used to look like this (nice formatting, coloring):
And now it looks like this:
Does anybody know if I need a plugin or if it's a bug?
CKEditor has never provided syntax coloring in source mode.
Previously you have used some third party plugin, so you must add it again.
It appears that some of the button names have been changed in ckeditor version 4.
Is there a complete list of these changes?
There is a partial list here.
I'm pretty sure that names haven't been changed. If something is not working check if plugin you need is included in your build (most likely it is a standard preset) and if not:
download a full preset (which in fact does not include all plugins too, but most of them) or
add required plugins to your custom CKEditor build.
[EDIT] another useful resource is the toolbar sample shipped with CKEditor package. E.g. here's one for a standard package.
I'm working with Liferay version 6.1.20 but sadly in this version the ckeditor 4.0 isn't implemented yet.
Is there a way to manualy upgrade CKEditor? or is it a job that i shouldn't start because it's to much work?
I would like to manualy update the CKEditor because the plugin that i'm hooking on isn't compatible with older versions of CKEditor.
I have been looking around on the web. But there isn't any information present as far as i know. I would be nice to know if it's word trying?
Ckeditor 4.0 is included in the trunk (6.2 M4) (this can be seen in the post from Juan Fernández in the liferay forum. Don't know if it will be part of 6.1 GA3 due shortly. I'm not sure how complex it is to upgrade CKEditor. You may want to see the github pull request mentioned in Juan's post.
It looks like that Replacing the ckeditor.js file and adding all the new required files is the first step of replacing the ckeditor. Besides that it's important to change the CKeconfig.jsp and remove all the old configurations. Toolbar settings can be made. These don't seem to cause any problems.
If your working with the .on method please notice that the contentDom event is fired 2 times. Once on loaded and once when the editor is ready. I checked editor.status === "ready" to prevent this. Because it is attaching the listeners when it's not ready.. Because of this the won't work.
=== Edit ===
Still having problems. But now with the save as draft action. It's saving the data but without the Html changes i have made.. I'm making span's with special attributes. but the editor won't save them..
== Edit 2 ==
The problem was a missing CKEDITOR config tag. config.allowedContent = true; (See edit for the problem)
When I insert a new record in popup mode, for some fields does not change the status (red triangle), the value is not updated and the data is transmitted "empty" to the webservice.
If I press "backspace", the field changes status to "modified" (red triangle) and sent to the webservice.
In the "2012.2.814" worked well.
I attach a sample program (rename png in htm)
Thank you.
Michele.
if you are using the MVC wrappers, make sure you've updated the DLL. In either case, make sure you've updated all the .js files to 2012.3.1114. In our projects, we will go through the process of deleting all the kendo*.js files in the Scripts directory then replacing them with the latest versions. That also takes care of the occasionally deprecated js file. Check your layout and make sure you aren't calling them in the wrong order (if you're using MVC-4 I highly recommend using CDN and/or the bundling option).
Also update your Content and check a couple of browsers (Chrome's developer tools, Fiddler, Firebug as well) to see if there are any errors/warnings that might help explain it.
Finally, Kendo now supports jQuery 1.8.2 - the previous versions required jQuery 1.7. I found that moving to jQuery 1.8.2 gave a modest performance boost and resolved some grouping issues I was having with the Grid component.