Custom Query

Ticket REF : 6557-USFL-1340 | Ticket ID : 6730

• Add "Strange Template" template to text area
• Select all in text area (CERTL+A) and add a background color to template content
• Put cursor at the end of content (More text goes here.^)
• Add a new template to text area and make sure "Replace actual contents" is unselected

Results:

• You have two templates with background colour IE6-8
• Or one with a background colour, one without (IE9) but once you click on Source then click Source again to go back to WYSIWYG mode the second template will get the background of the first. This only happens in IE9.
  

It seems that in IE9 block content is not being styled when it is pasted inside span.

1. Open inline sample.
2. Focus editor.
3. Click "paste from word".
4. Allow direct clipboard access.
5. Content was pasted, but toolbar disappeared.

Tested on IE8.

When fort is configured to be running in iframe mode, the following dt crashes IE7. /dt/plugins/maximize/maximize.html

To reproduce the defect:

1. Open any sample and insert a table with one row & one column

2. Keep cursor inside the cell and open Context Menu.

3. In Context menu select Cell & Insert Cell Before option

Expected Result: A new cell inserted before the current cell

Actual Result: Nothing happens no new cell inserted

Same issue happens with Insert Cell Aafter option

Reproducible in in all IE Verions

Tested using IE9 on Windows 7, with both CKEditor 3.6.4 and 4.0 beta. Was able to freely resize images, buttons and input fields, despite disableObjectResizing being set to true.

Example here: ​http://jsfiddle.net/zMwnc/

Tested in IE8 with no issues, the problem appears to be specific to IE9 and higher.

To reproduce the defect:

1. Open any CK Editor sample & insert a table that is wider than the editor so that vertical & horizontal scroll bars are displayed (e.g. 2000px with 30 rows & 10 columns) .

2. Enter content in table cells, keep cursor in one of table cells & move either vertical or horizontal scroll bar.

Issue: In IE8 & IE9 Focus goes out of editor body where as in IE7 OR IE8/IE9 Compat view cursor jumps out of table.

When pasting text from a Microsoft word document some text is scrambled in a rather interesting way. The attached file contains the word 'rubrik' on the second row. When pasting the whole contents of the file the word 'rubrik' appears as 'qtaqhk'. Rather funny as q preceeds r and t preceeds u but the last character 'k' is not converted.

IE10 cannot aplly toLowerCase() to undefined. CKEditor blocked.

Tested in IE9.

To reproduce:

1. Open E.g. replacebyclass sample
2. Right-click in editor body

Results:

• In version 3.x menu is not displayed and no error is shown
• In version 4.x menu is not displayed and error is thrown:

Message: Unable to get property 'body' of undefined or null reference
Line: 238
URI: /ckeditor/plugins/floatpanel/plugin.js

As reported on our support channel. Seems that below tiny change resolves this problem for version 4.x

if (CKEDITOR.env.ie && widthNode.document)

IE8 output an empty value attribute even if there's no value specified, checked the attached sample to reproduce.

It fails the following test: ​http://ckeditor.t/tt/6621/1.html

I have a custom link picking dialog. When we upgraded from 3.6.2 to 3.6.3 (or newer), problems arose with IE: in some cases the selection that was supposed to become a link was lost. I tried to create a minimal test case, see below.

How to reproduce:

• open IE9 or IE10.

• go to ​http://venko.net/naapuri/tyo/ckeditor/3.6.3.html

• doubleclick on the word "bar" to select it

• click on the kitten

What I expected to happen:

The selection is preserved. (Well. That is actually not the standard behavior with input controls, but seems to mostly happen with CKeditor, maybe due to it using an iframe?)

What actually happened:

The selection is lost and the cursor is moved to the beginning of the document.

Other notes

The problem is somehow linked to the table. The behavior seems to have changed between 3.6.2 and 3.6.3. Try here: ​http://venko.net/naapuri/tyo/ckeditor/3.6.2.html - this page doesn't have this problem. Other versions are available in ​http://venko.net/naapuri/tyo/ckeditor/.

I didn't try to find workarounds for this yet. Binding onmousedown might help.

• Problem occurs in IE8 and IE9

1. Go to ​http://ckeditor.t/ckeditor/_samples/replacebycode.html
2. Enable SCAYT.
3. Copy the entire sample description "This sample shows... element to be replaced."
4. Paste when the caret is somewhere inside of: <strong>sample^ text</strong> or <a href="http://ckeditor.com/">CKEd^itor</a>
5. Error: invalid argument

NOTES:

• SCAYT must be enabled.
• No error is produced when pasting directly into paragraph's first-child text node.
• The error also depends on what has been copied - Two lines of text are needed E.g. two paragraphs.
• There's no such problem in v4.

Dear Sir or Madam,

Sorry for disturbing you.

We found a bug, the whole source code is as below:

<html>
<head>
	<script type="text/javascript" src="../ckeditor.js"></script>
</head>
<body>
	<textarea  id="a" ></textarea>
	<script type="text/javascript">
             var b = CKEDITOR.replace("a");
             b.setData('<span class="c"/><div>d<div>')
	</script>	
</body>
</html>

The problem is:
In IE8, the code will change from

<span class="c"/><div>d<div>

to

<div>
	<span class="c">d</span>
	<div>
		&nbsp;</div>
</div>

In conclusion: we don't want the char 'd' in the <span> tag.

We appreciate it if you could solve this. Many thanks in advance. :)
Have a good day!

Best Regards,
Yinfeng

To reproduce:

1. Paste in the below source

   <table border="1" cellpadding="1" cellspacing="1" style="width: 500px; ">
   	<tbody>
   		<tr>
   			<td>
   				abc</td>
   			<td>
   				&nbsp;</td>
   		</tr>
   		<tr>
   			<td>
   				def</td>
   			<td>
   				&nbsp;</td>
   		</tr>
   	</tbody>
   </table>
   

2. Switch to WYSIWYG
3. Click inside editor and press CRTL+A
4. Choose formating Normal(Div) from dropdown

Result: In all versions of IE from CKEditor 3.0, empty column will be removed.

To reproduce:

1. Put attached file in samples folder
2. Open page and click on a 'button' to createjQuery dialog
3. Use one of buttons to close it (OK, Cancel or close)
4. Open dialog once more using 'button'

Result:

• There is no focus in editor
• console shows: Uncaught Error: Tried to register widget with id==scayt_0 but that id is already registered, ​http://svc.webspellchecker.net/scayt26/_base.xd.js, line: 884 (Taken from Chrome)

*Scayt no longer works.

Issue can be reproduced in all browsers from CKEditor 3.1

NOTE: Please also have a look at jquerydialog.html sample where this issue works.
I don't think that method of implementation is to blame (I may be wrong) as I have tried many configurations but it seems that attaching event with bind instead of dialog methods could be used as workaround here.

In IE 8 NOT in compatibility mode. Paste this content into empty editor in source mode:

<div style="text-align: center"><br />
<br />
<strong>Our Mission</strong><br />
<br />
Our Mission Our Mission Our Mission Our Mission Our Mission Our Mission ,<br />
Our Mission Our Mission Our Mission Our Mission Our Mission ,<br />
Our Mission Our Mission Our Mission Our Mission Our Mission Our Mission Our Mission Our Mission .<br />
<br />
&nbsp;</div>

Switch to wysiwyg mode.

For best reproducing, click in the editor window outside of the div at the bottom. (Cursor may appear inside the div).

Attempt to insert an image or link.

You'll get the following error.

Webpage error details

User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; GTB7.4; .NET CLR 2.0.50727; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729) Timestamp: Mon, 15 Oct 2012 18:16:13 UTC

Message: 'undefined' is null or not an object Line: 673 Char: 403 Code: 0 URI: ​http://nightly-v4.ckeditor.com/3563/ckeditor.js

If you are in compatibility mode, you will get:

Webpage error details

User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; GTB7.4; .NET CLR 2.0.50727; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729) Timestamp: Mon, 15 Oct 2012 18:17:41 UTC

Message: Invalid argument. Line: 295 Char: 475 Code: 0 URI: ​http://nightly-v4.ckeditor.com/3563/ckeditor.js

In IE 9, NOT in compatibility mode, paste the following into ​http://nightly-v4.ckeditor.com/3563/samples/replacebycode.html in source mode.

<p>Beamsville<br />
6102 Beamsville-Union City Road<br />
Greenville, Ohio 34331<br />
937-547-0009<br />
Steve Short</p>

Switch back to wysiwyg mode.

Select the first 3 lines of text.

Attempt to bold or underline or apply a font to that text. The text will be deselected and the formatting will not be applied. I did not see a js error.

Duplicated in the demo.

This does not happen in IE9 running in IE8 mode. It requires to be running in IE8.

If you have text selected and add an image to a URL it will hard crash IE.

If you do not have text selected it will add the image without fail.

To reproduce:

1. Go to enterkey.html sample
2. Set enter mode to DIV or BR using dropdown list
3. Click New Page button to remove contents
4. Click Table button and press OK in table dialog.

Result JS errors pop out:
IE9
Message: CRIPT5007: can't get property type. It is null or undefined.
Line: 1469
URI: ckeditor4/code/dom/range.js

Message: SCRIPT5007: can't get property childNodes. It is null or undefined.
Line: 94
URI: ckeditor4/code/dom/text.js

IE8 and IE7
Message: Invalid argument
Line: 444
URI: ckeditor4/core/dom/node.js

Since IE10 with Windows8 will be released in several days (Oct 26, 2012) I tested CKEditor with it.

It seems that the menu buttons like SCAYT, Font Color and Font Background Color do not open in IE10. This can be confirmed on <​http://ckeditor.com/demo>. I also checked the nightlyies, no difference.

I think the problem lies in floatpanel/plugin.js in line 217, where widthNode.document is undefined.

If I add a env.ie10Compat (in env.js) and check for that in the line mentioned above, everything works fine.

I attached a patch file with a potential fix.

1. Load enterkey sample page, switch to enter mode BR;
2. Put cursor collapsed at any position;
3. Open Link dialog and fill in an URL, click OK.

• Actual: Text of the URL is inserted but not the link;

It seems that under some very specific circumstances IE9 and IE10 expand the selection by a character or two.

How to reproduce:

• go to ​http://venko.net/naapuri/tyo/ck-selection/ (use IE9 or IE10)
• double click the long word in the editor
• press Ctrl+L (or click the link button on the toolbar)
• press ESC (or create a link)

Expected result:

• the long word (and the trailing space) is still selected, and nothing else

Actual result:

• the selection is expanded by two characters, so now "doubleclickthis fo" is selected.

This bug can also be reproduced on the CKEditor demo page, by pasting the same code to the editor source view:

<table><tr><td><p><b>foo<br/><a
href="#">baz</a>
</b>qux</p><p><br/> fred<br/>
doubleclickthis foo <a href="#">fred</a>
foo<br/> bar<br/> baz<br/> qux<br/>
foo<br/> bar<br/><b>baz</b><br/>
&nbsp;</p></td></tr></table><p>
&nbsp;</p>

Apologies for the long test case. It seemed that if I change anything, the bug doesn't show up. Gotta love IE. <3

Note that this bug also appears if you right-click on the text and then push ESC, so it's not only connected to the hyperlink dialog.

Open replacebycode sample, clear editor contents with New Page button and insert table

1
Notice that cursor blinks above table cell. The same thing happens when tab between cells. See cursor.png

2
Once you have inserted table and cursor blinks a little bit above the cell start tabbing. Rows will collapse one by one. Please see "collapse Row.swf"

3
Letters show sometime after you type.

1. Insert table.
2. Click in cell 2.1, type 'ss', tab to cell 2.2 and type 'ss'
3. Tab to cell 3.1, type 'ssss', tab to cell 3.2 and type 'ssss'

Result should be seen in cells 3.1 and 3.2. Please see "lateType.swf"

We use config.enterMode = CKEDITOR.ENTER_BR in our config.js. Removing that line fixes the following problem. However, we wish for the enter_br behavior on enter.

So, with that line in config.js:

1. In IE 8 (maybe 9 too, not in compat mode), add the following table:

<table border="1" cellpadding="1" cellspacing="1" style="width: 500px">
	<tbody>
		<tr>
			<td>1</td>
			<td>&nbsp;</td>
		</tr>
		<tr>
			<td>2</td>
			<td>&nbsp;</td>
		</tr>
		<tr>
			<td>&nbsp;</td>
			<td>&nbsp;</td>
		</tr>
	</tbody>
</table>

2. Put your cursor in cell 1 of row 1.
3. Right click and insert a row after.
4. Put cursor in the new empty row, right click, and attempt to delete the row.

If you do not get an error bringing up the context menu, you should get one when clicking to delete the row.

Again, if we remove the config.enterMode = CKEDITOR.ENTER_BR line from config.js, the behavior is corrected, but we need that mode.

Thanks.

1. Load the replacebyclass in IE;
2. Check the toolbar status without focusing the document;

• Actual: the toolbar is not properly given the initial states as in other browsers.
• Expected: the toolbar should reflects the selection as if it's anchored at the start of document, this works for Firefox and Webkit.

1. Load replacebyclass sample;
2. Put cursor in the heading line;
3. Open Format combo and select the H2 format

• Actual: H2 format is not immediately reflected after combo is closed.

1. Open inlineall sample;
2. Start a text selection within any editable region;
3. Open an anchor dialog and apply the style;

• Actual: Editor loses focus, toolbar hides

1. Load replacebyclass sample in RTL language.
2. Open Image dialog, move mouse over the fields;

• Actual: Check below screenshot.

1. Load any sample page with enter mode as BR;
2. Clear all content, type some chars
3. Enter key pressed twice

• Actual: Cursor moves to the second line;
• Expected: Cursor moves to the third line;

1. Load bbcode sample page;
2. Apply to selected text any Font Size style;
3. Check editor output;

• Actual: The applied style is not presented in output.

1. Load bbcode sample page in IE8;
2. Click among text and press enter key;
3. Switches to Source and back;

• Actual: The single line break get duplicated.

Disabled button icon doesn't look right, as shown in the below screenshot:

1. Open any dialog the first time, on IE7.
2. Note that there's a while of black-out until the dialog shows up.

1. Load the replacebyclass sample
2. Room in the page by one level

• Actual: Text on the toolbar becomes white colored.

1. Open clipboard sample.
2. Click paste/paste as text/paste from word button.
3. Allow clipboard access.
4. Content was pasted, but it wasn't caught by pastebin. This may be verified on clipboard sample.
5. Next paste button click will be handled correctly, because it doesn't open security alert.

steps for recreation:

1. type in some text (E.g. 3 paragraphs with few letters)
2. select all format as some header (E.g Heading 1)
3. select all and format as list
4. place the cursor in the middle of the first list item
5. press enter twice

(you already have a weird gap between lines 2 and 3)

6. press up arrow twice (cursor is in the gap but when you start typing it jumps to point 2 and types text has no formatting )
7. write something
8. go 1 down and write something (cursor is in the gap and when you start typing text has header formatting )

-> you got

<ol>
	<li>
	<h1>as</h1>
	</li>
	<li>sdf
	<h1>sdf</h1>
	</li>
	<li>
	<h1>df</h1>
	</li>
</ol>

there is some text that is inside the li but outside the h1.

(i saw a similar ticket but for ck3 #4927)

Start from ​d8c53c master tests on IE9 has shown regressions when tests are running in iframe mode, but it works fine once running in a separate window.

To reproduce the defect:

1. Open Massive inline editing sample & navigate to 7th div using tab

2. Select the image (you may click on it) and invoke context menu using Application key (SHIFT+F10).

Expected Result: Context menu opens and shows properly.

Actual Result:
IE7 and IE8 – Context menu shows below the cursor. It is cursor position dependant
IE9 - Context menu shows up always in upper left corner
IE10 - Context menu shows about 30px below the cursor. It is cursor position dependant

Context menu displays properly when we use mouse to invoke Context menu.

To reproduce in IE7 or IE8:

1. Use TC described in #9501 or

1. Open replacebycode sample and clear editor contents
2. Type foo bar
3. Select bar from left to right
4. Click cut icon
5. Allow clipboard access if browser asks you
6. bar gets cut but notice that cut icon is still enabled (unlike in v3)
7. Press cut again
8. Editor displays message that browser doesn't have permissions to cut and CRTL+X should be used (which is not true).
   

Of course if you select some text and press cut icon it will work as expected.

CKeditor 3.6.5 is not working in IE10 (Windows 7 and Windows 8) if there are no or wrong doctype declarations.

Internet Explorer 10 returns to Quirks mode if there are errors in the declaration of html doctype. In the IE10 Quirks mode CKEditor is not working.

<html>
<head>
<script type="text/javascript" src="ckeditor/ckeditor.js"></script>
<title>CKEditor</title>
</head>
<body>
	<textarea id="story" name="story" class=""></textarea>
</body>
	<script type="text/javascript" type="javascript">
	//<![CDATA[
		CKEDITOR.replace ('story');
	//]]>
	</script>
</html>

1. Open attached sample in IE10 (You need to copy it to samples folder)
2. Switch to source and back

Results:

• Notice that buttons still have greyed out style (like in source mode)
• When you click on toolbar button -dialog shows up but JS error is also thrown.
  

Message: Unable to get property '0' of undefined
Line: 1108
URI: /ckeditor4/plugins/dialog/plugin.js

1. Open attached sample in IE-9 (You need to copy it to samples folder)

Results: See attached pic

Reproducible from CKEditor 3.6.4 rev. [7538]. Can also be reproduced in CKEditor 4.x.

1. Open replacebycode sample and clear editor contents
2. Create 3 level list
3. Click at the end of second list item and insert table
4. There will be space below table and last list item
5. Put cursor in this extra space and press delete
6. Last list item will be joined with second one. Now cursor should be at the beginning of text that previously belonged to last list item.
7. Click list button again

Result: table and taxt that previously belonged to last list item disappears and JS error pops out:
Message: Cannot call method 'getParent' of null
Line: 1608
URI: ckeditor/_source/core/dom/range.js

#9535 ticket is for v4, this enter key bug also affects v3, even worse it breaks both enter and shift-enter.

The following error is encountered from the elementpath.js, when trying to open context menu on a link.

To reproduce the defect

1. Open any sample & insert a link.

2. Keep cursor inside the link & insert an image or Smiley.

Issue: See that the image/smiley overriding the link.

The problem occurs in IE9. I am able to replicate it on 3 out of 5 computers. 2 of the problem computers are Win7-64Bit. One problem computer is Win2008R2-64Bit.

Basically, clicking the toolbar dropdowns ('Styles', 'Format', 'Font', 'FontSize') will work the first time you click them. Clicking them a second time, will cause IE to crash.

I can't replicate this on the cdeditor site, however, I can replicate it everywhere else (multiple servers).

You may test it here: ​http://www.maimedia.com/ckeditortest/test.html

Please see comment:7 and comment:9 for more details.

image selector overlap the editor screen in IE8.

FF it works correctly.

If a page contains a div element with id="content", the CkEditor picks up the contents of the element and puts it into the editor area.It works in IE7 only.

Steps to reproduce (1)

Open Special Character and try inserting any character.

Result:

SCRIPT438: Object doesn't support property or method 'createRange' 
wysiwygarea/plugin.js, line 125 character 4

Steps to reproduce (2)

1. Open _samples/api.html
2. Click "Insert HTML" button

Result as above.

Steps to reproduce (3)

<p>
	Sample <img src="http://b.cksource.com/a/1/img/sample.jpg" /> image</p>

1. Select an image
2. Press Ctrl + X (cut), then Ctrl + V (paste)

Result as above.

Happens in all enter modes.

1. Open replacebyclass sample
2. Start pressing enter

Result: when reaching the bottom of the editing area, the wysiwygarea is not scrolled automatically to the cursor position. Only after pressing any other key, the editor scrolls correctly to the cursor.

Started happening in revision [7662]

See the attached screenshot (Hebrew language was selected)

1. Open _samples/ui_languages.html
2. Select Hebrew language

The monitor must be wide enough to see the issue.

Reproduced in 3.6.6(SVN), happens at least since 3.5 (previous versions did not load at all). I was unable to confirm it in 4.0.

The "OK" button looks a bit bad in RTL environment.

Happens at least since 3.5, did not try earlier versions.

1. Open autogrow sample.
2. Add paragraphs so editor is higher than viewport.
3. Maximize editor.
4. There's no scrollbar.

1. Visit ​http://ckeditor4.t/ckeditor/samples/plugins/enterkey/enterkey.html
2. Set enterMode to BR
3. Play with Ctrl+Alt+[ or ]
4. See Object doesn't support property or method 'setAttributes'

This is because the focus space is not an element anymore (BR mode), so it cannot have data-cke-magicline-hot attribute set.

Tested in IE9. Possibly also in other browsers.

1. Open UIColor plugin sample /plugins/uicolor/samples/uicolor.html
2. There's no UIColor button.
3. Removing inline editor (which isn't supported in QM) doesn't help.

1. Switch text direction to RTL using RTL button.

In IE7-10 latest master (Problem does not occur in CKE 4.0):

1. Go to replacebycode sample
2. Switch to source and insert

   <hr />
   <hr />
   

3. Insert New line, with the help of magic line, under the HR
4. Press Ctrl+Z

Result: JS error pops out
Message: Access Denied
Line: 190
URI: ckeditor4/core/dom/document.js

To Reproduce:

• Clear the browser cache.
• Download a CKEditor build to your local file system - I have reproduced with the Full Packages of the 13-01-07 and 13-01-08 nightly builds.
• Open a CKEditor sample from this downloaded build in IE7 or IE8. The page loads correctly.
• Refresh the page.

Problem: The IE loading icon continues to display and the status bar states that the skin icons.png file is still being downloaded - see attached screen capture.

This only seems to be an issue in 4.x - it does not happen with 3.x builds.

How to reproduce:

1. Open enter key sample and switch to BR mode.
2. Use the developer console to set the editor data

   CKEDITOR.instances.editor1.setData('<iframe></iframe>');
   

3. Set the cursor after the iframe and press enter to make a newline
4. Press backspace to delete an iframe

JS error is thrown:
Message: Can't get property "remove": object is empty or undefined
Line: 171
URI: /ckeditor/plugins/wysiwygarea/plugin.js

NOTE: IE8 has its own problems defined here #8446. Problem can be reproduced from CKEditor 4.0. In CKEditor 4 beta inserting iframe caused another error - insufficient privileges.

To reproduce:

1. Open enter key sample and set enter mode BR.
2. Press New Page Toolbar button

Result: JS error is thrown
Message: Unspecified error
Line: 1012
URI: ckeditor/core/selection.js

Problem can be reproduced in IE10 from CKEditor 4.0

Hi,

There appears to be a bug affecting IE8 in CKEditor where copying and pasting (via CTRL+C, CTRL+V) changes the HTML and wraps the hyperlink text in font tags. I have been able to reproduce it 100% on ​http://ckeditor.com/demo. I was able to reproduce with IE8 versions in both WinXP 32-bit and Win7 32-bit.

Before copy HTML:

<a href="​http://en.wikipedia.org/wiki/Neil_Armstrong" title="Neil Armstrong">Neil Armstrong</a>

After paste HTML:

<a href="​http://en.wikipedia.org/wiki/Neil_Armstrong" title="Neil Armstrong"><font color="#0000ff">Neil Armstrong</font></a>

It seems to affect IE8 only. I've tried to reproduce in IE9, Firefox and Chrome and there was no issue with those browsers.

Summary:

When viewing CKEditor 4 in a Twitter Bootstrap modal using IE, the floating panel does not remain open, but immediately closes.

Steps:

1. In IE (confirmed in IE8, IE9), open the sample attached file and click "Launch Modal."
2. Select the Normal or Styles dropdown.

Expected Result:

The floating panel should open, allowing selection of menu items.

Actual Result:

The floating panel immediately opens and closes.

Any chance of FCKeditor's FileManager receiving a patch for IE10 compatibility? It's still a great free file uploader.

I receive an error which prevents files and folders from being listed:

SCRIPT438: Object doesn't support property or method 'selectSingleNode' 
fckxml.js, line 136 character 3

Thanks

In my code,

I set a listener for beforeunload event to prevent user close browser once they do the modification on the form.

ex:

//jQuery 1.9.0
$(window).bind('beforeunload', function(e){
   // do some check ....
   return 'beforeunload';
});	

But IE9 fires beforeunload event while user press ok button in popup-dialog (link, image ...etc), so, it causes the error flow in my code.

Is anyway to avoid it?

Edit:
Native way to reproduce:

window.onbeforeunload = function(){
	return 'beforeunload';
};	

Below causes onbeforeunload only in IE9 and IE10 (mentioned in #10484):

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

Tested ok on Chrome. This issue happens on IE8,9,10. Steps to reproduce:

• type something
• select a text
• right click to open context menu
• click on toolbar icon to insert a link or an anchor
• type url/name... -> OK button not work. Cancel & close button work well.

Paste buttons are disabled after deselecting text by clicking inside selection.

Reproducible in: IE9, IE8, IE7 with CKEditor 4.0.1 and 3.6.4

Reproduce steps:

1. Write some text and select it.
2. Deselect the text by clicking (one time) inside the selection.

Summary: When copying from a Microsoft word document using IE font tags are copied over despite config.pasteFromWordRemoveFontStyles set as true in the config.js.

Steps to reproduce: When you copy part or all of the line of text (but not the paragraph mark at the end) into the editor, the original formatting is retained. However, if you include the paragraph mark at the end of the line, the font tags are correctly stripped. The font is Arial 20 bold, but if changed it to, say, Algerian 20 bold, the font is also correctly stripped on import.

This only happens in IE. I cannot reproduce in Chrome or Firefox.

Browser name and OS: IE9 & Windows 7

Edit:
Please see comment:6 for way to reproduce.

I updated from CKEditor 3 to 4, updated the custom config, plugins etc, and everything seems to work ok, except that sometimes when the editor instance loads I get this error "Unspecified Error ckeditor.js, line 63 character 296". The section of ckeditor.js on line 63 that is highlighted by IE8 debugger is:

return new CKEDITOR.dom.element(this.$.activeElement)

This is sporadic, doesn't happen every time, and never used to happen with CKEditor3. I can load a page and editor content loads correctly, save the content, reload the page, and then I get the error, even though the content to include in the textarea has not changed (it's stored in an SQL table).

As far as I am aware this is only happening in IE8 (I am running XP Pro with SP3). I can't replicate on FF or Chrome.

Attached is:

(a) The code on the page that activates the editor

(b) The editor content that is being loaded

(c) The custom config.

Hi, When selecting a image and pressing "backspace" causes browser to go back instead of removing the image.

Steps to Reproduce

1. Open IE9 browser.
2. Go to "​http://ckeditor.com/demo".
3. Select the image on in the editor by clicking on it.
4. Press "backspace".

Expected Result

The image need to be removed.

Actual Result

browser to go back.

I want to clean up the editor when it's focused and it's throwing an error in Internet Explorer 8 using CKEditor 4.0.1.

The code that produces the error is:

CKEDITOR.on('instanceReady', function (e) {

e.editor.on('focus', function (e) {

e.editor.setData();

});

});

CKEDITOR.replace('editor1');

Note: The error is not preventing the editor from being cleaned, but it's ugly to have an error in the status bar.

I can't edit input fields in filemanager, link or any other dialog, when I open Ckeditor in jQuery UI Dialog.

It's the same problem like in this ticket (​https://dev.ckeditor.com/ticket/5779). psyafter wrote a comment, but there is no progress yet. So I created this ticket.

jQuery 1.8.3 jQuery UI 1.10.0 Ckeditor 4.0.1 with filemanager (​https://github.com/simogeo/Filemanager)

CKEditor doesn't receive the focus with a mouse click in a quite specific case. The editor area seems to only be refocusable by clicking on a toolbar button.

• the editor has been loaded in an iframe
• there is an overlay behind the iframe
• the iframe has any jQuery .on('load') binding
• the iframe has already been created and destroyed
• on IE8-10.

See the test case here:

• ​http://venko.net/naapuri/tyo/ckeditor/focus/ (3.6.6)
• ​http://venko.net/naapuri/tyo/ckeditor/focus-svn (svn trunk, no difference)

Download the test case here: ​http://venko.net/naapuri/tyo/ckeditor/focus.zip

In IE9 if you call inline and destroy multiple times on the same div then you hit the enter key in the editor you get as many paragraph tags as you inline/destroyed the editor.

Doesn't appear to happen in IE7, IE8 or Firefox (sorry, can't test webkit browsers where I am).

Attached is file with simple script to recreate.

To reproduce:

Press New Table Toolbar button

Result: Unable to get property '0' of undefined or null reference

Line: 463 URI: ckeditor/ckeditor.js

Problem can be reproduced in IE10 (Browser mode IE 10) from CKEditor 4.0.1

The execution of the code

   editor.insertElement(htmlElement);

gives errors in Internet Explorer Version 8. The code works perfect in Mozilla, but it gives the following error on IE8: " The object doesn´t accept this property or attribute."

This happens on line 269 char 69 of the min version of the javascript file ckeditor.js downloaded 12/02/2013 from the website.

I´ve been searching already for a while. and found that it has something to do with the following function: m=b.getName().

regards Stephan

1. Open ​http://ckeditor4.t/ckeditor/samples/replacebycode.html.
2. Put selection in paragraph
3. Change paragraph direction to RTL.

Something similar to #9893.

1. Open any sample.
2. New Page.
3. Insert table, caret in cell.
4. Click TD in elements path.
5. undefined is null or not an object

When i upgrade CKeditor from 3.6.2 to 4.0.1 I'm getting access denied error in IE. When try to investigate i found that the issue due to the document.domain set in the parent page which is invoking ckeditor.

In Previous versions Ckeditor picks up the document.domain from the parent which is invoking it and sets it to the iframe which ckeditor generates but the 4.0.1 is not doing this.

This is impacting our upgrade and it is very critical for us. Please provide the fix as quick as possible.

Thanks, Ramesh

In IE7 toolbar items that create a 'dropdown' menu to select from (such as font, size and text color) do not appear to work. When the icon is clicked nothing happens. This behaviour can be reproduced in versions:

• 4.0.1
• 4.0.2
• 4.1rc
• Nightly at 2013-03-11

In the 4.0 release however the 'dropdown' toolbar items do work.

I've tried to reduce this to a simple test case which is attached.This expects the ckeditor files to be present in the 'scripts/ckeditor' subdirectory

Reproducible in IE9 in ​http://ckeditor.com/demo and nightly 13-03-13-08-51

1. Do any undoable change, like add HR
2. Go to source mode and switch back
3. Go to source mode and switch back again
4. Click undo icon or press Ctrl-Z

The error comes in IE developer tools console. For me the error was

SCRIPT70: Ei käyttöoikeutta 
ckeditor.js?mjldea, rivi 58 merkki 486

IE9, Win 7 64bit. Not reproducible in Chrome or Firefox.

1) select text 2) bold it 3) type anything 4) issue -> add p tag

1. Open replacebyclass sample.
2. Focus editor and place cursor at the beginning of first header.
3. Press delete few times.
4. If you've been lucky IE logged from one to tens of JS errors.

I can reproduce this issue on IE8, but I haven't checked other IEs. Sometimes I have to repeat this TC few times.

Error:

  Invalid argument.  node.js, line 295 character 3

Sometimes different one is logged:

  Invalid argument.  selection.js, line 928 character 10

I've been able to reproduce this issue from 4.0, but I think that it is older, because I stopped being able to reproduce it when we changed our sample content layout (image was moved from left to right).

When the autogrow plugin is enabled we're noticing an issue in IE8/9.

Steps to reproduce:

1. Ensure autogrow plugin is enabled.
2. Place cursor in editor and hit enter to make the editor grow

Once the cursor reaches the end of the available editor, every time the enter key is pressed the cursor moves to the next line, then immediately jumps back to its position in the prior line.

I know this isn't a ton to go on, and we also found it difficult to reproduce under certain circumstances. We did notice that this was an issue when IE went into compatibility mode, such as with an intranet site.

I have a strange situation that only occurs for IE9 and not for Chrome, which are the two browser available to me. It also works fine for both browsers when using version 3.6.6, so it is due to some recent development.

I have verified the downloaded zip to work, but I need to upload it into a repository and use the URL replace method. My pages start like this:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script type='text/javascript'>
function CKEDITOR_GETURL ( resource ) {
	var res = resource.replace( '?', '?open&' ) ;
	if ( res.indexOf( '://' ) === -1 && res.indexOf( '/' ) !== 0 ) { return this.basePath + res } else { return res }
}
</script>
<script type='text/javascript' src='/common/svg03547.nsf/ckeditor402/ckeditor.js'></script>

I am unable to trace what happens when populating the context menu, but the result for IE9 is like in the attached file. Here I have written "test", selected it and right-clicked. More complex menus, like for table, gets skewed to the right with one extra indent per line, and the grey selection background is narrower than the text.

Since I can use Chrome without a problem it must be related to some browser peculiarity and maybe som missing URL replace method somewhere. Does this seem like a fair assessment? I cannot check this without deepdiving in your code.

The undo function breaks after three or more consecutive paste actions when pasting as the last characters in a paragraph. Reproducible in [ckeditor.com/demo the demo] and in ​nightly.

Steps:

1. Go to ckeditor.com/demo
2. Click to focus to the editor
3. Ctrl+A and Del to clear editor
4. Copy some simple text, for example the URL of the page
5. Paste the text three times in a row
6. Ctrl+Z or click the undo icon --> Error

Error in Console (nightly): DOM Exception: INDEX_SIZE_ERR (1) ckeditor.js, rivi 339 merkki 374

If you type something after the pastes, undo works fine until it hits the pasted text, then the error is thrown.

BUT! If there is something after the caret when pasting it doesn't fail. For example after step 3, if you type in "foo" and move the caret to "|foo" or "fo|o" and then paste three times, undo keeps working fine and no errors.

Description

Deleting rows other than the first one lead to an Unspecified Error and cause the UI to be unresponsive for a few seconds.

Steps to Reproduce

1. Launch the Nightly Editor Demo in IE10 (I tested against ​http://nightly.ckeditor.com/13-04-08-14-51/standard/samples/replacebyclass.html)
2. Insert a table using the default options of the dialog
3. Right click on the second or third row and choose Delete Rows
4. An Unspecified Error will be logged in the Developer Tools console and the UI will become unresponsive for a few seconds

System

Browser: Internet Explorer 10 (Desktop Mode)
OS: Windows 8 Enterprise

If I set read-only property in aspx page and editor does not contain anything, when I click inside editor, following exception happens: Unable to get value of the property 'ownerDocument': object is null or undefined.

Bug can be easily reproduced with _Samples/FirstUse.aspx if we change editor control definition to:

<CKEditor:CKEditorControl ID="CKEditor1" ReadOnly="true" runat="server" Height="200" BasePath="~/ckeditor" />

Using CKEditor for ASP.Net 3.6.4.

When i add styling to a checkbox within a dialog, It is applied multiple times, To the text and to the Checkbox.

This happend in Internet Explorer 7

Description

Selecting a Control and hitting the backspace key causes backward navigation instead of removing the control from the document, this was fixed in the past for CKEDITOR 3.x 4047 but was reintroduced to 4.x at some point, getSelectedTableList() is not returning an element for IE because the range.startPath() only contains the document body when a table or image is selected.

Steps to Reproduce

1. Launch the Nightly Editor Demo in IE (I tested against ​​http://nightly.ckeditor.com/13-04-09-14-51/standard/samples/replacebyclass.html)
2. Click on the Saturn V rocket image, or the Red Flag image, or the border of the Mission Crew table
3. Press the backspace key

Expected Behavior

Control is removed from the document

Actual Behavior

IE navigates to the previous page

System

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

1. Go to any page in editor and clear editor contents (new page command)
2. Switch to source and insert <p>&shy;&nbsp;</p>
3. Switch to WYSIWYG and to Source again

Result: <p>&shy;</p> non-breaking spaced is removed.

Problem occurs in all versions of IE from CKEditor 4.0 (it works in CKE 3.0 - 4.0 beta).

Steps to reproduce:

1. Download CKEditor by CKBuilder with default settings, but

• Just adding Autogrow plugin to selected

2. Launching /ckeditor/samples/plugins/enterkey/enterkey.html
3. Choosing "When Enter is pressed : Break the line with a <BR>"
4. Put cursor at the end of text
5. Press "Enter"

• Expected Result: Cursor moved to the next line;
• Actual Result: Cursor stays at the same line

When you have multiple CKEditor instances in one page, nested custom config are not loading properly in IE10.

To reproduce : In the first config file, add a custom toolbar and a customConfig. In the second custom config add something else. Create a page with 2 ckeditor replace by code and pass the path of the first config and the name of the toolbar. When you load the page in IE10 you will see your toolbar in the first editor but the second will have the default one.

I will upload the replacebycode.html sample modified so you can test it. Because you need custom config, I will also upload a zip that you must unzip in the ckeditor folder. For the sample to work properly you must have something like that after you unzipped : /ckeditor/test/config.js /ckeditor/test/test/config.js

The problem is in the loadConfig(editor) function in editor.js :

			CKEDITOR.scriptLoader.load( customConfig, function() {
				// If the CKEDITOR.editorConfig function has been properly
				// defined in the custom configuration file, cache it.
				if (CKEDITOR.editorConfig )
					loadedConfig.fn = CKEDITOR.editorConfig;
				else
					loadedConfig.fn = function() {};

				// Call the load config again. This time the custom
				// config is already cached and so it will get loaded.
				loadConfig( editor );
			});

For a reason unknown to me, in IE10, it seems like the callback is called with the wrong "context". After some call, the callback will be called with the config of the second customConfig but the loadedConfig will be the one of the first config. So it will overwrite the first config with the second one.

Not sure if this is clear. But you can put a breakpoint on "if (CKEDITOR.editorConfig )" and you will see.

Right now I have fixed the problem in our production environment like that :

			CKEDITOR.scriptLoader.load( customConfig, function() {
				// If the CKEDITOR.editorConfig function has been properly
				// defined in the custom configuration file, cache it.
                                if (!loadedConfig.fn && CKEDITOR.editorConfig )
					loadedConfig.fn = CKEDITOR.editorConfig;
				else if(!loadedConfig.fn)
					loadedConfig.fn = function() {};

				// Call the load config again. This time the custom
				// config is already cached and so it will get loaded.
				loadConfig( editor );
			});

But i'm not sure this is the best way to fix it because it may causes more recurssion.

1. Clear editor contents with new page
2. Press Bulleted list button
3. Type test
4. Press Shift+Enter
5. Press Enter
6. Repeat steps 3-5 few times.
7. Press Ctrl+A and Ctrl+C
8. Clear editor contents with New Page command
9. Press Ctrl+V

Result: &nbsp; and br tags are lost thus new lines get removed.

Problem can be reproduced from CKEditor 3.5.3 rev [6624].

Other tickets caused by this revision: #8743, #8140

• Open source code view
• Insert the attached html code snippet
• Switch back to wysiwyg view
• Select all content
• Press 'Del' key

IE10 crashes, IE9 is fine. This is also reproducible with the current demo.

Problem can be reproduced from CKEditor 3.0 in both CKE 3.x and 4.x (v4).

To reproduce:

1. Insert below code in editor

   <div class="mydiv"><span style="font-weight:bold">Bold Text Here</span>
   <div class="freetext">Type here</div>
   </div>
   

2. Put cursor behind Type here^
3. Type few words and press undo or Ctrl+Z

Result: cursor is moved to the beginning of inner div ^Type here

This is continuation of #10292

It seems that menu styles can get broken in IE8-10 when XUA is set to IE8 and compatibility view is turned on.

To reproduce:

1. In replacebycode sample set

   <meta http-equiv="X-UA-Compatible" content="IE=8" />
   

2. In IE8-10 clear cache and set compatibility view to "Display all pages in compatibility view"
3. Load page in browser. Browser should show doc mode set to IE8 and browser mode should have compatibility view.
4. Right click on link or any other element - menu is broken.

Problem can be reproduced from CKEditor 4.0 with both skins (kama and moono).