CKEditor - updates

[maple]

Hi,

Information: In the actual Elxis 4 stable version, there're the CKEditor version 3.6.2. I think that can be interesting updating the CKEditor for the next Elxis update revision, if it possible. We use a lot the CKEditor toolbar. I paste below the very long list of changes from 3.6.2 to 4.0.1.1. Perhaps could be the moment to make this update. Thanks a lot.


PART I

CKEditor 3.6.3

New features:
•#7430 : Justify commands now perform alignment on the element when an image is selected.
•#8706 : Better ARIA accessibility for the color picker dialog window.
•#7366 : Editor paste function is now available on browser toolbar and context menu.

 Fixed issues:
•#8634 : [IE] Command execution always returns true in IE browsers.
•#8333 : Dialog windows can now be closed with the Esc key even if there is no Cancel button available.
•#8644 : Missing variable declaration in the dialog plugin.
•#8699 : Focus is now moved to the clicked button and back to color picker dialog window opener (button) in all browsers after the dialog window is closed.
•#8132 : [IE9] Link line gets broken when it contains a br tag.
•#8629 : Optimize float panel layout when there is not enough space in the viewport.
•#7955 : [FF] Page Up and Page Down in the WYSIWYG mode cause the selection to become lost.
•#8698 : Esc key does not close the color picker dialog window.
•#8413 : HTML comment nodes break content styling in tables.
•#7932, #8643 : [IE] Clicking below the content region scrolls the page to the top.
•#5538, #8729 : [IE] Focus jump results in incorrect context menu display.
•#6359 : [IE] Selectable area in blank WYSIWYG editor is too small.
•#7326, #8074 : [FF] Scrolling does not work correctly in editor with large amount of text.
•#8630 : HTML events are now disabled when loading data.
•#8433 : [IE9] Use W3C event model.
•#8691 : [IE] Pasting invalid HTML crashes the browser.
•#8345 : [IE] Selection is not properly restored after closing the Link dialog window.
•#6308 : Vertical-only resize imposes fixed width on editor chrome.
•#7360 : [WebKit] WYSIWYG area sometimes does not resize with the chrome.
•#5527 : Do not encode the # character sent from the file browser.
•#8014 : Autogrow now stretches to fit the content when switching editor modes.
•#8249 : Inconsistent behavior with the Backspace key used at the start of a list item.
•#8617 : [WebKit] Selection becomes broken after an inline style is opened.
•#8527 : Insertion with cursor before an empty anchor is error-prone.
•#8632 : Cursor panic when the Backspace key is used in a list item.
•#8455 : Mousedown focus is too agressive.
•#8475 : Issue with deleting elements with inline styling in tables.
•#8324 : [IE8] Undo generates an error when a control type element is selected.
•#7946 : Find and Replace dialog window result does not scroll into view when the editor is off the viewport.
•#8157 : Flash/IFrame dialog window cannot be closed when displayed over Flash/IFrame with dialog_startupFocusTab set to true.
•#8305 : Text direction lost when converting a paragraph to a list.
•#8379 : The cursor moves to the start of the document when inserting a row or column is undone.
•#6666 : Removed references to element.all.
•#8732 : Issue when CKEDITOR.range::enlarge passes through comment nodes.
•#7492 : The Style system can now use overrides with the same element (change classes instead of nesting).
•#6111 : Splitting table cells results in incorrect column spans.
•#8247 : [IE] Error when aligning a document with page breaks inside of contents.
•#8540 : Orphan texts inside a list or table are now properly fixed.
•#8774 : The Entities plugin can now be configured to only output XML entities.
•#8602 : Image source is now properly hidden when running data through the data processor.
•#8812 : [IE] Issues with the native range translation with comments in the DOM.
•#7907 : Decreasing indentation of a RTL block in a list item loses text direction.
•#8835 : Right margin on IE<8 removed to avoid mouse click confusion.
•#8400 : [IE] Script error when closing the Cell Properties dialog window if the table cell text is selected.
•#8248 : [IE8] Issues with Backspace and Del keys when used at the start or end of list items.
•#8855 : [Chrome] Issue with the popup window size in Chrome 18 makes it impossible to view the file browser window.
•#8407 : Unneeded aria-posinset and aria-setsize for a list block are now removed.
•#8701 : Highlight field in the color picker does not show the correct color when keyboard navigation is used.
•#8509 : Table height gets copied from the width value when the Advanced tab is hidden.
•#8432 : [IE8] openDialog('image') error.
•#8493 : [IE] It is impossible to add a link to the selected text.
•#8528 : Redundant imagePreviewBoxId in the Image Properties dialog window is now removed.
•#8864 : [IE] Fix ARIA presentation of toolbar rich combo in JAWS.
•#8459 : Fix wrong undo step on enter key.
•#8895 : Editing anchors using the Link dialog window could not work in release version.
•#8876 : <link> element in the floating panels have been moved to <head>.
•Updated the following language files as submitted to the CKEditor UI Translation Center: Arabic, Bulgarian, Chinese, Croatian, Czech, Danish, Dutch, Esperanto, Estonian, Faroese, French, German, Greek, Gujarati, Hindi, Italian, Norwegian (Bokmål and Nynorsk), Polish, Portuguese, Turkish, Uighur, Ukrainian, Vietnamese, Welsh.


CKEditor 3.6.4

Fixed issues:
•#8887 : Ugly hover effect for buttons in dialog windows due to slightly wrong background position.
•#8783 : getAttribute( 'contenteditable' ) returns 'inherited' on IE7 and IE6 for elements created from code.
•#8463 : WebKit: Cut/Copy buttons didn't go on "enabled" state after selecting text in the editor.
•#9043 : Command newpage didn't return its name when afterCommandExec event was fired.
•#9015 : Applied ARIA label on dialog file input element.
•#9016 : Applied the "presentation" role on the iframe element in dialog file field markup.
•#8949 : Image Properties does not show in context menu when the image is wrapped in a div with the width set.
•#9008 : Fixed list items order reversed when merging two lists.
•#9042 : [Safari] Fixed pasting left garbage html at the end of document.
•#7745 : The list of frames on JAWS will not any more show the "ALT+0 for help" text for the editor entry.
•#8979 : Overriding matches will not any more interfere on the Font size combo.
•#5447 : Anchor names created by the Link dialog are now trimmed to protect against unwanted spaces.
•#8997 : Styles are lost on sub-lists when converting list type.
•#8971 : [IE7] Dialog size are stretched when long text field value is received.
•#8945 : Fake elements now show alternative text on High Contrast mode.
•#8985 : Better handling of Enter key events on dialogs.
•#8925 : [Firefox] Unexpected page scroll on large floating block when editor is re-focused.
•#8978 : [IE] Saved editor text selection is lost after close menu.
•#9022 : [IE7] Fixed wrong selection introduced in empty editor document when click to the bottom-right of the document.
•#9034 : [IE7] Fixed JavaScript error caused by drag-to-select at the bottom of the document.
•#9057 : Unexpected block established when decreasing indent of a styled list item.
•#9063 : Styles on sub-list are lost when decreasing indent of the parent list.
•#9047 : [Firefox] Anchors in the preview window will now work properly.
•#8941 : [Webkit] Content region disappeared when resizing the browser.
•#8968 : [Firefox] The forcePasteAsPlainText configuration is not working when using Ctrl/Cmd-V.
•#6217 : Handled Del/Backspace key at the boundary of table to unify the cursor position.
•#8950 : Changed the cursor position after calling editor::insertElement on block element.
•#9080 : Fixed Backspace key in front of the list item to join with previous line.
•#3592 : Removed the "title" field from flash dialog advanced tab.
•#9084 : [IE] Dragging absolute positioned elements is now enabled by default.
•#8879 : Corrected styling of labels used in dialog windows.
•#8921 : [Chrome] Paste on a newly created CKEditor instance does not work on Chrome.
•#9036 : Find feature cannot locate certain words while Match Whole Word is enabled.
•#9069 : [Chrome] Issue with popups not opening properly on Chrome 20 makes it impossible to view the file browser window.
•#5811 : Code for Image dialog is missing dialog dependency.
•#5810 : Code for Div Container is missing dialog dependency.
•#5809 : Dialog a11yhelp is missing dialog dependency.
•#4045 : "Field Name" Column in sample_posteddata.php is to narrow.
•Updated the following language files as submitted to the CKEditor UI Translation Center: Bulgarian, Chinese, Czech, Danish, Esperanto, Estonian, Greek, Italian, Norwegian, Portuguese, Romanian, Vietnamese.

[maple]

PART II

CKEditor 3.6.5

New features:
•#9195 : It is now possible to remove contextmenu.
•New language file: Kurdish.

 Fixed issues:
•#9132 : [IE8] Fixed js error when closing paste dialog.
•#9101 : Tab key in smiley and special char dialog now moves focus to dialog buttons.
•#9209 : Fixed IE7 crash when switching list item type.
•#8995 : Fixed incorrect HTML escaping in bbcode plugin.
•#6168 : Fixed style definition with styles defined as inline style attribute.
•#9097 : [IE] Fixed small selection flaw when select starts from the blank region outside body.
•#9129 : Fixed various Del/Backspace keystroke behaviors inside of HTML list.
•#9117 : [FF] Fixed js error when calling setData() on a hidden editor.
•#9289 : Disallowed creating javascript links through the link dialog.
•#9312 : Fixed table with multiple <tbody> output generated in wrong order.
•#8795 : Fixed table resize plugin not working when document overflows horizontally.
•#8888 : Fixed dialog dimension overflowing small view port.
•#9311 : Fixed vertical scroll being impossible when autogrow plugin is used during maximized editor.
•#1961 : The "id" attribute will be appended to anchors alongside the "name" attribute.
•#9219 : The <source> element is now protected while parsing the contents.
•#9281 : [Safari] Fixed inline style breaking dialog advanced tab.
•#9281 : [IE8] Fixed not being able to remove border from the image dialog.


CKEditor 3.6.6

Fixed issues:
•#9866 : [IE10] The full toolbar is displayed in two lines in RTL environment.
•#9483 : [IE10] Fixed script error on float panel opening.
•#6410 : SCAYT will show no suggestions when appropriate, instead of not appearing.
•#7533, #9439 : Fixed SCAYT issues with setData().
•#9167 : Improper HTML transformations happening on specific cases.
•#9553 : Properly handle dash values in the style field of dialogs.
•#9787 : [IE9] onChange wasn't fired for checkboxes in dialogs.
•#8888 : It was not possible to scroll dialogs on very small viewports.
•#9594 : The TAB key was having no effect on focused read-only editor.


CKEditor 3.6.6.1

Security update: Added protection against possible path disclosure through error message in PHP sample.


CKEditor 4.0

The first stable release of the new CKEditor 4 code line.

The CKEditor JavaScript API has been kept compatible with CKEditor 4, whenever possible. The list of relevant changes can be found in the API Changes page of the CKEditor 4 documentation.


CKEditor 4.0.1

•#9655: Support for IE Quirks Mode in new Moono skin.
•Accessibility issues (mainly on inline editor): #9364, #9368, #9369, #9370, #9541, #9543, #9841, #9844.
•Magic-line: ◦#9481: Added accessibility support for Magic-line.
◦#9509: Added Magic-line support for forms.
◦#9573: Magic-line doesn't disappear on mouseout in the specific case.

•#9754: [Webkit] Cut & paste simple unformatted text generates inline wrapper in Webkits.
•#9456: [Chrome] Properly paste bullet list style from MS-Word.
•#9699, #9758: Improved selection locking when selecting by dragging.
•Context menu: ◦#9712: Context menu open destroys editor focus.
◦#9366: Context menu should be displayed over floating toolbar.
◦#9706: Context menu generates JS error in inline mode when editor attached to header element.

•#9800: Hide float panel when resizing window.
•#9721: Padding in content of div based editor puts editing area under bottom UI space.
•#9528: Host page's box-sizing style shouldn't influence editor UI elements.
•#9503: Forms plugin adds context menu listeners only on supported input types. Added support for tel, email, search and url input types.
•#9769: Improved floating toolbar positioning in narrow window.
•#9875: Table dialog doesn't populate width correctly.
•#8675: Deleting cells in nested table removes outer table cell.
•#9815: Can't edit dialog fields on editor initialized in jQuery UI modal dialog.
•#8888: CKEditor dialogs do not show completely in small window.
•#9360: [Inline editor] Blocks shown for a div stay permanently even after user exists editing the div.
•#9531: [Firefox & Inline editor] Toolbar is lost when closing format combo by clicking on its button.
•#9553: Table width incorrectly set when border-width style is specified.
•#9594: Cannot tab past CKEditor when it is in read only mode.
•#9658: [IE9] Justify not working on selected image.
•#9686: Added missing contents styles for <pre>.
•#9709: PasteFromWord should not depend on configuration from other styles.
•#9726: Removed color dialog dependency from table tools.
•#9765: Toolbar Collapse command documented incorrectly on Accessibility Instructions dialog.
•#9771: [Webkit & Opera] Fixed scrolling issues when pasting.
•#9787: [IE9] onChange isn't fired for checkboxes in dialogs.
•#9842: [Firefox 17] When we open toolbar menu for the first time & press down arrow key, focus goes to next toolbar button instead of menu options.
•#9847: Elements path shouldn't be initialized on inline editor.
•#9853: Editor#addRemoveFormatFilter is exposed before it really works.
•#8893: Value of pasteFromWordCleanupFile config is now taken from instance configuration.
•#9693: Removed "live preview" checkbox from UI color picker.


CKEditor 4.0.1.1

Security update: Added protection against XSS attack and possible path disclosure in PHP sample.

[webgift]

CKEditor editor has been modified in order to be compatible with Elxis CMSs' standards. So it's NOT suggested at all to upgrade the CKEditor by yourself.
Elxis Team know about the changes for each script used on the CMS, maple.

[maple]

webgift,

Oh, I know that CKEditor has been modified for Elxis... But has been modified taking the version 3.6.2 (ckeditor). I think that could be modified in order to be compatible with Elxis taking the version CKEditor 4. There're a lot of changes.

Thanks

[jorgebravoc]

speaking of modifications,  I was wondering why the Preview icon in the article editor didn't trigger the actual css file for the website.
So, after investigation I found that in the file config_full.js
located under includes/js/ckeditor/  there is a call to the css files and it says:

Code: [Select]

config.contentsCss = 'http://elxis4.loc/templates/system/css/standard.css,http://elxis4.loc/templates/studio/css/template.css';
So, this may seem to be right but I think it's not because this results in an html that looks like this:

Code: [Select]

<link type="text/css" rel=stylesheet href="http://elxis4.loc/templates/templates/system/css/standard.css,http://elxis4.loc/templates/studio/css/template.css">

No wonder the css files are not called in to the preview... so you need to fix it this way:

Code: [Select]

config.contentsCss = 'http://www.your-domain.com/templates/studio/css/template.css';
Then the html will be: 

Code: [Select]

<link type="text/css" rel=stylesheet href="http://www.your-domain.com/templates/studio/css/template.css">
As you can see, the intention of the original code is to call the standard css file and the template css file at once but none of them were called because of the syntax error. Being this a JS file I couldn't use the php baseurl. So, the question is, how can we make the editor call the TWO css files correctly?

I got the fix to call just one but is it possible to call both css files??

thanks a lot

[maple]

Hi,

I see no changes on ckeditor in the 4.1 Poseidon.

In Elxis, there are the 3.6.2 version, and the actual CKeditor is 4.1.1. We have some problems due browser compatibility issues, also with tables and other issues.

From 3.6.2 to 4.1.1 the list of updates, bug fix and so on, it's very, very long. Modestly, I think that could be necessary to Update it.

Thanks a lot

[datahell]

The copy of the editor Elxis uses is heavily modified by us. It is not easy to update it as we need to compare all files against the new versions in order not to loose our modifications.
I will see what can be done later.
BTW, despite the bugs list, I have no problem working with the editor till now.

[maple]

Hi, thanks for your response.

Heavily modified? Oh, I understand now... Sorry. CKEditor is in permanent bug fixes, updates and upgrades, new functions added, browser compatibilities and so on. For this reason, perhaps could be interesting find a way to make present and futures updates more easily.

thanks a lot

[maple]

Hi datahell,

i would like to remind about CKEditor, now 4.3.1 version... There're a very, very long changes, bug fix, new addings, and so on, from the 3.6.2 version. Due we use this toolbar intensively, sometimes we have many problems as with tables, browser compatibilty and many more issues. With this very long list of changes, it is impossible not have problems.

See the long list of modifications from v3.6.2 http://ckeditor.com/whatsnew

I suggest to make an Update and perhaps also try to find the way to make updates more easily in the future, due heavy modifications of this toolbar for Elxis adaptation.

many thanks

[datahell]

OK, we will do it in version 4.2.
Can you post a reminder here?

[datahell]

As requested CKEditor updated to version 4.4.1 (from v3.6.2).
This update will be available in Elxis 4.2
Also the default skin changed to moonocolor.

[maple]

Oh yess, give me five! Thank you datahell! 

This topic 3724 Views. Top 7! It seems a lot of people interested

[webgift]

Don't forget @maple that Elxis Forum has a very good ranking on search engines.

[maple]