Custom Query

When pasting html to editor, it may contain some elements with id attributes. Pasting such content may result in invalid html with more than one element with identical id values.

While pasting, pasted and existing (in editor) content should be checked for identical ids. Such conflicts should be solved. There are few possibilities:

1. Remove id attributes from pasted content.
2. Remove id attributes from content in editor.
3. Rename id attributes in pasted content (may be tricky in some cases).
4. Rename id attributes in editor content (may be tricky in some cases).
5. Do nothing, so the user should be aware that he can generate invalid html.

I think solutions 1 and 3 seems most reasonable.

While using range.enlarge( CKEDITOR.ENLARGE_ELEMENT ) on selection like <p><b>[abc]</b><span class="foo"></span></p>, in Blink enlarging stops on empty span element while in other browsers (FF, IE, Edge) span is omitted so range fully enlarges to p element.

Steps to reproduce

1. Open editor demo/sample.
2. Set html to <p><b>abc</b><span class="foo"></span></p> (using dev console to make sure editor doesn't remove empty tags).
3. Select abc.
4. Run code:

var range = CKEDITOR.instances.editor.getSelection().getRanges()[0]; // preview range here
range.enlarge( CKEDITOR.ENLARGE_ELEMENT ); //preview range here

In Blink after enlarging:

• startContainer: body
• startOffset: 0
• endContainer: p (p has 2 child nodes)
• endOffset: 1

In other browsers:

• startContainer: body
• startOffset: 0
• endContainer: body (body has 1 child node)
• endOffset: 1

Expected result

Resulted range after using range.enlarge is same in all browsers.

Actual result

Resulted range after using range.enlarge is different in Blink browsers.

Not sure what should be expected behavior, if it should be same as in Blink or same as in FF/IE for all browsers.

Other details (browser, OS, CKEditor version, installed plugins)

Tested in CKEditor 4.5.7.

Steps to reproduce

1. set CKEDITOR.config.baseHrefto root of www.site.com (for example)
2. set CKEDITOR.config.contentsCss to point to some subfolder css — theme/test.css
3. open editor from some subfolder page — www.site.com/pages/myeditor.html

Expected result

1. Expect <base href="​https://www.site.com/"> to be added in main iframe of editor
2. Expect <base href="​https://www.site.com/"> to addition iframes created for Combo boxes like «Styles» and «Formats» select

Actual result

1. it's OK — we get base for main editor iframe
2. it's fails as Combobox iframes have not base href, and style files paths expand to pages/theme/test.css and not to root theme/test.css so it's not found with 404 error.

Other details (browser, OS, CKEditor version, installed plugins)

This bug is located in Chrome browser (latest) on Windows7x64.

This bug is not revealed in Firefox as it treats all iframe loaded resources base relative to site root.

We would like the ability to control the position of the spinner within the dialog. Currently it is attached to the dialog's title.

potentially this can be done by adding extra/optional parameter to the 'setState' dialog's method

setState: function( state, position ) {
var oldState = this.state;
...

this.parts.spinner.setHtml( '⌛' );
this.parts.spinner.appendTo( (position? position : this.parts.title), 1 );
}

// Finally, show the spinner.
this.parts.spinner.show();

....

Steps to reproduce

1. Open ​http://sdk.ckeditor.com/samples/mediaembed.html
2. Open Insert Media dialog
3. Enter a Video URL ( ex: ​https://vimeo.com/86541796 ) in URL field and click OK button
4. Insert Spinner spins while waiting response from backend

Issue: JAWS not reading that info for user, it should say Loading or embedding to give info for screen reader user on what's happening similar to visual user.

This is AVT Violation

Steps to reproduce

1. Create a widget.
2. Place several widgets inside.
3. Hover mouse over outer widget - all nested widgets get a yellow outline.

Expected result

Only the widgets being hovered over should get an outline.

Actual result

All children of the outermost widget get highlighted.

Other details (browser, OS, CKEditor version, installed plugins)

n/a

Fix

Currently the following css gets added to the page -

.cke_widget_wrapper:hover .cke_widget_editable {
	outline: 2px solid yellow;
}

Changing it to this fixes the issue -

.cke_widget_wrapper:hover > .cke_widget_editable {
	outline: 2px solid yellow;
}

Steps to reproduce

1. go to a CKEditor (e.g. ​http://ckeditor.com/demo) using the current Safari (tested with Version 9.0.3 (11601.4.4) on MacOSX 10.11.3)
2. type a test with some accents or other encodings (e.g. "c'est l'été ô oui"; note for US keyboard use alt-E then E to enter é)
3. copy that text and go to a "classical rich-text editor" of Apple such as TextEdit, Stickies and paste

Expected result

The text with accents should be pasted.

Actual result

The accents are broken (using the classic ut-8-file-is-read-with-some-8-bit-encoding pathology: most accents show as two unrelated characters)

Opening ClipboardViewer which lists the flavours, it seems like the public/html flavour is there but without any header that indicates the charset (whereas this header is there when copying in the same place with Firefox or Chrome).

Other details (browser, OS, CKEditor version, installed plugins)

browser and OS, see above. CKEditor version: today's version on ckeditor.com/demo. I seem to understand that there's no plugin playing here... but I am not sure.

This is similar to issue #13088. I am using the "html" element in my plugin's dialog. Following the resolution to issue #13088, I am using the addFocusable to add <input> tags to the list of focusable fields. Tab navigation works. However, as soon as I mouse-click into a field, tab navigation is broken. Clicking with a mouse isn't recognized by ckeditor as changing the currently-focused item. As a result, the next <tab> goes to the wrong field.

Steps to reproduce

1. Download the attached plug-in to plugins folder, and add to config.js

config.extraPlugins = 'bugplugin';

2. Run the attached index.html and follow the steps given there.

Expected result

Mouse-clicking in Field N, then pressing <tab> should move focus to Field N+1.

Actual result

Focus is moved to the field after the last one that was tabbed into, not the last one that was clicked on.

Other details (browser, OS, CKEditor version, installed plugins)

Let's create a meaningful SDK sample that would show how useful the Balloon Panel plugin can be without Accessibility Checker.

Features we'd like to highlight:

Setting custom content in the balloon panel. Automatic balloon repositioning on editor scroll (classic editor). Alignment to the borders of the viewport in case of classic editor. As for the content of this sample we're looking for propositions, so feel free to propose something that would make sense to end user/developer.

Related issue on SDK tracker: ​https://github.com/ckeditor/ckeditor-sdk/issues/173

Steps to reproduce

1. Using environment described below, go to ​http://ckeditor.com/demo#widgets
2. In the "Code Snippets" example, place the cursor after a code snippet.
3. Press the backspace key.

Expected result

The code snippet is deleted.

Actual result

The code snippet is not deleted.

Other details (browser, OS, CKEditor version, installed plugins)

Android with Chrome (probably any version but we received reports specifying the environments below) using the Google (i.e. default), Swiftkey or Swype keyboards. Issue does not present using Go or Touchpad keyboards.

Environments we have received reports on:

• Vodafone Smart Ultra 6 with Android 5.1.1 and Chrome 49
• Note 4 running Android 5.1.1 and Chrome 48.0.2564.95
• Nexus 5 running Android 6.0.1 and latest Chrome

Steps to reproduce

1. Visit my plnkr here: ​http://embed.plnkr.co/LeTskAqj785Ic9dD2O6y/
2. type something in CKEDITOR, press next
3. click the input

Expected result

Input should receive focus

Actual result

No input is achieved

Other details (browser, OS, CKEditor version, installed plugins)

IE 9-11, Windows 10, CKEditor 4.5.1 - 4.5.7, plugins from standard cdn distro

In this limited scenario, you can gain focus if you keep clicking the input, but on heavier pages, the input will never gain focus.

Steps to reproduce

1. In the editor demo (​http://ckeditor.com/demo#standard), click inside the window and performed a CTRL+A to select all text, and then hit the Delete key.
2. Once all data was deleted from that window, please select "Japanese" on the Windows language tool bar. Select the "Full-width Katakana" IME on the Windows language tool bar.
3. Go to inside the editor window and hit Enter to move to second line.
4. Hit the "A" key (あ） 30 times, and the cursor moved to the beginning of the line.
5. Hit the "A" key once more, and then all but two characters disappeared from that line.

Expected result

The cursor should not be moved to the beginning of the next line. If I hit "A" key 31 times, there should be 31 charactors appeard.

Actual result

When I hit the "A" key 30 times, the cursor moved to the beginning of the next line. If I hit the "A" key once more, and all but two characters disappeared from that line.

Other details (browser, OS, CKEditor version, installed plugins)

I could reproduce this with CKEditor 4.5

Steps to reproduce

1. Create an empty list

   <ul><li></li></ul>
   

2. Press enter when caret is inside the first empty list item (it should already be here)
3. Check the view source to see the current page source

Expected result

<p>&nbsp;</p>

Actual result

<p>&nbsp;</p>

<ul>
</ul>

The ul will be invisible as well, which is extra annoying.

Other details (browser, OS, CKEditor version, installed plugins)

I've tested this in both demo & nightly, on Chrome & Firefox.

Note: This is more prevalent when using BR as the enter mode and not using automatic paragraphs, which is our preferred configuration.

Steps to reproduce

1. In the config, set enter mode to BR and automatic paragraph off
2. In any container's editable portion (I am using a widget that emulates a bootstrap panel.) add some text, maybe even 2 lines
3. using the styles dropdown, select 'Heading 2' to convert the text to an H2

Expected result

Selected text would be wrapped with an H2

Actual result

The container div gets converted to an H2 and any attributes are applied. This is what is breaking the widget editable portion.

Other details (browser, OS, CKEditor version, installed plugins)

using widget and some custom plugins that are simple bootstrap grid system and panels.

See attached picture.

Steps to reproduce

1.click on anchor button,enter a name "Test"
2.Again click on anchor button ,enter "Test"

source view of two anchors:

<p><a id="Test" name="Test"></a></p>

<p><a id="Test" name="Test"></a></p>

Actual result: As shown above Ckeditor allows to create two anchors with same name and ID

Expected result: Ckeditor should not allow to create two anchors with same name and ID

In case of asynchronous loading of the dialog script with scriptLoader, dialog variable is null. In the other case, when the dialog had already been loaded, dialog variable points to the actual dialog.

As this API cannot be consistent because of asynchronous load, I'd suggest returning nothing. IOW remove the line with return

Also, the documentation is wrong.

See ​https://github.com/ckeditor/ckeditor-dev/commit/ebf122f4ab28dbae57fb6176d2e1d281486ae834#commitcomment-16761658

Steps to reproduce

1. Open ​https://jsfiddle.net/5487w3gc/3/
2. Click the button located under the editor.

Expected result

The alert with Test is shown.

Actual result

The alert with Error is thrown is shown.

Other details (browser, OS, CKEditor version, installed plugins)

The problem is located inside the getContextualizedSelector function inside core/dom/element.js file. It escapes only the id of the element. The proposed fix could split the selector on all special chars likely to appear in a CSS selector and escapes them separately: ​https://gist.github.com/Comandeer/de6c832993a8b9c21b01

Blocked on #14451 (as it introduces CKEDITOR.tools.escapeCss method).

Steps to reproduce

1. Open nightly build ​http://nightly.ckeditor.com/16-03-22-07-07/full/samples/
2. Keep cursor inside link(CK Editor)
3. use CMD + Right click to ope Browser context menu
4. Click on Open Link in Browser context menu

Expected result

EDIT: Since we can't change browser behaviour, there should be dialog displayed (fired on beforeunload event) asking if user wants to leave the page or not.

Actual result

Entire CKEditor content area is replaced by the CKEditor page and can't go back to editor body or click on any options in toolbar.

Other details (browser, OS, CKEditor version, installed plugins)

Safari, OS MAC

Steps to reproduce

1. Open nightly build ​http://nightly.ckeditor.com/16-03-23-07-06/full/samples/
2. Remove existing text and add test find and replace icon button
3. Keep cursor at beginning of paragraph
4. Open Find & Replace dialog, go to Replace tab, uncheck all checkboxes
5. In Find what field type "find", In Replace with field leave it empty
6. Click on Replace button
7. It finds word find
8. Click on Replace button again

Expected result

Find word is removed

Actual result == Find word not replaced

Steps to reproduce

1. Load ckeditor.com/demo
2. Open the console and execute

CKEDITOR.instances.editor1.showNotification("Hi\r\nWhat's up?")

3. Compare with an editor without the notification plugin that will end up calling window.alert:

alert("Hi\r\nWhat's up?")

Expected result

The notification plugin should convert linebreaks into <br> so that any call to editor.showNotification is displayed in a similar way.

Actual result

alert shows the message in two lines, the html notification uses only one.

Other details (browser, OS, CKEditor version, installed plugins)

Introduced with the notifications plugin, I'm guessing 4.5 at least

Steps to reproduce

1. Open nightly build ​http://nightly.ckeditor.com/16-03-24-07-07/full/samples/
2. Open Image Properties dialog, enter an Image URL ex: ​http://img2.3lian.com/2014/f5/158/d/86.jpg
3. Select Alignment ( ex: Left)
4. Click OK to insert the image.
5. Right Click on Inserted Image.

Expected result

Context menu opens & it has Image Properties option.

Actual result

Context menu opens but it has no Image Properties option, so there is no way for user to edit the image

Steps to reproduce

1. Open any sample, e.g. ​http://nightly.ckeditor.com/16-03-24-07-07/full/samples/
2. Insert a smiley into the editor
3. Right click on the inserted smiley icon to open Image Properties dialog
4. Apply alignment, e.g. Left
5. Add a url in the 'Link' tab
6. Click ok button
7. Right click on the smiley icon

Expected result

Context menu opens with link options, e.g. edit link and unlink

Actual result

Context menu opens without link options

8. Click back somewhere in the editor body to set focus on the editor

9. Right click on the smiley icon and select Image Properties from the context menu

Expected result

User defined fields on Image Properties dialog are not empty

Actual result

All fields on Image Properties dialog are empty, e.g. url, alignment and url in the link tab

Other details (browser, OS, CKEditor version, installed plugins)

Safari 9

Richcombo and listblock plugins are used by other plugins (like font plugin) to build drop-downs. They may (or even should) also be reused by other plugins which require dropdowns so there should be solid documentation for easier usage.

Currently documentation is missing and needs to be added.

Test tests.ckeditor.dev:10458/tests/tickets/10448/2 shows a long line, without word-wrap taking any effect.

As reported in #16730 - ​tests/tickets/10448/1 is also failing.

It is to be determined if it's a bug of iOS Safari. If it is, then we can do nothing more than report the issue to upstream and set the VendorFix keyword.

Steps to reproduce

1. Make editor readOnly in config
2. Use a widget like placeholder
3. Try to delete placeholder

Expected result

Do nothing

Actual result

Widget gets deleted in read only editor

Tested in 4.5.7 and 4.5.8

Steps to reproduce

1. Create a URL link
2. Move the cursor to the end of the link (Press END)
3. Press Enter (enter mode should ENTER_BR)

Expected result

Opening the link plugin now will open a dialog for creating a NEW link.

Actual result

Opening the link plugin now will start editing the link in the previous line.

Other details (browser, OS, CKEditor version, installed plugins)

After step (3), if i start typing again, the link blue special cursr will be gone and the regular black cursor will be back, that means, the link doesn't continue in the second line, only when i press enter. So now to disable the link effect, I type a letter and then remove it.

==

Steps to reproduce

1. Clean editor contents and type 'dddd'
2. Select this text and press link button, type any link and press OK.
3. Press End button to move to the end of link and the Shift+Enter to insert BR
4. Type 'eeee'. Everything is fine - text is unlinked.
5. Press up arrow and End button to move to the end of the link
6. Press Shift+Enter and start typing 'ffff'.

Expected result

Typed text should be unlinked

Actual result

Typed text is linked.

Other details (browser, OS, CKEditor version, installed plugins)

Problem can be reproduced at least from CKEditor 4.0

You can see this on the current 4.5.8 demo @ ​http://ckeditor.com/demo . Tried on Chrome & Firefox.

1. Sample content (source)

<a href="http://ckeditor.com/">link1</a> abc <a href="http://ckeditor.com/">link2</a>

2. In WYSIWYG mode, drag & drop the link1 to the very beginning or link2 to the very end of the line.

The link disappears & there's an error in the console:

Uncaught TypeError: Cannot read property 'type' of null
window.CKEDITOR.window.CKEDITOR.dom.CKEDITOR.dom.range.setStart @ ckeditor.js:formatted:3729

which is at:

setStart: function(b, c) {
                b.type == CKEDITOR.NODE_ELEMENT && CKEDITOR.dtd.$empty[b.getName()] && (c = b.getIndex(),

Upstream of that, a has no parent node @ setStartAfter:

setStartAfter: function(a) {
                this.setStart(a.getParent(), a.getIndex() + 1)
            },

Steps to reproduce

1. Go to ​http://ckeditor.com/demo#full-page
2. Scroll page, so that editor appear in bottom of the screen.
3. In editor, click "Source", delete all HTML content and Copy&Paste new content from here: ​http://pastebin.com/raw/U0QHSidz
4. Сlick "Source" to switch from source mode to visual.
5. Click any panel element, for example "B" (Bold) button.

Expected result

Page is not scrolled.

Actual result

Page is scrolled down.

Other details (browser, OS, CKEditor version, installed plugins)

If content have many lines, then page is scrolled very far. I have usual Chromium browser 49.0.2623.108

I am aware of ​#6465 and the many duplicates, as well as ​#13623.

It seems likely that this issue is the same, in that CKEditor is depending upon what the browser sends from the system clipboard with the paste event. However, somehow, this works fine in Google Apps (Gmail) and Office 365 (I'm sure Office 365 has some kind of inside track here, but how would Google Apps?).

Perhaps CKEditor is removing the colors in this case?

We have received customer complaints regarding this issue, therefore I am obliged to report it.

Steps to reproduce

1. Open MS Excel
2. Add background colors to some cells
3. Change the width of the cells in question
4. Copy the cells
5. Paste to CKEditor in IE browser window

Expected result

Background colors are maintained along with formatting

Result from editor.on("paste") event.data.dataValue without resizing the cells:

<table width="128" style="width: 96pt; border-collapse: collapse;" border="0" cellspacing="0" cellpadding="0"><font face="Times New Roman" size="3">

 </font><colgroup><col width="64" style="width: 48pt;" span="2"><font face="Times New Roman" size="3">
 </font><tbody><tr height="20" style="height: 15pt;"><font face="Times New Roman" size="3">
  </font><td width="64" height="20" style="border: 0px black; width: 48pt; height: 15pt; background-color: yellow;"><font face="Calibri" size="3">Test</font></td><font face="Times New Roman" size="3">
  </font><td width="64" style="border: 0px black; width: 48pt; background-color: transparent;"><font face="Calibri" size="3">Super</font></td><font face="Times New Roman" size="3">
 </font></tr><font face="Times New Roman" size="3">
 </font><tr height="20" style="height: 15pt;"><font face="Times New Roman" size="3">
  </font><td height="20" style="border: 0px black; height: 15pt; background-color: transparent;"><font face="Calibri" size="3">Super</font></td><font face="Times New Roman" size="3">
  </font><td style="border: 0px black; background-color: rgb(31, 73, 125);"><font face="Calibri" size="3">Test</font></td><font face="Times New Roman" size="3">
 </font></tr><font face="Times New Roman" size="3">

</font></tbody></table>

Actual result

Background colors are missing

Result from editor.on("paste") event.data.dataValue after resizing the cells:

<table width="157" style="width:157px;" border="0" cellspacing="0" cellpadding="0"><tbody><tr height="20"><td height="20" style="width:93px;height:20px;">Test</td><td style="width:64px;">Super</td></tr><tr height="20"><td height="20" style="height:20px;">Super</td><td>Test</td></tr></tbody><colgroup><col /><col /></colgroup></table>

Other details (browser, OS, CKEditor version, installed plugins)

Windows 7

MS Office 2010 Internet Explorer 11

CKEditor version 4.5.7

config = {
   "toolbar" : 'WCToolbar',
   "toolbar_WCToolbar" :
      [
        ['attachFileButton'],
        ['Font', 'FontSize', 'Bold', 'Italic', 'Underline', 'TextColor', 'BGColor', 'NumberedList', 'BulletedList', 'Blockquote', 'Outdent', 'Indent', 'JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock', 'Link', 'Image', 'addImage', 'spellCheckButton'],
        ['expandCollapseButton'],
        '/',
        ['Format','Styles', 'Strike','-','Subscript','Superscript', 'Table','HorizontalRule','SpecialChar', 'Unlink','Anchor', 'ShowBlocks','Source', 'Maximize','DocProps','-','Preview'],
        '/',
        ['Cut','Copy','Paste','PasteText','PasteFromWord','-','Print', 'Undo','Redo','-','Find','Replace','-','SelectAll','RemoveFormat', 'Templates']
      ],
      "fontSize_sizes" : '8pt;9pt;10pt;12pt;14pt;18pt;24pt;36pt',
      "tabSpaces" : 5,
      "removePlugins" : 'elementspath,magicline',
      "allowedContent" : true,
      "extraPlugins": 'expandCollapseButton,altnplugin,attachFileButton,spellCheckButton,simpleuploads',
      "defaultLanguage" : 'en',
      "disableNativeSpellChecker" : false,
      "browserContextMenuOnCtrl" : true,
      "enterMode" : CKEDITOR.ENTER_DIV,
      "skin" : 'office2013',
      "resize_enabled" : false,
      "toolbarCanCollapse" : false,
      "toolbarStartupExpanded" : false,
      "image_previewText" : ' ',
      "removeDialogTabs": 'link:upload',
      "templates_files": [ '&View=StandardResponses' ],
      "templates_replaceContent" : false,
      "startupFocus" : true,
      "contentsCss" : "&View=Compose&ContentType=css&ReturnCSS=1",
      "extraAllowedContent": 'div b i a table thead tbody tfoot tr th td',
      "pasteFromWordRemoveFontStyles" : false,
      "pasteFromWordRemoveStyles" : false,
      "customConfig":""
}

Steps to reproduce

1. Make a selection in the text that doesn't begin or end with a space (best illustrated with part of a word).
2. Copy to clipboard
3. Paste it somewhere in the editor

Expected result

The pasted content should be exactly the same.

Actual result

It adds a space before and after the selection.

Other details (browser, OS, CKEditor version, installed plugins)

This seems to only happen in Firefox. Currently using version 45.0.2. Can be reproduced in the official CKEditor demo as well.

Steps to reproduce

Based on: ​http://stackoverflow.com/questions/36574026/disable-conversion-of-html-entities-in-ckeditor

1. Set below configuration in your CKEditor test page

   CKEDITOR.replace( 'editor1', {
   	//entities_processNumerical : 'force'
   	entities_additional : '#128247'
   } );
   

2. Paste the following text into editor and switch to source (and back) "Foo 📷 Bar"

Expected result

Camera character translated to entity &#128247;

Actual result

For setting entities_processNumerical : 'force' you will get �� in source mode and �� in wysiwyg view.

For setting entities_additional : '#128247' you will get 📷&undefined; in source mode and 📷&undefined; in wysiwyg view. The undefined word will be added every time you change modes.

Other details (browser, OS, CKEditor version, installed plugins)

When I checked in code it looks like character is ok in here: ​https://github.com/ckeditor/ckeditor-dev/blob/master/plugins/entities/plugin.js#L152 but gets destroyed here: ​https://github.com/ckeditor/ckeditor-dev/blob/master/plugins/entities/plugin.js#L152. It looks like replace method is breaking it.

Now, I'm not sure if this is a problem and if replace method is using charCodeAt or fromCharCode but these methods e.g. ​charCodeAt return codes between 0 and 65535 and this seems to be what is happening here. Every character with code below 65356 is a 3-byte character and is handled properly but starting from 65536 4-byte characters get split into two entities.

Links:

• How to check how many bytes character has: ​https://mothereff.in/byte-counter
• Characters Map: ​http://dev.networkerror.org/utf8/?start=60001&end=70001&cols=6&show_uni_int=on&show_uni_hex=on&show_html_ent=on&show_raw_hex=on
• Something that might help: ​http://stackoverflow.com/a/6242192/4555078

Repro steps:

1. Change localization to French
2. Click on Flash icon
3. Click on flash icon on CKE editor. Flash properties window will open

Actual Result: Horizontal spacing and vertical spacing strings are getting overlapped.

Expected Result: Horizontal spacing and vertical spacing strings should not overlap image

Problem: French localization for flash plugin(plugins/flash/lang/fr-ca.js) is using too long label (in another languages are using short version - hSpace: 'HSpace'):

hSpace: 'Espacement horizontal', As possible solution can be make this text shorter.

Steps to reproduce

1. Open nightly build ​http://nightly.ckeditor.com/16-04-18-06-06/full/samples/ in two tabs
2. Add text in one editor and apply different formatting to text(ex: font name, font size, text/background color, Alignment, Indentation)
3. Select the text & use Ctrl + C to copy the text
4. Go to editor in next tab, clear existing content & paste the copied content from editor in previous tab

Expected result

Pasted content should have all the styles of the txt copied from previous editor

Actual result: Pasted text has no styles

This is a regression in 4.5 & it's working properly in 4.4.8

Steps to reproduce

Insert a new element with insertHtml(). The inline style contains a border and a border-top property (in this order):

<div style="border:none; border-top:solid #E1E1E1 1.0pt;"></div>

(see ​https://jsfiddle.net/Papillon/h6w4w1ah/, click on the insert content button)

The inserted element should have a top border, since this property was defined last. I belive content filtering reverses the properties, so the element gets no border.

Expected result

<div style="border:none; border-top:solid #E1E1E1 1.0pt;"></div>

The element should have a top border.

Actual result

<div style="border-top:solid #E1E1E1 1.0pt; border:none; "></div>

The element has no top border.

Other details (browser, OS, CKEditor version, installed plugins)

Chrome 49, Firefox 45, CKEditor standard package

While generating new icons using iconmaker.js script (./dev/iconmaker/iconmaker.js) we discovered that some icons generated on Linux and Mac differs.

On Linux current version is:

Version: ImageMagick 6.7.7-10 2014-03-06 Q16 ​http://www.imagemagick.org

and on Mac:

Version: ImageMagick 6.9.3-7 Q16 x86_64 2016-03-27 ​http://www.imagemagick.org

The problem is with newer version on Mac (which will probably land one day on Linux too) for specific icons it adds some blurring/background (not sure how to call it). It can be seen on attached screenshot comparing generated icons (left - mac, right - Linux).

It's not a big deal for now but we should keep in mind that such problem exists and may return in future.

ImageMagick convert method which is used by the script have ​plenty of options and maybe some of them may help to solve the issue.

Hi,

I've found an issue with code below when trying to resize last column. The resizer cursor show on whole width of last column instead of its borders. I can't resize it aswell

<table border="1" cellpadding="0" cellspacing="0" style="width:100%">
	<tbody>
		<tr>
			<td rowspan="2">&nbsp;</td>
			<td colspan="4" rowspan="1">&nbsp;</td>
			<td rowspan="2">&nbsp;</td>
		</tr>
		<tr>
			<td>&nbsp;</td>
			<td>&nbsp;</td>
			<td style="width: 206px;">&nbsp;</td>
			<td style="width: 324px;">&nbsp;</td>
		</tr>
	</tbody>
</table>

Steps to reproduce

1. Create a scrollable div
2. Inside that scrollable div, add content so that it can actually scroll
3. Put a inline-editor into to div by setting one div into contenteditable.

Reference: ​https://jsfiddle.net/pteryvk3/6/

Expected result

The inline editor should scroll with the div and behaves as in official demo page. ​http://ckeditor.com/demo#inline

Actual result

It doesn't scroll.

Other details (browser, OS, CKEditor version, installed plugins)

This has been tested using Internet Explorer 11.212.10586, Chrome 49.0.2623.112, Firefox 43.0.1, Edge 25.10586.0.0 under Windows 10 CDN is used to include the editor and no plugin is used.

This behavior changed between v4.5.4 and v4.5.7. In v4.5.4, if you pasted content with whitespace, the whitespace was preserved. In v4.5.7, the whitespace is trimmed. It appears on the current demo page as well.

Steps to reproduce

1. Open ​http://ckeditor.com/demo
2. Switch to Source mode
3. Add a fixed width section, like:

   <pre>
     |\_/|
    / @ @ \
   ( > º < )
    `>>x<<´
    /  O  \
   </pre>
   

4. Switch back to WYSIWYG mode
5. Copy the ASCII art
6. Paste it. Consecutive whitespace is removed.
7. Switch back to Source mode. Paste. Whitespace is retained

Expected result

In either visual or source mode, the whitespace is retained.

Actual result

Whitespace is only retained in source mode.

Other details (browser, OS, CKEditor version, installed plugins)

Also reproduces on developer.mozilla.org, using CKEditor v4.5.7. and plugins:

dialogui, dialog, a11yhelp, autogrow, basicstyles, bidi, blockquote, clipboard, panel, floatpanel, menu, contextmenu, dialogadvtab, elementspath, enterkey, entities, find, htmlwriter, image, indent, indentlist, button, menubutton, language, fakeobjects, link, list, liststyle, magicline, maximize, pastefromword, pastetext, removeformat, resize, scayt, sharedspace, showblocks, showborders, sourcearea, listblock, richcombo, stylescombo, tab, table, tabletools, toolbar, undo, wsc, wysiwygarea, mdn-attachment, mdn-format, mdn-sticky-toolbar, mdn-image-attachment, mdn-link-customization, mdn-link-launch, mdn-redirect, mdn-sample-finder, mdn-sampler, mdn-spell, mdn-syntaxhighlighter, mdn-system-integration, mdn-table-customization, mdn-toggle-block, mdn-wrapstyle, mdn-youtube, descriptionlist, tablesort, texzilla

With angular, it is a common practice to define new HTML elements, and it is also needed to protect angular code, but CKEditor change attributes if they are in a custom tag and protected with protectedSource

This bug is related to a previous one that changed attributes in regular HTML tags: ​https://dev.ckeditor.com/ticket/4475

Steps to reproduce

1. protect angular code with the following in config:

protectedSource: [ /{{[\s\S]*?}}/g ]

2. put the following in source:

<custom-directive data="{{ item }}">test</custom-directive> <div data="{{ item }}">test</div>

Expected result

<custom-directive data="{{ item }}">test</custom-directive> <div data="{{ item }}">test</div>

Actual result

<custom-directive data="&lt;!--{cke_protected}%7B%7B%20item%20%7D%7D--&gt;">test</custom-directive> <div data="{{ item }}">test</div>

Resize handler does not work on mobile browsers. Tested both on Android and iOS.

Steps to reproduce

1. open attached table.ods, select the table and copy to clipboard
2. paste into CKeditor content on provided html template
3. compare result to old attached image

Expected result

Table with same styles and black borders should appear just like on LibreOffice Calc.

Actual result

Borders are not defined. Style tags are being filtered out even though allowedContent has them enabled. allowedContent=true does not work either. The result started happening on 4.5.0. Version 4.4.8 is not affected.

Other details (browser, OS, CKEditor version, installed plugins)

Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/50.0.2661.94 Safari/537.36 No installed chrome plugins

When applying formatting with toolbar buttons using keyboard, the editor takes the focus. It could be frustrating for person that wishes to apply multiple stylings.

And let us make clear, we're talking about changing focus strategy for keyboard-only usage.

Steps to reproduce

1. Open any page with CKEditor.
2. Focus the editor editable.
3. Move the focus to the toolbar using keyboard (alt + f10).
4. Navigate to bold button.
5. Press space.

Expected:

Focus remains in the toolbar, so that the user can apply further styles.

Actual result

Focus goes into the editor.

Error details for tests/plugins/magicline/magicline
get size
Values should be equal.
Expected: 9 (number)
Actual:   8 (number)

System specs: win10, window.devicePixelRatio is equals to 2.5 with a 3840x2160 res.

This is not a regression, it has been that way with earlier versions.

Steps to reproduce

1. Open ​http://ckeditor.com/demo#full.
2. Click Text Color button.
3. Click More colors.
4. Select some color (click or arrows + space) inside opened dialog (colorpicker).
5. Click Clear button.

Expected result

Focus stays on Clear button after click.

Actual result

Focus gets back to selected color.

Other details (browser, OS, CKEditor version, installed plugins)

This bug appears on all IE versions and Edge.

Steps to reproduce

TC1

1. Create a table of 3 rows and 4 columns. Please see HTML at the bottom.
2. Right-click inside cell 2.2 and merge cells down.
3. Keep on pressing TAB key to create new row.

TC2

1. 1. Create a table of 3 rows and 4 columns. Please see HTML at the bottom.
2. Right-click inside cell 3.2 and split cell horizontaly.
3. Keep pressing TAB key to create new row.

Expected result

TC1&2: The new row has four cells.

Actual result

TC1: The new row has one cell less at the end. TC2: The new row has only one cell.

Other details (browser, OS, CKEditor version, installed plugins)

Problem can be reproduced in all browsers from CKEditor 3.4 when creating row with TAB key was introduced.

Please note that in CKEditor 4.x it works fine if I use "Insert Row Below" option. This can be used as a workaround.

<table border="1" cellpadding="1" cellspacing="1" style="width:500px">
	<tbody>
		<tr>
			<td>1.1</td>
			<td>1.2</td>
			<td>1.3</td>
			<td>1.4</td>
		</tr>
		<tr>
			<td>2.1</td>
			<td>2.2</td>
			<td>2.3</td>
			<td>2.4</td>
		</tr>
		<tr>
			<td>3.1</td>
			<td>3.2</td>
			<td>3.3</td>
			<td>3.4</td>
		</tr>
	</tbody>
</table>

Steps to reproduce

1. Enter following text in CKEditor in IE 11

line 1
line 2
line 3

2. select text and In JS call

   CKEDITOR.instances[yourid].getSelection().getSelectedText()
   

3. The returned text is "line 1line 2line 3"
4. The length of string is 18. While in chrome it is 21

Expected result

The returned text should have \n characters

Actual result

The returned text is "line 1line 2line 3" The length of string is 18. While in chrome it is 21

Other details (browser, OS, CKEditor version, installed plugins)

Chrome: The returned text is "line 1\nline 2\nline 3"
IE11: The returned text is "line 1line 2line 3"

Steps to reproduce

1. Create a 2X2 table and add some sample content like "abc" in each cell.
2. Place cursor at end of text in cell 1.1, right-click and select Cell Menu to e.g. split cell horizontally.

Expected result

Merge and Split options should be enabled. The Merge Cells option should be disabled.

Actual result

Merge and Split options are disabled. The Merge Cells option is enabled instead.

Other details (browser, OS, CKEditor version, installed plugins)

Problem can be reproduced from CKEditor 4.0.0 in Blink and Webkit browsers on Mac only.

Problem doesn't occur when cursor is blinking: inside the text, at the start of the text in empty cell.

Hi There,

I got a bad issue with some user agent that got the "applewebkit/" word without the version number on it (for example : "mozilla/5.0 (linux; u; android 5.1.1; fr-fr; sm-g925f build/lmy47x) applewebkit/"), I got some other user agent in this case, but this one is a good example I suppose.

The code is trying to get a version number with a regexp, and try to get the first item.

// line 297 for version 4.5.9 revision a35abfe
b.webkit && (c = parseFloat(a.match(/ applewebkit\/(\d+)/)[1]));

Expected result

No javascript error

Actual result

Uncaught TypeError: Cannot read property '1' of null

Other details (browser, OS, CKEditor version, installed plugins)

You can try this issue on the demo page : ​http://ckeditor.com/demo Just add the given user agent to the console emulator and you should get the same issue. (mozilla/5.0 (linux; u; android 5.1.1; fr-fr; sm-g925f build/lmy47x) applewebkit/)

I am actually using the 4.4.7 version, but the issue is the same with the latest version.

Best, André.

Steps to reproduce

1. On the demo at ​http://ckeditor.com/demo clear the contents of the editor
2. Type anything on the first line
3. Press Enter
4. Press Backspace
5. Press Shift+Enter

Expected result

One BR is inserted

Actual result

Two BR's are inserted

Other details (browser, OS, CKEditor version, installed plugins)

Firefox, Mac OS (El Capitan), CKEditor Version 4.5.9

This issue concerns Accessibility Checker plugin. While in Chrome on Android and view is enlarged, the AC pop-ups (those showing warnings/errors) appears in different places than it should (does not point to the current error/warning).

Steps to reproduce

1. Go to ​https://cksource.com/a11ychecker/demo.
2. Enalrge view.
3. Click on Check Accessibility button.
4. Click next/previous in the pop-up few times.

Expected result

Pop-up window points to the content causing error/warning.

Actual result

Pop-up windows does not point to the content causing error/warning.

Other details (browser, OS, CKEditor version, installed plugins)

Chrome 50.0.2661.89, Android 4.4.2; Nexus 7 Build/KOT49H

Steps to reproduce

1. Go to ​https://cksource.com/a11ychecker/demo.
2. Click on Check Accessibility button.
3. Minimize AC pop-up.

Expected result

Minimized AC window (bottom right corner) is still visible.

Actual result

Minimized AC window (bottom right corner) is hidden under virtual keyboard. When minimizing AC window, CKEditor content area gains focus and virtual keyboard opens so it is shown over AC window. Not sure if this can be detected properly in Safari on iOS.

Other details (browser, OS, CKEditor version, installed plugins)

Safari, iOS

Steps to reproduce

1. Opens edit page, which is CKEditor included, on IE 11.
2. Inputs one line of text and select some text by mouse.
3. Clicks mouse left button on the area where is below the last line in editable area of CKEditor.

Expected result

De-selects selected text.

Actual result

Nothing change on selected block.

Other details (browser, OS, CKEditor version, installed plugins)

• Occurred on IE 11 only, other browsers work fine.
• I have solved this problem with applying CSS for content area of CKEditor.

  body {
    min-height: 97vh;
  }
  

• Instead of 100vh, I have apply 97vh because of scrollbar issue.

Steps to reproduce

1. Download the following CKBuilder package ​http://ckeditor.com/builder/6e18dbe9776749ca0c98f94ccc0e842f which is my desired minimal editor inc BBCode plugin.
2. Add config.allowedContent = 'strong em ul li;'; into default downloaded config.js
3. Paste Strikethrough or other hidden button formatted content, like Superscript, from MS Word or similar.

Expected result

With added config.allowedContent = 'strong em ul li;'; formating like Strikethrough, Superscript etc should be auto removed on paste as they do not match 4x specified allowedContent tags.

Actual result

Not allowedContent included tags are allowed through on paste and shown visually in CKEditor window.

However if you add additional config.removePlugins = 'bbcode'; to temporarily disable BBCode then config.allowedContent is working properly as expected with no other changes.

So it appears to be the addition of (needed) BBCode plugin that is stopping config.allowedContent working correctly.

Other details (browser, OS, CKEditor version, installed plugins)

Issue replicated on CKEditor 4.5.9 on Windows 8.1 in Firefox 46 and Chrome 50

Paste of CKBuilder ​http://ckeditor.com/builder/6e18dbe9776749ca0c98f94ccc0e842f is:

/**
 * @license Copyright (c) 2003-2016, CKSource - Frederico Knabben. All rights reserved.
 * For licensing, see LICENSE.md or http://ckeditor.com/license
 */

/**
 * This file was added automatically by CKEditor builder.
 * You may re-use it at any time to build CKEditor again.
 *
 * If you would like to build CKEditor online again
 * (for example to upgrade), visit one the following links:
 *
 * (1) http://ckeditor.com/builder
 *     Visit online builder to build CKEditor from scratch.
 *
 * (2) http://ckeditor.com/builder/6e18dbe9776749ca0c98f94ccc0e842f
 *     Visit online builder to build CKEditor, starting with the same setup as before.
 *
 * (3) http://ckeditor.com/builder/download/6e18dbe9776749ca0c98f94ccc0e842f
 *     Straight download link to the latest version of CKEditor (Optimized) with the same setup as before.
 *
 * NOTE:
 *    This file is not used by CKEditor, you may remove it.
 *    Changing this file will not change your CKEditor configuration.
 */

var CKBUILDER_CONFIG = {
	skin: 'bootstrapck',
	preset: 'basic',
	ignore: [
		'.bender',
		'bender.js',
		'bender-err.log',
		'bender-out.log',
		'dev',
		'.DS_Store',
		'.editorconfig',
		'.gitattributes',
		'.gitignore',
		'gruntfile.js',
		'.idea',
		'.jscsrc',
		'.jshintignore',
		'.jshintrc',
		'less',
		'.mailmap',
		'node_modules',
		'package.json',
		'README.md',
		'tests'
	],
	plugins : {
		'basicstyles' : 1,
		'bbcode' : 1,
		'clipboard' : 1,
		'enterkey' : 1,
		'entities' : 1,
		'indentlist' : 1,
		'list' : 1,
		'pastefromword' : 1,
		'pastetext' : 1,
		'removeformat' : 1,
		'sourcearea' : 1,
		'toolbar' : 1,
		'undo' : 1,
		'wysiwygarea' : 1
	},
	languages : {
		'en' : 1
	}
};

Steps to reproduce

1. set "ar" as a language of CKeditor UI
2. look at "Replace" icon

Expected result

it has to be shown in Arabic letters

Actual result

it is shown in English letters

Other details (browser, OS, CKEditor version, installed plugins)

My Suggestion to solve this problem

I suggest to use another icon for "replace" with no letters included to avoid each language translation.

Steps to reproduce

1. Open Arabic UI
2. Press on "Template"
3. Template window will be opened

Expected result

Templates description should be viewed into Arabic language

Actual result

Templates descriptions are viewed into English language

Other details (browser, OS, CKEditor version, installed plugins)

Suggested Solution

If you are not willing to translate it for some reasons , so As a BiDi user I suggest to view this text aligned left and has LTR direction because it does not make sense to be viewed it right-aligned

Steps to reproduce

1. Go to ​http://ckeditor.com/demo#widgets.
2. Scroll to Mathematical Formulas example.
3. Focus first formula.
4. Remove (e.g. using delete key).
5. Move caret from empty line somewhere else in the editor (using up/down arrows or mouse).

Expected result

The empty line is not removed even after caret is moved.

Actual result

The empty line is removed after caret is moved.

Other details (browser, OS, CKEditor version, installed plugins)

Tested on Chrome (50) and Safari (9.1) with CKEditor 4.5.9.

Slightly different use case:

After removing widget, click outside the editor (nothing happens - empty line stays were it was). Line is removed when editor gains focus again (even if you try to focus on the exact same empty line).

Steps to reproduce

1. Create 3x3 table with header in 1st row
2. Fill table cells with sample text (numbers for example)
3. Click inside middle header cell and merge it down

Expected result

Header cell should not be merged with body cell because the end result doesn't make sense IMHO. The structure of the table doesn't chnage that much (header is higher and one body cell gets removed - I think it is far from expected) There should be no result or menu should be disabled.

Actual result

Cells get merged. Header cell is higher (has rowspan=2), in first body row there are two cells and last row has 3 cells.
It really looks like one cell was removed and table is broken (although end result is correct).

Other details (browser, OS, CKEditor version, installed plugins)

Please see attached video.

Steps to reproduce

1. configure "ar" as a language
2. open CKEditor
3. press "image" button
4. look at "Preview" section

Expected result

Preview section text should be displayed into Arabic language, Or It should be aligned left with LTR direction if there is no willing to translate into Arabic

Actual result

Preview section text is Displayed into English with text-align right and RTL direction

Other details (browser, OS, CKEditor version, installed plugins)

Suggested Solution

As it is pure English Text and there is no willing to translate it to other languages so It should be aligned left with has LTR direction

Steps to reproduce

1. Download CKBuilder package of ​http://ckeditor.com/builder/fae662a2edb8dd0f7c22be87af377e04
2. Extract and load /samples/index.html into Firefox or other browser
3. Toggle into and out of 'View source'

Expected result

Default pre-filled content source code should be rendered in BBCode [ ] style tags and remain unchanged when toggling into and out of View source

Actual result

On intial toggle into View source you can see that source code has NOT been converted to BBCode as should. Toggling back into RTE view then causes unwanted HTML tag code to be progressively added to RTE and source code content on repeated View Source toggling

Other details (browser, OS, CKEditor version, installed plugins)

CKEditor version 4.5.9. Tested in Firefox 46 and Chrome 50 on Windows 8.1

Please note that unlike previously raised ​http://dev.ckeditor.com/ticket/14647 I have now been able to confirm this bug in CKBuilder with minimal number and only CK Source created plugins

I believe this problem is related to the plugin ordering that CKBuilder is doing, rather than any it not being possible to have these plugins work together. As if you look at ​http://ckeditor.com/builder/fc05d38e49b04113eab3dd0ec9b18487 that is a download package with the exact same elements showing selected on CKBuilder UI web page, but that 2nd version does work correctly (however when I add all my desire plugins via CKBuilder I then can't get CKBuilder to produce a valid build for me)

Edit

This issue is about fixing BBcode plugin so that it works in certain situation. When building CKEditor with BBCode plugin and displaying default sample, extra nodes are added while switching between source/wysiwyg. The plugin should be adjusted to handle that as content is basic sample is very basic.

Steps to reproduce

1. Configure "ar" as a language
2. open CKEditor
3. Some Icons at Arabic UI are missed Mirroring

Expected result

Attached Image illustrates what I mean

Actual result

Attached Image illustrates what I mean

Other details (browser, OS, CKEditor version, installed plugins)

Steps to reproduce

1. Go to ​http://ckeditor.com/demo#full.
2. Open dev tools and paste CKEDITOR.instances.editor1.on( 'change', function() { console.log( 'change', arguments ) } ) in the console.
3. Select part of the text.
4. Drag the text and drop it inside editor.
5. Select some text and press delete button to remove it.

Same happens when dropping text from outside of the editor.

Expected result

The change event is fired after content/text is removed.

Actual result

After D'n'D the first remove operation does not trigger change event.

Other details (browser, OS, CKEditor version, installed plugins)

CKEditor 4.5.9, tested on Chrome 51 and FF 46.

Steps to reproduce

(This is done in the demo site)

1. Create a list
2. Create a table in the list item
3. Move the cursor to the right of the table (using arrow key)
   (Firefox & IE - you must add text and then hit Enter after getting out of table. Please read Other Details Note)
4. Hit enter
5. A new list item is created, but with a p tag
6. Hit enter again
7. all further list items are created with p tags

Expected result

New list items should just be an empty li

Actual result

All the rest of the list items automatically have p tags within

Other details (browser, OS, CKEditor version, installed plugins)

Demo site with Chrome. We observe this in our build which is based on 4.5.7 as well.

In Firefox & IE, pressing right from the last table cell puts you in a new p tag within the original list item. if you do not type anything into this new p tag, when you press enter, the table gets destroyed. If you do type into it, then you will observe the behaviour described where all the next list items will automatically have p tags

Steps to reproduce

1. Create 3x3 table
2. Split middle cell in middle row horizontally
3. Delete middle command

Expected result

Rowspan created for cells in second row should be removed

Actual result

Rowspan created for cells in second row is not removed. This will break table layout once you start adding new rows. Please try tabbing after deleting the column. When new row is created the layout gets broken.

Other details (browser, OS, CKEditor version, installed plugins)

Steps to reproduce

Write two lines in the editor in OS X Chrome. Separate the two lines by a whiteline. If 'show blocks' is clicked you should be able to see three lines of the type 'p'. When only the first line is selected and a heading style is applied (e.g. a H2), the line below will also be converted into a heading. This occurs in Chrome, but it doesn't in Firefox.

Steps to reproduce

1. Go to:

​http://sdk.ckeditor.com/samples/enterkey.html

2. Switch enter mode to BR
3. Enter sample text:

this is the first line

• line 2
• line 3

4. Put the cursor at the beginning of line 2 and press either outdent or the backspace key

Expected result

this is the first line
line 2

• line 3

Actual result

this is the first lineline 2

• line 3

Other details (browser, OS, CKEditor version, installed plugins)

Steps to reproduce

Scenario 1:

1. Open CKEditor instance & type 2 lines of text "aaaaaaaaaaaaaaa"

2. Select all by CRTL+A, copy (CRTL+C) & paste(CRTL+V)the text

Issue: You will see an extra new paragraph added below pasted text.

Scenario 2:

1. Open a CKEditor instance, type "aaabbbaaa"

2. Select part of word (ex: "bbb") and CTRL+C to copy

3. Go to end of text area of CKEditor & paste(CTRL+V)

Issue: An extra space will be added after pasted text

Wikipedia Link for Japanese writing system. ​https://en.wikipedia.org/wiki/Japanese_writing_system

platform to reproduce: IE11 only Input method: windows IME

Steps to reproduce:

1. Open an editor

2. Input Japanese chars, in Hiragana. e.g. input "さいげん" (saigen)

3. IME will help you to convert Hiragana to Kanji. ("さいげん" -> "再現")

さ: ​http://graphemica.com/%E3%81%95 い: ​http://graphemica.com/%E3%81%84 げ: ​http://graphemica.com/%E3%81%92 ん: ​http://graphemica.com/%E3%82%93 再: ​http://graphemica.com/%E5%86%8D 現: ​http://graphemica.com/%E7%8F%BE

3. Try to repeat steps 2 & 3.

4. sometimes the Kanji will break:
   • "再" is missing after conversion, only "現" remains.
   • it shows "再現さ再現", or some other combination of both Hiragana and Kanji.

This issue not reproducible in other browser or application (e.g. notepad). See attachments for more information.

This is customer reported PMR & high priority for us

Steps to reproduce

1. Copy/Paste attached file into your ckeditor folder and open it in a browser (simplebox plugin is a requirement)
2. Insert simple box.
3. Click inside Content... and press Ctrl+A/Del to clear all text.
4. On element's path click on right most div or p.
5. Click Insert List button

Expected result

List gets inserted

Actual result

Java Script error gets thrown
Message: Cannot read property 'isContextFor' of null
Line: 75
Code: /ckeditor-dev/core/command.js

Other details (browser, OS, CKEditor version, installed plugins)

Problem can be reproduced from CKEditor 4.3 in Blink browsers only (Safari on Mac works fine)

Steps to reproduce

1. Open basic toolbar configurator
2. Start tabbing

Expected result

You should be able to focus buttons.

Actual result

Whole panel is not accessible. You need to click on one of the buttons and now you can tab through them but that initial click is needed.

Other details (browser, OS, CKEditor version, installed plugins)

Steps to reproduce

1. create a custom template with code below
2. click Templates in editor and choose the custom template
3. first try with "replace actual contents" and then without, viewing the source code each time. The link to the CSS file will not be in the source if not replacing actual contents.

Custom template

You might need to create your own CSS file or change the href.

<link href="/templates/common/responsive.css" rel="stylesheet" type="text/css" /> <div class="fullwidth"> <h2>Title</h2> <p></p> </div>

Expected result

not checking the "replace actual contents" checkbox should render the template same as checking it

Actual result

link to CSS file is stripped from source code if checkbox is not checked

Other details (browser, OS, CKEditor version, installed plugins)

• latest versions of Firefox, Firefox DE, and Chrome
• OS X 10.11.5
• CK editor version is 4.5.10

Steps to reproduce

1. Add widget with tag name 'cnn:news' widget template is '<cnn:news>Some news</cnn:news>'

2. In source mode ckeditor add next html:

<h1>111</h1> <cnn:news>Some news</cnn:news>

<h1>111</h1> <cnn:news>Some news</cnn:news>

<h1>111</h1> <cnn:news>Some news</cnn:news>

3. Push up button "source" and push down again
4. And we see:

<h1>111</h1> <cnn:news>Some news</cnn:news>

<h1>111</h1>

<h1>111</h1> <cnn:news>Some news</cnn:news>

5. There were only two widget tags

Steps to reproduce

1. Go to ​http://sdk.ckeditor.com/samples/codesnippet.html
2. Clear Everything and start writing a list (bullet or numbered)
3. Create a code snippet inside a list
4. After code snippet is created, press the right arrow key to bring the focus to the next line.
5. Press Enter key.

Expected result

We get a new list element

Actual result

Previous list element with the code snippet disappears

Other details (browser, OS, CKEditor version, installed plugins)

All Browsers

This is happening for all block level widgets.

Steps to reproduce

1. Select strikethrough
2. Type something;
3. Clear Formats by "Tx";
4. Hit enter and type

Expected result

Strikethrough option should not be selected and you should be able to type normal text.

Actual result

Strikethrough option is selected.

Other details (browser, OS, CKEditor version, installed plugins)

Problem can be reproduced in all browsers starting from CKEditor 4.1. In version 4.1 it is not possible to remove strikethrough and starting from 4.1.1 this TC applies.

Details

In my particular instance I am using Cordova 6.0.0. Running the application in the browser does not produce any issues but when you compile it to a Windows app you get:

 APPHOST9602: 'javascript:' is an invalid attribute value and will be ignored.  Don’t use 'javascript:' URIs in the local context.

I should also note that text entry and most buttons become disabled.

As you probably know this is because the buttons in the toolbar use anchor tags with href attributes like:

href="javascript:void('something')"

Here is the native ​security policy for Windows applications

There is ​another issue open on stackoverflow that references the same thing but for ionic framework

Steps to reproduce

1. Create a hybrid application
2. Compile it to Windows
3. Run to see issues about javascript:void in href

Expected result

No errors and full functionality.

Actual result

Buttons and text entry are not disabled and buttons work as expected.

Other details (browser, OS, CKEditor version, installed plugins)

• Windows 10
• Cordova 6.0.0
• VS 2015 Update 3
• CKEditor 4.5.9

It would make easier to apply certain dropdown styles (like headers, paragraph) if those were accessible with a hotkey.

Now the only way to add those is by navigating though format dropdown.

Currently impossible to do that with a custom config, using ​config.keystrokes property, because operations done by format plugin aren't exposed as commands.

Steps to reproduce

1. Full 4.5.10 download
2. extraPlugins: 'autogrow',

Expected result

not to mess with the HTML CODE

Actual result

<body style="height: auto; min-height: auto;">

Other details (browser, OS, CKEditor version, installed plugins)

FF, Windows 10, 4.5.10

Steps to reproduce

1. Create any link
2. Select the link and create anchor
3. Remove anchor

Expected result

There are no name and id attributes

Actual result

The link still has id attribute

Other details (browser, OS, CKEditor version, installed plugins)

Brief summary

If I have a big image in the editor and I open it in iOS 9, everytime I add a new letter to the editor the iframe is scrolled to the top, so I cannot see the inputted text.

Steps to reproduce

1. Create an editor with some content already added. This content should have at least one image with a big height. In some of my tests I used ​http://ckeditor.com/demo, I inspected the iframe and added the following property to the first image: height="720".

1.1 You can also use this codepen: ​http://codepen.io/anon/pen/WxzExZ/

2. Open the page in an iPad with iOS 9 (I'm using 9.3.2).
3. Scroll down until the image disappears from the screen.
4. Place the cursor at the end of some line and click some letter in the virtual keyboard.

4.1 In the codepen I wrote after the text: Do not create that page?

Expected result

The letter is written and the iframe is NOT scrolled at all.

Actual result

The iframe scrolls to the top, so I cannot see the letter I have just inputted. After this I cannot scroll the iframe at all.

Other details (browser, OS, CKEditor version, installed plugins)

I reproduce it in Safari in an iPad with iOS 9.3.2, using the latest CKEditor version with default plugins.

Steps to reproduce

1. With the example page, select some text (anywhere seems to work).
2. Hit the button -- which runs the following code :

      function scroll() {
         var selection = editor.getSelection();
         selection.scrollIntoView();
       } 
   

Expected result

The selection is scrolled into view, but remains the same selected text.

Actual result

The selection expands to the enclosing paragraph.

Other details (browser, OS, CKEditor version, installed plugins)

Tested on Chrome

Steps to reproduce

1. Add button to toolbar with any command from plugin 'table' or 'tabletools';

For example:

CKEDITOR.replace( 'editor1',{
    on: {
        pluginsLoaded: function( evt ) {
            var ed = evt.editor;
	    ed.ui.addButton( 'tableDelete', {
                label: ed.lang.table.deleteTable,
                icon: 'tests/tickets/279/tabledelete.png',
                command: 'tableDelete'
	    });
        }
    }
});

Expected result

Table-related buttons must be disabled by default when editor is ready. And enabled when cursor placed inside table.

Actual result

Table-related buttons enabled when editor is ready.

Other details (browser, OS, CKEditor version, installed plugins)

Plugins: wysiwygarea, toolbar, table.

Commands provided by plugins 'table', 'tabletools' is context-sensitive, therefore they must need have add startDisabled: 1 in definition

I'll make pull-request with changes and test based on ​https://github.com/ckeditor/ckeditor-dev/pull/279 after create this issue.

This issue related to:

• #4717 - Remove Link and Outdent buttons should be disabled before editor gets focus.
• #10439 - Initial command states are naive, biased and buggy

Steps to reproduce

1. Open any sample page say api.html in Chrome and set pasteFilter config to null and allowedContent to true.

   CKEDITOR.replace( 'editor1', {
   	allowedContent : true,
   	pasteFilter : null,
   ...
   

2. Open ​http://ckeditor.com/demo#div in IE browser and copy two paragraphs
3. Paste the content in api.html page which is opened in chrome and go to Source mode

Expected result

Only two paragraphs get pasted.

Actual result

It looks like paragraph plus every node above/below also get pasted.

Other details (browser, OS, CKEditor version, installed plugins)

This is a special case where you need to disable pasteFilter to get this result. User who reported it, does some paste filtering on his own but he can't really do much in this case as he doesn't know what the original selection from other browser was.

This doesn't happen in native contenteditable thus I have decided to report it.

Problem can be reproduced when copying from IE and pasting into Chrome or Firefox.

Steps to reproduce

1. Create 4x4 table and fill each column with same number 1 2 3 4
2. In second row merge cell 2 & 3. Alternatively you can use source code below.

   <table border="1" cellpadding="1" cellspacing="1" style="width:500px">
   	<tbody>
   		<tr>
   			<td>1</td>
   			<td>2</td>
   			<td>3</td>
   			<td>4</td>
   		</tr>
   		<tr>
   			<td>1</td>
   			<td colspan="2" rowspan="1">23</td>
   			<td>4</td>
   		</tr>
   		<tr>
   			<td>1</td>
   			<td>2</td>
   			<td>3</td>
   			<td>4</td>
   		</tr>
   		<tr>
   			<td>1</td>
   			<td>2</td>
   			<td>3</td>
   			<td>4</td>
   		</tr>
   	</tbody>
   </table>
   

3. Select merged cell 23 and cell 4 next to it.
4. Right-Click, Select Column-> Delete Columns.

Expected result

All 3 columns get deleted.

Actual result

Column 3 & 4 gets deleted but Column 2 stays. If you try the same with non-merged cells, all three columns get deleted.

Other details (browser, OS, CKEditor version, installed plugins)

Problem can be reproduced in every browser at least from CKEditor 4.0

Page crashed when typing multi-byte characters( Japanese in my test ) after hitting enter key in any cell.

Steps to reproduce

1. Paste this HTML in source mode.

   <table align="left" border="1" cellpadding="1" cellspacing="1" style="width:100%" summary="">
   <caption>
   <p style="text-align: left;">sample</p>
   </caption>
   <tbody>
   <tr>
   <td style="height:auto; width:13%">sample</td>
   <td style="height:auto; width:85%">sample</td>
   </tr>
   <tr>
   <td style="height:auto; width:13%">sample</td>
   <td style="height:auto; width:85%">sample</td>
   </tr>
   <tr>
   <td style="height:auto; width:13%">sample</td>
   <td style="height:auto; width:85%">sample</td>
   </tr>
   </tbody>
   </table>
   
   <p>&nbsp;</p>
   

2. Change to WYSIWYG mode.

3. Try to input multi-byte characters in any cell.

Expected result

Multi-byte characters are normally input.

Actual result

Page crashed and reloaded with message said: web page is not responding.

Other details (browser, OS, CKEditor version, installed plugins)

Happened on Windows7 + IE11 and Windows8 + IE11.

Steps to reproduce

1. Open ​http://ckeditor.com/demo#standard
2. Open Styles dropdown
3. Scroll to the middle using mouse scroll.
4. Close dropdown without selecting style.
5. Open dropdown once again
6. Scroll down

Expected result

I expect that it will work in the same way as in FF. Elements should scroll down without scrolling to the top.

Actual result

When I open Styles dropdown I can see that list is scrolled to the same position as it was when I closed. After scroll down list is scrolled to the top and next moved few elements down.

Other details (browser, OS, CKEditor version, installed plugins)

Chrome browser version: 52.0.2743.82 m OS: Windows 10

Currently, the text entry field in the color picker dialog has no validation whatsoever, not even a maxlength. Knowing that there are 140 named colors and that other colors should be specified as a hex value, it should be possible to validate the input to that field to at least warn users when an invalid named color or an invalid hex color has been specified.

Possible error messages are:

1. You have entered an invalid color name. Did you mean to enter a hex code? (Don't forget to include the #)
2. You have entered an valid hex code. Did you mean to enter a named color?

Reported on Zoho as tickets 18892 and 18929.

We are using 4.5.2 version of ckeditor in Oracle PeopleSoft application page.

We are facing following issue on the iPad mini device (browser details attached) and this issue is seen in "Standard editor" on ​http://ckeditor.com/demo website also.

Steps to reproduce

1. In the editor area type the text continuously till it crosses the editor frame limit.

Expected result

It should be possible to scroll the editor content horizontally and the cursor should stay in the editor.

Actual result

The cursor focus moves out & also unable to scroll horizontally.

Other details (browser, OS, CKEditor version, installed plugins)

Mobile Safari 9 on iOS 9.2

Steps to reproduce

Our application is setting shortcuts Ctrl+Alt+i in Windows and Ctrl+Cmd+i in Mac version and they works fine until editor is focused.

We are checking exactly which modifier keys are used and act only when exact combination is pressed. We find out that editor is handling Ctrl+Cmd+i shortcut and stopping event propagation. What a nasty boy!

I digged into source code and find method getKeystroke, which do:

if (this.$.ctrlKey || this.$.metaKey)  a += CKEDITOR.CTRL;

So you can make text italic with: Ctrl+i, Win+i, Cmd+i, Ctrl+Win+i, Ctrl+Cmd+i! This is not mentioned in documentation, where is explicitly mentioned Ctrl+i.

Expected result

I expect that editor will distinguish Ctrl and Meta key and do what is in documentation -> handle only Ctrl+letter shortcuts. If you want to support also meta key, please, to it in smarter way, that both shouldn't be pressed:

if ((this.$.ctrlKey || this.$.metaKey) && !(this.$.ctrlKey && this.$.metaKey))  a += CKEDITOR.CTRL;

Actually there should be some configuration option to set behavior for this method.

And last comment. What about to do not stop event propagation (​https://css-tricks.com/dangers-stopping-event-propagation/) and just prevent events defaults?

Actual result

Other details (browser, OS, CKEditor version, installed plugins)

Used version:"4.5.4 (Standard)",revision:"d4677a3".

Steps to reproduce

1. go to a page with a DIV contained ckeditor
2. tab past the editor
3. press the down or right arrow key

Expected result

nothing happens, unless I specify page changes based on these key events

Actual result

Focus is moved to the nearest editor. This causes major accessibility issues for keyboard and screen reader users.

Other details (browser, OS, CKEditor version, installed plugins)

1. CKE listens to the down key and left key (along with some other events) on "document" object.

2. it perform a check if the browser is of type webkit before it removes the 0 width space char

3. Code which does this ​https://github.com/ckeditor/ckeditor-dev/blob/master/core/selection.js#L720

4. While removing this char it fires the focus event to make CKE focusable but never gains the focus back to original element.

5. CKE can be used in 2 modes - one with iFrame contained and one with DIV contained. when iFrame contained this issues doesn't happen because "document" object that looks for event is iframe specific. Only key events fired in iFrame context gets through this code not the entire page keyevents.

6. When CKE is DIV contained - key events for the entire page gets handled.

Steps to reproduce

1. Go to: ​http://ckeditor.com/demo
2. Click the "Full featured" link on the left (to create a history step).
3. On the Full Featured demo page click the Maximise icon to open the editor in full screen.
4. Click the browser's history back button.

Expected result

The demo page should be displayed as before.

Actual result

The demo page loads but the HTML element is still assigned with style="position: fixed; z-index: 9995; width: 0px; height: 0px;" and the Body element with style="position: static; z-index: 9995; width: 0px; height: 0px;" resulting in the page being squashed to the lefthand side.

Other details (browser, OS, CKEditor version, installed plugins)

Safari Version 9.1.2 (11601.7.7)

Steps to reproduce

1. Go to ​http://ckeditor.com/demo.
2. Scroll editor viewport without focusing editor (e.g. using mouse wheel).
3. Click inside editor content to focus editor.

Expected result

The editor is focused and caret is placed on the position of the click.

Actual result

The editor viewport scrolls to the top and caret is placed on the beginning of the content.

Other details (browser, OS, CKEditor version, installed plugins)

Edge (Edge 38.14393, EdgeHTML 14.14393) - it does not happen in previous versions of Edge browser.

Steps to reproduce

Paste the following 4 lines in full ckeditor, or type them in (use a line break and not a new paragraph after each line). If pasting, make sure pasting as plain text.

One
Two
Three
Four

Select the 4 lines and change the font to another font (for example, Courier New).

With the 4 lines still selected, click the Insert/Remove Numbered List. It will look like this

1.
   One
2.
   Two
3.
   Three
4. Four

The first 3 list items have a line break injected after the number and before the text.

Expected result

1. One
2. Two
3. Three
4. Four

Actual result

1.
   One
2.
   Two
3.
   Three
4. Four

Other details (browser, OS, CKEditor version, installed plugins)

Browser: Chrome 52.0.2743.116 on Windows 7

Editor version: ckeditor Version 4.5.10, 13 Jul 2016

Also tried in nightly build 30-Aug-2016 full editor and had same results.

Steps to reproduce

1. Type some contents in CKEditor (such that scrollbar is showing).
2. Scroll down and tap somewhere in the middle.
3. Paste some data (plain text) from clipboard after holding on the caret and selecting 'Paste'

Expected result

The pasted content must appear on the caret position and the screen should be steady.

Actual result

The contents in the editor scrolls up and down. Sometimes the entire screen scrolls up and down especially when zoomed-in . The pasted content appears on the caret position. But hard to find where it is.

Other details (browser, OS, CKEditor version, installed plugins)

On most of the iOS versions including tablets. Browsers : Safari and Chrome.

Steps to reproduce

1. Create a widget which allows inserting table inside editable. You can modify simple box.
2. Insert a table inside the widget.
3. Click inside first table cell and press tab

Expected result

Focus is moved to next table cell like in case of table not inserted into widget.

Actual result

Focus is moved to next widget or out of the editor.

Other details (browser, OS, CKEditor version, installed plugins)

Steps to reproduce

1. add plugin "color button" to CKEditor with Office 2013 theme
2. Create a form like this :

<form style="margin-left: 80px;">
        <textarea name="editor1" id="editor1" rows="10" cols="80">
        </textarea>
        <script>
            var config = {
                language : 'en',
                height : '500',
                width : '600',
                colorButton_colors : 'FF8C00,FFFF00,00FF00,FF00FF',
            }
            CKEDITOR.replace('editor1', config);
        </script>
</form>

3. Pass you mouse on every color of the color selector

Expected result

The colors are named in ordre : Dark Orange, Yellow, Lime, Fuchsia (or Magenta ?)

Actual result

The colors are named in ordre : Dark Orange, Yellow, Lime, FF00FF

Other details (browser, OS, CKEditor version, installed plugins)

tested on IE11 (11.0.9600) and Firefox 47 plugin color button : office 2013 theme tested on version 4.5.6 too.

Steps to reproduce

1. Go to ​http://tests.ckeditor.dev:1030/tests/plugins/uploadwidget/manual/image2.
2. Drop image into editor.
3. Select the image with some surrounding text.
4. Delete selection while the image is still being uploaded.
5. Click undo.

Expected result

Deleted text should be brought back (without image) by undo.

Actual result

Deleted text is brought back (without image) by undo and error is thrown (in Chrome: Uncaught IndexSizeError: Failed to execute 'setEnd' on 'Range': There is no child at offset 11.; in Opera: Uncaught IndexSizeError: Failed to execute 'setEnd' on 'Range': The offset 7 is larger than or equal to the node's length (5).)

Other details (browser, OS, CKEditor version, installed plugins)

Steps to reproduce

1. Configure CKEditor so that it uses (you can also use allowedContent:true for simplicity)

   var editor = CKEDITOR.replace( 'editor1', {
   	enterMode : CKEDITOR.ENTER_BR,	
   	allowedContent : '*{*}'
   });
   

2. Switch to source mode and paste below HTML:

   <div >
   	<div >
   		<div style="font-family: tahoma,arial; font-size: 9pt;">
   			<div  style="padding: 4px;">
   				<div  >
   					<span style="border: 0pt rgb(0, 0, 0); text-align: left; color: rgb(0, 0, 0); padding-top: 0px; padding-bottom: 0px; font-style: normal; font-weight: normal; text-decoration: none; margin-top: 0px; margin-bottom: 0px;">
   						<span style="padding-top: 0px; padding-bottom: 0px; margin-top: 0px; margin-bottom: 0px;">
   							<span class="ddspellcheck" id="scayt3">jkhgkjh</span>
   						</span>
   						<br>
   						<span style="padding-top: 0px; padding-bottom: 0px; margin-top: 0px; margin-bottom: 0px;">
   							<span class="ddspellcheck" id="scayt2">gkjhgkjh</span>
   						</span>
   						<br>
   						<span style="padding-top: 0px; padding-bottom: 0px; margin-top: 0px; margin-bottom: 0px;">
   							<span class="ddspellcheck" id="scayt1">gkjhlgfkhj</span>
   						</span>
   					</span>
   					<br>
   				</div>
   			</div>
   		</div>
   	</div>
   </div>
   

3. Switch to wysiwyg, click inside middle line and click justify center.

Expected result

Middle line gets centered.

Actual result

Middle line gets centred but extra line is added. This is happening because BR in first span (which gets wrapped into div) doesn't get removed like in modern browsers.

<div>
	<div>
		<div style="font-family: tahoma,arial; font-size: 9pt;">
			<div style="padding: 4px;">
				<div>
					<span style="border: 0pt rgb(0, 0, 0); text-align: left; color: rgb(0, 0, 0); padding-top: 0px; padding-bottom: 0px; font-style: normal; font-weight: normal; text-decoration: none; margin-top: 0px; margin-bottom: 0px;">
						<span style="padding-top: 0px; padding-bottom: 0px; margin-top: 0px; margin-bottom: 0px;">
							<span class="ddspellcheck" id="scayt3">jkhgkjh</span> 
						</span>
					</span>
					<br /> <!-- This doesn't get reoved -->
					&nbsp;
				</div>
				<div style="text-align: center;">
					<span style="padding-top: 0px; padding-bottom: 0px; margin-top: 0px; margin-bottom: 0px;">
						<span class="ddspellcheck" id="scayt2">gkjhgkjh</span> 
					</span>
				</div>

				<div>
					<span style="border: 0pt rgb(0, 0, 0); text-align: left; color: rgb(0, 0, 0); padding-top: 0px; padding-bottom: 0px; font-style: normal; font-weight: normal; text-decoration: none; margin-top: 0px; margin-bottom: 0px;">
						<span style="padding-top: 0px; padding-bottom: 0px; margin-top: 0px; margin-bottom: 0px;">
							<span class="ddspellcheck" id="scayt1">gkjhlgfkhj</span> 
						</span> 
					</span>
				</div>
			</div>
		</div>
	</div>
</div>

Other details (browser, OS, CKEditor version, installed plugins)

Problem can be reproduced from CKEditor 4.0 in IE10 and below

Steps to reproduce

1. Go to ​http://ckeditor.com/demo#div.
2. Scroll editor viewport a little bit and select some text.
3. Open Link dialog.
4. Put ckeditor.com in the URL field.
5. Click cancel.
6. Click ok on the confirmation dialog.

Expected result

The dialog is closed, selection and scroll position in the editor does not change.

Actual result

The dialog is closed, the editor viewport is scrolled to the top and caret is placed on the beginning of the editor content.

Other details (browser, OS, CKEditor version, installed plugins)

Safari 9.1.3

With the addition of ​#7154, the new ​link test case started to fail on IE8.

The issue is that a element applied by CKEDITOR.style wraps also non-editable element, which is not the case in any other browser.

Steps to reproduce

1. Open the editor in IE9 with quirks mode enabled (remove doctype from your HTML file to force it)

Expected result

Editor is visible.

Actual result

Editor does not load up.

It's a regression after commit ​f03be954f37ed07c59baa10e60d8e6023c245fbf.