Custom Query

To reproduce:

1. Clear editor contents with New Page command
2. Click image dialog and insert in URL filed assets/sample.jpg
3. Don't click anywhere else and just click OK
4. If you inspect code with dev-tools you will notice that width and height that is by default placed in style attribute isn't present.
5. Double click on image to open its properties.

Result: width and height fields are empty.

Problem can be reproduced in IE9 and IE10 from CKEditor 4.0 Beta

To reproduce:

1. Clear editor contents and inset table
2. Right-click on magic line as shown on image
3. JS error will be thrown

Message: 'getRanges().0' is empty or not an object
Line: 381
URI: ckeditor4/plugins/clipboard/plugin.js

Problem can be reproduced only in IE8

Hi , I use ckeditor 4.1.1 and in IE10 QM toolbar's icons looks like disable and some of them makes error like copy and paste

I am adding link to an image in editor, but when i select the image and press delete key, its removing Image but its not removing anchor tag outside the image which is store in owner doc. so if I tried to ad another image in the same place it adding with the old anchor tag.

what I want is, when i select an image and delete it using delete key, I want to delete the anchor tag related to that image tag. Any possibilities? Any event to control that?

Edit:
To reproduce:

1. In IE, clear editor contents, paste below code in source and switch to wysiwyg

   <p><a href="http://google.com"><img alt="Saturn V carrying Apollo 11" id="aa" src="assets/sample.jpg" /></a></p>
   

2. Select image and remove it with Delete key
3. Click in line where image was. Now element's path should show "p a"
4. Insert new image - it gets inserted into link.

There is definitely browser incompatibility but this is rather low priority issue as user can remove image and link by clicking “a” on elements path, remove link using context menu or pressing delete before inserting new image.

Steps to reproduce:

1. Open page with empty CKEditor in IE8.
2. Type any word with space ("example ")
3. Select word without space ("[example] ")
4. Press 'Bold' to make selected word bolded.
5. Press 'Bold' to remove bold style
6. Put cursor at the start of document
7. Press and hold DELETE key.

After removing of last character 'e' see the error in browser console.

1. Attach the "onbeforeunload" event to the page (I used repleacebyclass.html from samples folder):

<script>
	window.attachEvent('onbeforeunload', function() {
		return 'You will lose your content.';
	});
</script>

2. Add "sourcedialog" plugin.

3. Open editor, open source dialog and click OK. The confirm dialog will appear.

1. Go to ​http://ckeditor4.t/ckeditor/samples/api.html
2. Click Set Editor Contents very fast.
3. SCRIPT70: Permission denied

May affect other IEs (to be checked).

Browser: IE8/9

Steps to reproduce:

1. Type in at least 10 lines of random words (as this issue is not reproducible with a short list of words)
2. Click undo few times.

Actual Result:

The 1st time Undo pressed: the cursor moves to the previous line as expected.

The 2nd time Undo pressed: the cursor jumps back to the next empty line instead of moving to the previous line.

Also, if editor will be configured to use the ENTER_DIV mode, then, occasionally, the last letter in the previous line will disappear and then appear again if keep pressing the undo button.

Scenario:

• open IE8
• open placeholder sample ​http://local.ckeditor.dev/plugins/placeholder/samples/placeholder.html
• select some text in editor, in example double click on "using",
• click on "Create Placeholder" button ,
• set placeholder text and press ok.
• wait for IE8 crash

1. Open IE8 browser and massive inline creation sample.
2. Click image icon in the toolbar.
3. Enter some image url in the URL text box (e.g. ​http://upload.wikimedia.org/wikipedia/commons/9/95/Ferrari_P4-5.jpg).
4. Click Link tab
5. Enter some url like ​http://www.google.com and click "OK" button
6. Now image when is added in the editor, double-click the image so the link dialog opens.

Results: Now there are two issues.

1. Link URL text box is empty.
2. If I try to enter some URL and press "OK", JS error is thrown:

Message: SCRIPT5007: Unable to get value of the property 'collapsed': object is null or undefined
Line: 1208 URI: /ckeditor4/plugins/link/dialogs/link.js

Problem can be reproduced in IE8 only in inline mode only from CKEditor 4.0 beta

To reproduce the defect:

1. Open any CKSample, type some text & apply aany Alignment or Indentation to the text.

2. Select all the text by using Ctrl + A & press CTRL + X to cut the text

3. Press CTRL+ V to paste the text.

Expected Result: Pasted text has the alignment or indentation that was applied to the text before

Actual Result: Pasted text has no alignment/indentation applied

This is only happening from CK Editor 4.0

STR (you should use IE8):
1) Paste the following *source* code into CK-DEMO source view (keep the 3 lines as is):

<pre>
window
</pre>

3) switch back to wysiwyg view
2) double click on the word "window" and change the font family.

RESULT: The first two letter are omitted from the selection.

1. In IE8 open editor with below code

   <p>test</p>
   <ol>
   	<li>test</li>
   	<li>test</li>
   </ol>
   

2. Make the following selection (you get best result with shift+right arrow)

   <p>te^st</p>
   <ol>
   	<li>te^st</li>
   	<li>test</li>
   </ol>
   

3. Press delete key

Result: Ordered list gets changed into unordered one.

Problem can somewhat be reproduced from CKE 3.0 (orphan li elements were left) but this particular TC where one list is changed into another can be reproduced from CKEditor 3.4.2 in both CKE 3.x and 4.x.

Please load the attached file into IE9 and copy-paste its content to the CK-DEMO page and follow the steps below:

1. Click on the line beneath the list.
   
2. Left-arrow until you see 2+ lists in the Element Path. You will be at the end of the the second list element.
   
3. Press [Backspace]. -- With IE8, I got an error here.
   
4. For IE9 & IE10,
   EITHER:
   

a) Click the active list tool to turn it off -> you get listNode error.

OR

b) Press [Enter] -> you get isContextFor error.

RESULT: You get a script error dialog with the following details.

listNode error:
Error: Unable to get propert 'listNode' of undefined or bull reference

isContextFor error:
Error: Unable to get property 'isContextFor' of undefined or null reference

Note: the attached file is a valid HTML.

Hello,

In my site I have this code in the page's header:

<script type="text/javascript">
   document.domain = mysite.com
</script>

I have a "Access denied" error with IE7 even if I add this line :

CKEDITOR.tools.fixDomain(true);

before :

CKEDITOR.replace(
        'detail',
        {
            width: '430px',
            height:'200px',	
        }
    );

To correct the problem I forced the domain in all cases. In core/tools.js, function fixDomain() I have added:

try {
   // Try to access the parent document. It throws
   // "access denied" if restricted by the "Same Origin" policy.
   domain = window.parent.document.domain;
   
   // Here I force the domain
   document.domain = domain;
   break;
} catch ( e ) {
...

And now it's ok for me, I don't have "Access denied".

In IE, it is not possible to select multiple empty rows in a table. Because of that, it is impossible to delete multiple empty rows at once.

Tested in IE 8/10. It works fine in the latest stable versions of Chrome(27) and Firefox(21) using Windows 8. In Opera (12.15) it is harder to select multiple rows, but it is possible there.

Tested in CKEditor 3.6.6, latest stable(demo, 4.1.2) and nightly.

Steps to reproduce:

• Open ckeditor.com/demo
• Empty the demo page
• Add a table with the default settings
• Try to select 2 rows. This will work in Chrome/Firefox, but not in IE.

When you add a space or another character in the first colomn of each row, it is possible to select more rows and delete them.

To reproduce:

1. Open CKEditor demo
2. Click before ^Appollo
3. Press delete and hold it.

Result JS error is thrown.

Message: Invalid argument
Line : 295
URI: /ckeditor4/core/dom/node.js

Problem can be reproduced in both branches CKE 3.x and 4.x. I was able to reproduce it from CKEditor 3.3.

Bug History:
Invalid argument has been thrown from CKEditor 3.3. but it was thrown by different parts of code

• 3.3 - 3.6 - /cke3.6/_source/core/dom/text.js; Line 62;
• 3.6.1 - 4.1.2 - /cke3.6.3/ckeditor/_source/plugins/selection/plugin.js; Line: 911 and|or /cke3.6.6/ckeditor/_source/core/dom/node.js; Line: 234.
• I was not able to get right repository - in source version first error is thrown even in CKE 3.6.2 while in release code till 3.6.1.

Possible reason:

It has turned out in my tests that simple space between image and Apollo word is to blame. If I have removed this space there was no error.

<h1><img alt="Saturn V carrying Apollo 11" class="right" src="assets/sample.jpg" /> Apollo 11</h1>

In CKEditor 4.x this image is aligned to the right and it doesn't look like source of the problem but in older versions there is something extra happening which may prove what I have written.

Copy sample code from CKE 4.x to 3.x - till version 3.3 When you removed image space was left and no error occurred. From CKE 3.3 removing image removes also this space.

#Environment:

• Browser: IE 10
• CKEditor ver: 4.1.2, this issue also happens in the demo page (​http://ckeditor.com/demo)

#Step to reproduce:

1. Insert a table with 2 columns and 2 rows (4 cells)
2. Put some text into these 4 cells

3.1 Use mouse to select text in both the top 2 cells (cause issue 1)

3.2 Use mouse to Select text in all the cells (cause issue 2)

4. Press delete

(issue 1) Expectation : should delete the text in these 2 cells (issue 1) Reality : nothing happens, those text are still in the cells.

(issue 2) Expectation : should delete the text in these 4 cells (I just want to clear all the content) (issue 2) Reality : the table is deleted.

#Note: Firefox works nicely with these 2 issues.

As the release of IE11 is getting closer (scheduled for shipping with Windows 8.1 in August - seems that Microsoft is in a hurry...), I thought that it's a good idea to test-drive CKE.

Unfortunately, my test drive didn't get far, as I can't close any CKEditor dialog that I open (e.g. link, picture). The F12 tools report a lot of "access denied" errors.

I can see the problem both on the 4.x demo page and in v3.6.6, which is still our production version (and has more IE11 problems, but I can understand that nobody will fix them for that old version).

Haven't found the time to debug in deep until now, but that might be related with "IE hacks" no longer applying.

Microsoft has changed the user agent to get rid of old hacks: ​http://www.nczonline.net/blog/2013/07/02/internet-explorer-11-dont-call-me-ie/

Testing IE11 is rather easy. The official ISO images of Windows 8.1 can be downloaded from: ​http://windows.microsoft.com/en-us/windows-8/preview-iso The product key is also mentioned on that page. Afterwards, it can be installed in VirtualBox, which requires a small patch, depending on its version: ​https://blogs.oracle.com/fatbloke/entry/using_virtualbox_to_test_drive

Edit: I was able to reproduce this for Image, Link and Flash Dialogs . When you open one of these dialogs you get permission denied error.

This is the main ticket to check IE11 compatibility. It is also an umbrella ticket for each specific issue related to it.

1. Select some text
2. Open dropdown or one of Color Menu Button (visible selection is gone)
3. Select any style or color from dropdown or menu buttons

Result: Selection is lost and cursor is blinking at the beginning of the content ^Apollo 11

This is happening in iframed editor only - inline and divarea work fine.

UPDATES:

• Same happens when you try to insert table (or table inside table) - it gets inserted at the top of document.
• Same happens when you try to remove table with CKEditor context menu option.
• Even worse happens when you try to insert new column - selection is lost and JS error is thrown because of that.
• Same happens when you try to insert place holder. When you try to insert second placeholder in a row you get JS error "Unable to get property 'scrollIntoView' of undefined or null reference".
• When inserting a link i BBCODE I have got: Unable to get property 'collapsed' of undefined or null reference

Open IE11 in any mode and click New Page command

Result:
Message - SCRIPT5022: NotSupportedError
Line - 542
URI - ckeditor4/plugins/wysiwygarea/pluginn.js

Insert ordered list into editor or open page with list in IE11 compatibility mode. Numbers start from 0.

• Open e.g. replacebycode sample in IE8-11 in compatibility mode or in IE7
• Press BIDI button

Result: some toolbar buttons get very long.

This happens in IE7 by default and in other IEs when they are set in compatibility mode.

1. Insert default table
2. Right Click in any cell and check context menu

Cell Properties and Join Cell context menu options are disabled

Open AJAX sample in IE11 and click Create Editor.

Result:
Message - SCRIPT5022: NotSupportedError
Line - 542
URI - ckeditor4/plugins/wysiwygarea/pluginn.js

Possible duplicate of #10615

1. Open ​http://local.ckeditor.dev/samples/replacebyclass.html
2. Click on "Apollo" to move focus to editor
3. Press context menu button on keyboard.

Expected:

• context menu appears next to "Apollo".

Actual:

• context menu appears in the top left corner of browser.

Tested with IE10 and IE9.

1. Open IE7.
2. Go to (build full all): /samples/plugins/docprops/docprops.html
3. Open Document Properties.
4. Go to Preview tab.

Preview window is too small, so you can't see the preview.

When Content Advisor is turned on in IE8, regardless of the restrictiveness of the filtering options, CKEditor will not go into an editable state or enable any of the buttons.

I have validated this using the CKEditor Samples > Replace Textarea Elements by Class name. It works properly in 4.1.1.

Description: An inserted special character is being inserted at the end of the previous paragraph even though the insertion point was in a new paragraph when I opened the special characters dialog. I can only recreate the problem with these specific steps.

Win7 32-bit, IE9 Steps To Recreate:

1. Get a new page on DEMO site.
2. Insert a numbered list and enter text for a few items in the list.
3. Press [Enter] after entering text for one of the numbered items to create another numbered item, but don't add any text.
4. Move the mouse pointer over the last numbered item to display the red 'Insert Paragraph Here' tool.
5. Click the Insert Paragraph Here button. A new paragraph is inserted after the last numbered item.
6. Click back into the last numbered item (which has no text) and press [Backspace] to remove this item.
7. Click below the numbered list so that the insertion point is in the new paragraph you inserted in step 5.
8. Click the Insert Special Character button on the toolbar and select some character to insert.

The special character is appended to the text of the last numbered list item instead of in the new paragraph which is where the insertion point was.

Note: You should select really a special char e.g. select the black diamond from the last line. See attached picture.

STR:

1. Go to DEMO page.
2. Highlight at least 3 words and set the background color to yellow.
3. Highlight the middle word and set the background color to green.

Result: the yellow background from the first and third words is gone.

This is reproducible in IE9 and IE10. It works fine in IE8. It's a problem for the background color only. Foreground color is fine.

1. Open inlinebycode sample.
2. Clear editor contents.
3. Type: 'A B C' and select 'B'.
4. CTRL+C, CTRL+V

SCRIPT5022: DOM Exception: INDEX_SIZE_ERR (1) 
selection.js, wiersz 1600 Znak 8

Steps:

1. Open CKEditor 3 with CKEDITOR.ENTER_BR mode in IE 9
2. Run the following code in console to view the focus offset: setInterval(function() {console.log(window.document.getElementById('cke_contents_[your_control_ID]').childNodes[1].contentWindow.getSelection().anchorOffset);}, 200)
3. Type sample text: 'This is a sample text.'
4. Copy 'This'
5. Press Enter

   The offset equals 2

6. Paste 'This'

Expected result: Offset shows 4 immediatly with any delays.

Actual result: Offset shows 2 couple of seconds. Offset is 4 after the delay.

Problem was described on forum: ​http://ckeditor.com/forums/CKEditor/ckeditor-causes-comments-prefixed-by-in-subsequent-scripts-to-be-executed-as-code-in

CKEditor uses conditional compilation to determine whether it is ran on IE. If CKEditor's source file is followed (even indirectly) by:

//@

or:

/*@

IE will parse this comment as a CC statement (although, I have no idea why :|) causing a very likely syntax error.

Possible workarounds:

• load CKEditor source after script with such comment,
• do not use @ right after comment start (space is enough).

Can be reproduced on DEMO page with IE9. With IE10 not an issue.

1. Clear DEMO page (I used full featured GUI with full screen) and make a link.
2. Click away from the link, and then double-click on it.
3. The Hyperlink dialog displays. Click OK or Cancel.
4. Without changing focus, click the Image tool.

RESULT: Error dialog displays these details.
Error: Object doesn't support property or method 'getName'
The error comes from: plugins\image\dialogs\image.js line 302 (in ver. 4.1.1) from here
var childTagName = linkChildren.getItem( 0 ).getName();

Environment: Windows 7/8, Chrome 28, FF 23

1. Copy a URL from Chrome's address bar
2. Go to Firefox and paste that URL into a ckeditor text field
3. Immediately enter additional text (no spaces) after the URL

Result: The text you enter after the pasted URL becomes part of the text.

Real life use case: You enter in the text "Check out my website (​https://www.google.com/) Here, the right side closing parentheses becomes bolded like it is actually part of the URL.

Only happens on Windows, and only from Chrome/IE10 to Firefox.

Hi.

Using CKEditor v4.1.1 - the following JavaScript error occurs when highlighting a word in the editor and switching to source view, when config.enterMode = EnterMode.BR.

Error: Object doesn't support property or method 'getParent'

When I load a DIV in my editor, set with HTML content, the DIV will be remove. This happens in IE 8 & 9 also when allowedContent is true. In Firefox, Chrome and IE 10 the option work fine.

I can't set the extraAllowedContent because there are a lot of dirrent classes, and they change sometimes. It would be nice if this bug could be fixed for IE8 & 9.

SCAYT causes partial lines to be highlighted in FF not allowing the user to easily cut/copy the content they want when using the keyboard to highlight text(Shift + End, Shift + CTRL + Right Arrow)

Browser: FF 22.0

OS: Win 7

Reproducible location: Demo site and nightly build

I tested with IE9.0.8112.16421 and Chrome 28.0.1500.95 m as well and both seemed to work just fine.

Steps to reproduce:

1. Go to the demo site
2. Delete all sample content from the editor
3. Enable SCAYT
4. Type in a line with correct and incorrect words such as: "Hi there, how arre you?
5. Place the cursor at the start of the line and then hold Shift and press End.

Once you release the keys you will notice SOMETIMES the text will first highlight the whole line as expected and then within a second will highlight just the text up to the first spelling mistake which in this case is 'arre'.

If you look at the HTML generated you will see this for the above:

<p>Hi there, how <span data-scaytid="1" data-scayt_word="arre">arre</span> you?<br></p>

The text will highlight up to the beginning of the span tag caused by SCAYT.

NOTE: Seems to only fail going left to right on a line, if I go right to left it highlights fine.

This is probably an IE10 bug but can be recreated in CK only. STR:

1. Unpack the attached IE10Crash.zip on a machine with IE10 and IIS into the inetpub\wwwroot folder.
2. Open IE10 and navigate to ​http://localhost/ckeditor.

RESULT: The browser loads CKEditor 4.1.1 and then loads a web page with a numbered list that uses a style with custom bullet images. The editor loads the page and then IE crashes probably when it tries to render the style. There must be some subtle timing issue here as well because the next time when the files are loaded from the IE cache, it doesn't crash. It crashes again after you clear the IE cache.

I was able to reproduce this on IE8-10.

Problem has started occurring in version 4.1.2. When you press preview button (use replacebycode.html) you get instead of about:blank in URL bar, something like below:

javascript:void( (function(){document.open();(function(){for(var a;;)try{a=window.window.opener.document.domain;break}catch(b){a=a?a.replace(/.+?(?:\.|$)/,""):document.domain;if(!a)break;document.domain=a}return!!a})();document.write( window.opener._cke_htmlToLoad );document.close();window.opener._cke_htmlToLoad = null;})() )

Page is still displayed but this URL looks ugly. Additionally this causes preview plugin not working in git version because besides code there are also comments which seem to break URL - Ie can't read it and page isn't displayed.

Description

List items that do not have their LI tag closed render differently if the OL is inside a FONT tag in Internet Explorer

Steps to Reproduce

1. Launch the Nightly Editor Demo in IE (I tested against ​http://nightly.ckeditor.com/13-08-29-13-05/standard/samples/replacebyclass.html)
2. Call setData on the editor with the following HTML

   <font>
   	<ol>
   		<li>item1
   		<li>item2
   		<li>item3</li>
   	</ol>
   </font>
   

Expected Behavior

The editor displays the following list:

1. item1
2. item2
3. item3

Actual Behavior

The editor displays the following list:

1. item1
    ● item2  
        ■ item3

System

I was able to reproduce this on IE 7,8,9 and 10

Chrome and Firefox were unaffected

It seems that in IE10 (at least) you can write in hidden elements that have innerHTML !== ; If the said element is contenteditable:false it is worse because you cannot get out of it.

It may relate to this: ​https://dev.ckeditor.com/ticket/10641

Test case: ​http://jsbin.com/UNOWOba/5

PS: I discovered the problem because I use an element (<span contenteditable="false" style="display:none">&nbsp;</span>) just before a space holder that is removed on click and on IE the users could not write... It may suggest a cursor positionning problem. PSS: No problem in chrome.

In IE10 with Compatibility View, if move vertical scroll show javascript error Incompatible markup pointers for this operation.

1. Remove DOCTYPE declaration (<!DOCTYPE html>) from "User Interface Globalization" sample (samples/uilanguages.html).
2. Open sample in IE 10.
3. Change language to Arabic.

Result: toolbar has wrong styles (see attachment).

4.2.1 is first version with IE 10 QM support.

1. Remove DOCTYPE declaration (<!DOCTYPE html>) from "Replace Textareas by Class Name" sample (samples/replacebyclass.html).
2. Open sample in IE 10.
3. Switch to source mode.

Result: no code formatting (see attachment).

4.2.1 is first version with IE 10 QM support.

since: 4.0 until master
issue not found in 3.6.6.1 though

1. open any sample with CKEditor (i.e. samples/replacebyclass.html)
2. using "Templates" button from toolbar, insert template "Text and table" (replacing current content)
3. click "Table title" in order to edit it
4. press Home key
5. press Shift+End key

Expected result:
Table caption text should be selected.

Current result:
Caret does not move, no text is selected. Javascript exception is thrown.

js error:
SCRIPT16389: Unspecified error.
selection.js, line 800 character 5

additional info:
if caption has multiple lines, issue occurs only in last line.

since: 3.6.6.1 (didn't check earlier) until master

checked only on IE10, but this issue might be also present in other IE versions

1. open any sample with CKEditor (i.e. samples/replacebyclass.html)
2. use "Radio Button" button from toolbar
3. set Name to "foo"
4. check "Selected" option checkbox
5. confirm by clicking "OK"
6. check source

Expected result:
Following source code: <p><input name="foo" type="radio" checked="checked" /></p>

Current result:
Code without checked attribute: <p><input name="foo" type="radio" /></p>

additional info:

1. it seems that removing attribute works correctly, because if you put expected source code and you'll go to edit dialog - option is properly preselected, and attribute is being removed if you will uncheck "Selected" option checkbox and update it
2. some internal properties might be stored correctly, because proper image representation (in editor content) is picked (depending if you chose it to be selected or not)

Description: If I have a large picture in the editor and it is selected while the picture is about center aligned the scrollbars don't work properly or don't work at all.

STR:

• Open a clear DEMO page (I used with IE9)
• Insert a large picture into the editor (the horizontal and vertical scrollbars appear)
• Display the center of the picture (The scrollbars are about to the middle of its way)
• Select the picture
• Try to move the scrollbars

1. Open replacebycode sample and clear page with New Page command or with Ctrl+A Del
2. Go to styles dropdown and select Inline Quotation.
3. If page hasn't crashed yet then please press Enter key. Page will crash and UIE will reload it.

I was able to reproduce this problem in IE8 only from CKEditor 4.0

Hi, Am using latest version of Ck Editor. Currently am facing problem on IE8, Rest Chrome and Firefox are working fine. I am using j query dialogue to open pop up.

The ck Editor opens up fine and working great as expected. The only problem i get is when i click on buttons that have a drop down menu like color, styles, font etc. They open up for a second and close on their own.

Please don`t confuse it with the Z Index problem as i am able to see the menu for a split sec. Also other items like link, file upload are working fine. These have their own dialogue pop up

Sorry for the bad explainnation

Problem can be reproduced in Firefox and IE9-10. To reproduce:

1. Open the “Replace textarea elements by class name” sample page.
2. Put the cursor in the editor content.
3. Control-A to select all text and then DELETE.
4. Paste in some unformatted text 3 times (I typed "this pasted in" in notepad and copied it to the clipboard).
5. Enter carriage return.
6. Paste the text in 3 more times.
7. Click undo two times.

Problem can be reproduced in Firefox from CKEditro 4.0 beta with BR_mode only.

Problem can be best reproduced in IE when BR mode is used but this isn't necessary. In IE this is issue can be reproduced from CKE 4.0.

JS error is thrown: Message: IndexSizeError: Index or size is negative or greater than the allowed amount
Line: 1942
URI: ckeditor4/core/selection.js
Code: nativeRange.setStart( range.startContainer.$, range.startOffset );

To reproduce the defect:

1. Open any CK sample & insert a table with default values.

2. Insert a simple Numbered/Bulleted list(one list item) in one of table table cells

3. Keep cursor in a different row, open Context menu and select Row - > Delete Row.

Expected Result: Corresponding row gets deleted

Actual Result: Corresponding row is deleted but a Javascript error thrown and the error is "Unspecified error"

To reproduce:

• Insert a table in the editor in IE9/IE10
• Click on table in the elements path bar to select the table

Problem: There is no visual indication that the table is selected.

Note that if you use Ctrl+C and Ctrl+V the table is copied and pasted, so it is actually selected. However the user is not aware of this.

In IE8, browser handles are displayed when the table is selected.

This stopped working in IE9/IE10 with ​git:396c4f0 where w3c DOM APIs were enabled for IE>9 so I am not sure if this is an IE issue or not. Either way it would be good to be able to give the user some visual indication that the table is selected in these browsers.

In #10612 we disabled old hack because it uses old Selection&Range APIs. It needs to be brought back.

Broken TCs:

1. Load data: <p>&nbsp;</p><p>&nbsp;</p>. Paragraphs are not selectable, because they are invisible.

2. Click new page button - paragraph has 0 height (visible with show blocks on).

3. In some cases paragraphs created by enter key are not filled with <br>. For example when leaving list by double enter.

4. Data retrieved from focused editor contains both - nbsp filler and bogus br: <p><br />&nbsp;</p>.

Related: #10992.

1) Select a list (ul or ol) as whole. 2) Click Indent button

Result: Text inside list items is indented but not the list as a whole. The bullet points are aligned to the left, that means to the edge of the edit area.

Seems #7433 has started occuring again since 4.2.1

1. Load any of the sample page;
2. Put cursor at the end of block and press one shift enter;
3. Press shift enter again;
   • Expected Result: Cursor moved to the next line;
   • Actual Result: Cursor stays at the same line.

1. Open replacebyclass sample.
2. Place caret in table cell.
3. Press "option key" or click right mouse button to open context menu.
4. Using keyboard navigate to Cell -> Merge cells (which is disabled).
5. Press enter or click that option.

General problem - nothing should happen IMO when choosing disabled option.

Browser specific:

• IE: focus is completely lost - I'm unable to close the context menu or navigate in it.
• Chrome: focus is lost (at least I think so, because none option is focused), but everything still works.

To reproduce the defect:

1. Open any CK Editor sample

2. In Editor body, create a list with 2 list items

3. Press Enter & Tab to create first sub list

4. Press up arrow key to go to second list item in top level

5. Press Tab key

Expected Result: A new sub list created with 2nd list item as first item in newly created sub-list and focus stays at end of newly created sub list

Actual Result: A new sub list created with 2nd list item as first item in newly created sub-list but focus jumps to first list item in next level

1. Open IE10 or IE9
2. Go to inlinebycode.html sample
3. Go to templates.
4. Select 'Text and Table' template and insert in.
5. Right click on table cell and select Row -> Delete Rows

SCRIPT16389: Incorrect function.
 
inlinebycode.html, line 46 character 5

1. Open IE11.
2. Open replacebyclass.html example.
3. Press new page button.
4. Insert table.

Result:

• it is really hard to put content into cell,
• cursor in cells with no content is in wrong place,
• it is not possible to navigate between cells using arrows.

Suggested solution: put some whitespaces (&nbsp;) in table cells.

Hello guys,

This it seems really to be a bug, cause I have downloaded 2 version of CKEditor the slow maximzed version and the fast minified.

With the maximized version my config works and the dataProcessor is switched of, with the minfied version the dataProcessor is still manipulating my input-data

in attach the 2 versions and my config.js

Idk if its a bug in the minify-tool or if the minified version is so fast, that it loads the config to slow...

Firefox 24 or Chrome 30.0 on Win8:

In code editor:

<p><a href="&lt;?=$foo;?&gt;">Bar</a></p>

Toggle source to wysywyg and toggle back to code

<p><a href="&lt;?=$foo;?&gt;">Bar</a></p>

The result is the same.

IE10 (and other IE) Win8:

In code editor

<p><a href="&lt;?=$foo;?&gt;">Bar</a></p>

Switch to wysywyg and back to code

<p><a href="">Bar</a></p>

Result: href is empty

When I test this without a php start tag (loosing the ?) in IE10:

In code editor

<p><a href="&lt;=$foo;?&gt;">Bar</a></p>

Switch to wysywyg and back to code

<p><a href="&lt;=$foo;?&gt;">Bar</a></p>

The result is correct.

You can reproduce this on the CKEditor demo page.

In our environment it is the same but if I add the following to the config, it works:

config.protectedSource.push( /<\?[\s\S]*?\?>/g );
config.protectedSource.push( /&lt;\?[\s\S]*?\?&gt;/g );

But protectedSource is not something what we want to use.

Is this a bug? Thanks in advance

Editing works, but some toolbar functionality broken. It seems selected text get's deselected when clicking the toolbar and cursor ends up at the beginning of edited document.

Confirmed on ckeditor.com demos

Editing works, but trying to set text color from toolbar deselects selection and resets cursor to document start.

confirmed on ckeditor.com demos

1. Open MathJax sample.
2. Select some text containing widget (or just widget).
3. Create link.
4. Click widget - after a while page is redirected.

Reproduced on IE9, but most likely concerns also other IEs.

1. Open context menu. It disappears.
2. Open it again, it stays.

1. Open submenu in context menu for e.g. table. It disappears.
2. Open it again, it stays.

This is based on #11053.

Steps to reproduce:

1. Go to the demo site
2. Enable SCAYT (No spelling mistakes required)
3. Delete the content currently there, for whatever reason I can't reproduce with the default text
4. I type or paste in a few lines of text like so:

Hi there how are you

Hi there how are you

Hi there how are you

Hi there how are you

5. I then highlight part of the line beginning at the start of the line.
6. Paste some content
7. Press CTRL+Z or UNDO

Result: It doesn't work.

Problem can be reproduced from CKEditor 4.2.1 in all versions of IE

​http://ckeditor4.t/tt/10212/1.html

Fails on IE9 and IE8. Haven't checked IE10. Passes on IE11.

Caused by changes made in #10828.

1. Insert 3x3 table.
2. Fill in all cells with data.
3. Go to middle (2x2 cell) and select from context menu "Insert Row Before".
4. Fill in all new cells with data.
5. Select all 3 cells with mouse and then select from context menu "Merge Cells".
6. You will get one row.
7. Right click on this new row and select "Row -> Delete Rows"

Result: in IE8 only error 800a025e is thrown.

Messgae: Error 800a025e
Line: 1542
URI: core/selection.js

Problem can be reproduced in IE8 from CKE 4.2.2.

Follow up for #10906.

When clicking below body, selection should be placed right above the cursor. Now it's placed in the last position or at the beginning.

It looks horrible.

Edit:

1. From the whole list bellow only Method 0 is valid for this ticket.
2. Please see commnet:1 for more details
3. Please follow 1-6.png to reproduce this particular issue in IE9-IE10.

Browser: FF 24.0, Chrome 30.0.1599.101 m, IE9.0.8112.16421

OS: Win 7

Reproducible location: Demo site and nightly

Initial steps to reproduce for all browsers for all scenarios

1. Go to the demo site
2. Delete all sample content from the editor
3. Press the bullet point toolbar option to start a new bullet list
4. Type in a few lines of bullet points

Method 0 fails differently in IE. Method 0 assuming highlighting is done with the mouse

5. Highlight(Using the mouse to cover the entire content) and change various styles like font to Georgia, size 16, text colour yellow etc
6. Click at the end of the last item in the bullet list and hit enter to start a new bullet. Don't type anything on the new bullet, notice all font settings are correct and if you were to type it would be fine.

Additional initial steps assuming highlighting is done with CTRL+A

5. Highlight(CTRL+A) them all and change various styles like font to Georgia, size 16, text colour yellow etc
6. Click at the end of the last item in the bullet list and hit enter to start a new bullet. Don't type anything on the new bullet, notice all font settings are correct and if you were to type it would be fine.

Method 1 to reproduce for all mentioned browsers

7. Move away from the bullet point with mouse/keyboard
8. Go back to the empty bullet point and notice all settings are now gone, if you start typing it will all be default

Method 2a to reproduce for just FF but not Chrome nor IE

7. Press Backspace to delete the newly created empty bullet which will take you back up to the end of the last bullet and notice the settings are now gone again.

Method 2b to reproduce for just Chrome but not IE (FF fails in 2a)

7. Type another line and hit enter to go to a newly created empty bullet point
8. Press Backspace to delete the newly created empty bullet which will take you back up to the end of the last bullet and notice the settings are now gone again. (For some reason it takes Chrome an extra line to fail like FF did in 2a)

Method 3 to reproduce for just FF and Chrome but not IE

7. Press Enter one more time so the bullet list is closed off and you are now on a new line under the list(Side defect: FF continues creating empty bullet points every time I press enter. Existing issue possibly? Seems intermittent as I have found ways for it to close the list off as expected. I will need to search current tickets and log if not).
8. Press Backspace which will take you back into the end of the last bullet list item and notice the settings are now gone again. If you type or create a new bullet point the settings are lost again

Hi there,

I have a simple script that opens a modal window and loads HTML using AJAX. When the modal box is closed, I send a command to destroy the editor. This is so when a new modal box is opened again, the editor can be created fresh.

Here's the code.

<textarea name="editor"></textarea>

<script type="text/javascript">
CKEDITOR.replace('editor', {
	toolbar: 'Basic',
	customConfig : 'config.js',
	height : '500',
	width : '100%'
});
$(document).bind('afterClose.facebox', function() {
	if (CKEDITOR.instances['editor'])
		CKEDITOR.instances['editor'].destroy(true);
});
</script>

This works perfectly on Safari, FireFox and Chrome. But Internet Explorer is having issues when SCYAT is enabled by default in the config.js file.

config.scayt_autoStartup = true;

The editor loads ok but is unresponsive. I have to click the 'Bold' button just to get the cursor to become active within the window which is unreliable. I have tested in IE10 and IE11.

Here is a sample with scayt_autoStartup enabled. Try opening the modal box, typing text, closing it and then repeating the process.

​http://devsyndicate.com/ckeditor/index.php

Here is a sample with scayt_autoStartup disabled. Try the same process as above and you'll notice it works every time.

​http://devsyndicate.com/ckeditor/index2.php

Is this a bug or is there something I should be doing differently? I like having SCYAT enabled by default so that spelling mistakes are picked up as you type.

We disabled it due to serious issues in #11074. We can try to re enable it using a little bit different approach. Instead of overwriting dragged content, we can let IE drop the image drag handler and replace it with the dragged widget.

Related ticket: #11158.

1. Open attached sample.
2. Place caret in nested editable.
3. Click widget.

Toolbar disappears.

Follow up for #11082.

1. Open image2 sample.
2. Select widget.
3. Click copy/cut button and accept security alert.

There's a big chance that selection was lost and widget wasn't copied.

To reproduce:

• Remove margin: 20px; from the body styles in contents.css
• Open the autogrow sample in IE.
• Paste the table in the attached file into the source view of the editor.
• Switch back to wysiwyg mode and type content into one of the table cells.

Problem: There is a delay entering the typed characters into the editor.

This delay does not happen if you resize the table to be wider than the editor (i.e. introduce a horizontal scroll bar) or if you remove the empty paragraph from the end of the editor contents.

This is reproducible in IE8, IE9 and IE10

since: 4.3 until major

If you will scroll your content all the way down, blur editor, and click directly to widget (to focus it) - editor scrollbar will jump to topmost position. It happens regardless of widget type.

1. open image2 sample
2. scroll editor to its very bottom
3. blur editor (i.e. click on sample title)
4. click directly on any image widget

Expected result:
Clicked widget should simply be focused.

Current result:
Scrollbar is moved to top, in addition to that widget is not being focused, because caret goes to begining of the document.

since: 4.0 until major

This issue also appears in widgets content editables.

1. open any sample with CKEditor (i.e. samples/replacebyclass.html)
2. use following source:

   <p>dsadasd <a href="http://aasd">asdsd</a> dassd</p>
   

3. switch back to wysiwyg mode
4. ctrl+a (select all)
5. click once inside link text, to place caret as follows:

   dsadasd as^dsd dassd
   

Expected result:
Following elementspath: body p a

Current result:
Elementspath without a element: body p

Second case:
Steps 1-4 as in case above

5. click once text after link, to place caret as follows:

   dsadasd asdsd das^sd
   

... and now elementspath shows body p a but it should not.

additional info:

1. issue does not appear after first click
2. issue was not present in 3.6.6.1 (tested with ie10), but please, double check me here
3. present in IE9, IE10, IE11 - i didnt check ie8

1. Open inlineall sample.
2. Drag an anchor.
3. It disappears after drop.

Follow up for #11095.

1. Open image2 sample.
2. Select widget.
3. Click copy/cut button on toolbar or select copy from context menu and accept security alert.

JS error is thrown: SCRIPT5007: Can't call „isBlock” on empty object
URI: editable.js
Line: 1675

Reproducible in Ie9 and Ie10 from CKEditor 4.3 beta (also in latest major)

since: 4.3 until major

Dnd

1. open sample with placeholder plugin (​/plugins/placeholder/samples/placeholder.html)
2. drag placeholder using handler anywhere

Expected result:
Placeholder should be moved to new position.

Current result:
Exceptions is being thrown:

SCRIPT16389: Unspecified error. 
plugin.js, line 1692 character 4

and widget is not moved

additional info:

1. It occurs only in Windows 8 environment
2. we've confirmed it in 2 ie10 versions: 10.0.9200.16721 and 10.0.9200.16660

1. Open /samples/plugins/image2/image2.html
2. Edit existing widget.
3. Change "assets/image1.jpg" to "assets/image2.jpg". Alter a digit or paste the new src as a whole (sometimes it matters, don't know why).
4. See dimensions: 28x30. That should be 534x480.

I suppose there's some problem with timing as it works perfectly in Chrome or Firefox.

IE8 and IE11 to be checked.

It's hard to debug, but a simple fix should be enough:

With IE 11, load for example ​http://nightly.ckeditor.com/13-11-29-07-05/standard/samples/api.html

make sure to disable ACF for our tests, in the console: CKEDITOR.instances.editor1.filter.disabled=true

Then insert this "innocent" HTML <a style="display:inline-block">x</a> with the button available (using the console for this call seems to work fine, might be related to document focus)

IE11 throws an error in the scrollIntoView

to avoid it, it seems that it could be enough to check that type exists:

if ( this.type && this.type != CKEDITOR.SELECTION_NONE )

I just hope that you're able to reproduce it because I've spent most of this evening trying to find out what's wrong with IE11

1. Open replacebycode sample.
2. Click somewhere in the text.
3. Open find dialog and type "the", click "find" and close dialog.
4. Repeat 2&3 until error is thrown.

I couldn't reproduce it on Chrome and I haven't checked other browsers.

Edit:

Click somewhere in the text.

The main problem I had with reproducing this was that you have to click on "the" word like in the screen cast and not just anywhere in the text.

Checked on IE8 and IE9:

1. Open replacebycode sample.
2. Click in various places outside body, on the left side of the editor area.
3. See that selection in elements path does not reflect the place where caret is placed. Also, if you apply a style, it will be applied in different place (previous selection position).

This means that selectionChange wasn't correctly fired perhaps due to lack of native selectionchange.

Steps to reproduce:

• Fire up IE8 on Windows XP. I used the one available from ​http://modern.ie
• Open a page which loads Modernizr 2.5.x (we tested 2.5.3).
• Click in the text.
• Click the link button.

Message: Invalid argument.
Line: 448
Char: 302
Code: 0
URI: http://ckeditor.com/apps/ckeditor/4.3/ckeditor.js?mxj8dy

After upgrading Modernizr everything works fine.

Descriptive summary - The textarea is hidden, but CKEditor does not load in native IE7 (tested using a Virtual Machine), even on the demo page. It works in IE11's "IE7 mode".

Steps to reproduce Load a native instance of IE7, not compatibility mode and go to the demo page.

Browser and OS - IE7, Virtual Machine with XP mode

1. Copy ckeditor_test.html and blink.html to samples directory.
2. Click at the region below the paragraph, e.g. bottom right corner

Problem: Cursor is not visible.

Tested in IE9-11. The similar issue was fixed with #1659 and #7932

For certain block elements inside CKEditor, if an element is at the beginning of the content, it is impossible to delete it using the Backspace key.

Sample elements: <form>, <blockquote>, <div>

Note: deleting does work in one particular case: only if there is no content after the element, so make sure to add some text to the content as well.

Test Case 1

1. ​http://ckeditor.com/latest/samples/replacebyclass.html
2. Paste in source mode

<blockquote>
<p>&nbsp;</p>
</blockquote>

<p>Text</p>

3. Switch to wysiwyg, place cursor in the Blockqoute element, press Backspace
4. Result: Blockqoute is not deleted.

Note 2: Pressing enter deletes Blockqoute (?)

Test Case 2

Repeat steps 1-4 with:

<form action="a" name="n">&nbsp;</form>

<p>Text</p>

(Enter key works as expected)

Test Case 3

Repeat steps 1-4 with

<div class="class">
<p>&nbsp;</p>
</div>

<p>Text</p>

(Enter key works as expected)

It is technically possible to workaround this bug by using magic line to insert first an element above (or use the Source mode), but I don't think that's a real solution for this bug.

When ckeditor is inside div which is display: none and textarea is empty, then when you show div (change css to display: block) and checkDirty returns false.

Here is example:

​http://hosting.data365.eu/ckeditor_bug/index.html

My browser is firefox 26 and running on Ubuntu Linux 13.10.

• This is an IE11 bug: ​https://connect.microsoft.com/IE/feedback/details/864804/ie11-contenteditable-br-elements-appended-to-body-when-showing-hiding-iframe-with-editable-document-inside
• See comment:16 for more details, including possible workarounds.

Extra paragraphs added when switching between tabs.

In IE 11, when using two tabs (using jQuery UI), one with CKEditor and one with plain text, whenever user switches to a tab with CKEditor and back, an additional paragraph is added at the end of content.

Content after a couple of switches:

<p>Magical ponies await</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;
<p>&nbsp;
<p>&nbsp;</p>
</p>
</p>

Hard to describe and hard to search for so my apologies if it's already been logged but I think even if it's been logged I've found more details I will explain below.

If I highlight a section of text and apply some sort of text formatting(bold for example). Then place the cursor at the end of one of those newly bolded lines and click bold again to remove it so I can continue typing in non-bold it will remove bold from the entire line.

Browser: FF 25.0, IE9.0.8112.16421(config.enterMode = CKEDITOR.ENTER_BR only for IE)

OS: Win 7

Reproducible location: Demo site

I tested with Chrome 31.0.1650.63 m as well and it worked properly. Also ctrl+a vs using the mouse can have slightly different results which I will explain after the steps to reproduce.

Steps to reproduce:

1. Download the standard ckeditor from the website.(Only necessary if you want to test CKEDITOR.ENTER_BR. Otherwise just go to the demo)
2. Open replacebycode.html sample and clear the content
3. Type aaaa aaaa, hit enter. Type bbbb bbbb, hit enter. Type cccc cccc, hit enter.
4. Press Ctrl+A and click Bold
5. Place the cursor at the end of any of the three lines
6. Press Bold again

If Using IE or FF and using CKEDITOR.ENTER_BR you will notice that the entire highlighted content will lose the bold formatting. If using FF and CKEDITOR.ENTER_P (Default) you will notice that just the line you placed the cursor on will lose bold. I did NOT test CKEDITOR.ENTER_DIV.

The slight variation I mentioned between ctrl+a and using the mouse can be tested by repeating all the steps above but step 4 use the mouse to highlight everything instead and step 5 place the cursor at the end of the "cccc cccc" line. In FF bold is already de-selected from the toolbar, in IE it's still selected but when you click it formatting isn't lost. If you test lines 1 or 2 you will see the same results as if you tested with ctrl+a.

EDIT:

Reproducible in Firefox and IE11

To reproduce:

1. Type three lines of text
2. Ctrl+A, hit Bold Button
3. Click at the end of any line and Hti bold Button again

Results:
In Enter Div and P Whole line gets unbolded
In Enter BR whole text gets unbolded

Open any inline editor. Make a selection which starts and ends in the same text node. Paste something.

User Agent: Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.3; Trident/7.0; .NET4.0E; .NET4.0C)
Timestamp: Fri, 10 Jan 2014 01:17:53 UTC


Message: IndexSizeError
Line: 1950
Char: 8
Code: 0
URI: http://dragonus/cksource/ckeditor-dev/core/selection.js


Message: IndexSizeError
Line: 1950
Char: 8
Code: 0
URI: http://dragonus/cksource/ckeditor-dev/core/selection.js

First bad commit is ​git:ae72e45c, but in my opinion the bug is in bookmark creation for selection. After span is inserted range's end offset is not updated, so when text node is split by the first span, the end offset becomes incorrect.

However, the question is whether selection should be still used after bookmarks were made for it.

Anyway, the code that starts the problem is in clipboard: ​https://github.com/ckeditor/ckeditor-dev/blob/master/plugins/clipboard/plugin.js#L672 and the problem is that selection which is locked when focusing pastebin still contains outdated ranges.

The selection is then unlocked here ​https://github.com/ckeditor/ckeditor-dev/blob/master/plugins/clipboard/plugin.js#L795 so perhaps the easiest solution is to block selection restoring or even block selection locking even earlier.

Related tickets

• #10787 (its test was ignored because of this bug).

1. Open image2 sample.
2. Focus image.
3. Press ordered list button.
4. Press unordered list button.

Image's structure explodes.

<:figure class="caption cke_widget_element" data-widget="image" data-cke-widget-keep-attr="0" data-cke-widget-data='{"hasCaption":true,"src":"assets/image1.jpg","alt":"Saturn V","width":"200","height":"","lock":true,"align":"right"}'><SPAN class=cke_image_resizer_wrapper><IMG alt="Saturn V" src="assets/image1.jpg" width=200 data-cke-saved-src="assets/image1.jpg"><SPAN class="cke_image_resizer cke_image_resizer_left" title="Click and drag to resize" data-cke-expando="138">​</SPAN></SPAN><:figcaption class=cke_widget_editable contentEditable=true data-cke-expando="false" data-cke-display-name="caption" data-cke-filter="107" data-cke-widget-editable="caption" data-cke-enter-mode="2">Roll out of Saturn V on launch pad</:figcaption></:figure>

1. Open IE8 and go to replacebyclass.html.
2. Put cursor after Apollo 11 header.
3. Press "Replace" button.
4. Set Find what: Apollo and leave Replace with: empty.
5. Double click on Replace button so the second Apollo (beginning of the first paragraph) will be replaced by empty string.
6. Press "Cancel" button.

Result: You cannot close the dialog and error in the console: 'type' is null or not an object.

Since 4.0.

I've tested this with Chrome and IE 10 and everything is fine there.

1. open any sample with CKEditor (i.e. samples/replacebyclass.html)
2. use "Find" button from toolbar
3. (you'll have Find what input focused) start pressing space

Expected result:
Spaces should be placed at the beginning of input

Current result:
No spaces are placed (they may be placed at the end of the input though)