Custom Query

I have a style "two cols" defined in my CSS like this :

.two-cols{
	-moz-column-count:2;
	-webkit-column-count:2;
	-o-column-count:2;
	column-count:2;
	-moz-column-gap:20px;
	-webkit-column-gap:20px;
	-o-column-gap:20px;
	column-gap:20px;
}

When I apply this style on a text under firefox, chrome or IE 10, there is no problem. I can click on the text anywhere I want and edit it.

Under IE 11, the text is handled as a bloc, and I can't edit it.

If you create a blockquote, enter some text, highlight the text and then press the Delete key. The paragraph(s) inside the blockquote disappear and you can type directly into it.

For FF you need more than one line of text highlighted.

Descriptive summary: When you move the focus out of the image area and then do a right clic on the image, Image Properties option is not displayed in the context menu

• I just erased a very detailed steps to reproduce and other information because akismet rejected my submit lots of times -

I see this happen on our app and also on your demo. If SCAYT is enabled and you click into an inline area to edit, the cursor jumps to the 0 position and needs to be focused into the original position again. Any fixes for this? Behavior w/o SCAYT enabled is fine.

Please have a look at attached jing video.

To reproduce:

1. Open replacebyclass sample
2. Click on link button type something in URL and press OK
3. Switch to source and WYSIWYG
4. Scroll down a little bit and click in one of paragraphs below.
5. Press Link dialog button

Result: Error 80020101 is thrown.

Problem can be reproduced in IE11 only from CKEditor 4.3

NOTE: it is not necessary to insert link. This also causes error: Open link dialog, Cancel, Source, Wysiwyg, scroll down, open link dialog.

See ie-selection-cached.webm​. Tested on IE8 and IE9.

1. Write few paragraphs.
2. Select all using mouse.
3. Press list button.
4. Click once in the second item.
5. Press tab to indent it.

Result: entire list was indented. Most likely editor.getSelection() returned cached selection made in step 2.

1. Use IE11.
2. Set data

   <ul>
   	<li>x</li>
   	<li>y</li>
   	<li>z</li>
   </ul>
   

3. Focus any list item.
4. Click "ul" in Elements Path.
5. Click indent: nothing happens (#11604).
6. Put selection

   <ul>
   	<li>x^</li>
   	<li>y</li>
   	<li>z</li>
   </ul>
   

7. Click indent.

Expected (considering that 5. is right):

<ul style="margin-left: 40px;">
	<li>x</li>
	<li>y</li>
	<li>z</li>
</ul>

Actual:

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

Two list items are gone. Just like that. This ticket may be related to #11604.

Input Method Editor(IMEs) didn't work properly in CKEditor with the AutoGrow plugin in IE11.

When trying to enter Chinese character using pinyin, the word options list disappeared after typed in the first letter (it didn't wait until I finish typing the whole pinyin) and it auto select the first one on the list.

Tested on the demo page ​http://ckeditor.com/demo#auto-grow on Windows 7 64bit, IE11.

Steps to reproduce:

1. Go to Control panel
2. Select Region and Language, then the Keyboards and Languages tab
3. Click Change keyboards
4. Add input language Chinese (Simplified, PRC), Chinese (Simplified) - Microsoft Pinyin New Experience Input St

(Docked the language bar in the taskbar for the easy access)

5. Open IE 11 and go to the demo page ​http://ckeditor.com/demo#auto-grow
6. Switch to Chinese input
7. In the CKEditor demo, enter "kai"

Noticed that after entered "k", the words option list showed and disappeared and a Chinese character is auto selected and that is not the character I want.

The Input Method Editor works fine on the standard CKEditor, tested on demo page ​http://ckeditor.com/demo#standard

Attached a screen capture of the editor with AutoGrow plugin and standard editor.

please take a look at the following JSFiddle: ​http://jsfiddle.net/5zx3B/1/ in IE10

click on button: "space"

click on button: "letter A"

result: "A"

expected result: " A"

Take an empty editor. If you call insertText(" ") the space is displayed. If you call insertText("A") the space is removed and the "A" is added.

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

1. open any sample with CKEditor (i.e. samples/replacebyclass.html)
2. using "Source" button set content to following markup:

   <p>aa bb<u> cc </u>dd ee</p>
   

3. go back to wysiwyg mode
4. place caret in following position aa bb cc |dd ee
5. press ctrl + shift + right arrow

Expected result:
Selection should be expanded to contain dd string.

Current result:
Selection is not expanded.

additional info:

1. i've tested it with bold, italic - they have the same issue too

1. Open Replace by Class sample.
2. Open Link dialog.
3. Paste long link into URL field (longer than text field width) like:

   ckeditor.com#Lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-Nam-vel-lectus-varius
   

4. press "Home" button

Result: there is a space between cursor and text.

The same issue for 'end' button. I was able to reproduce it on IE9 and IE10 with all of the text fields. On IE8, IE11 and Chrome everything is fine.

1. Go to full featured DEMO page (I used IE9).
2. Select the whole content and scroll to bottom of the page and paste. This is just to let enough content to demonstrate the scrolling.
3. Insert a picture to the bottom of the page.
4. Select the picture and press link tool. So give it a link eg. ​http://google.com. The link appears on the picture. > OK
5. Press the undo button. The page scrolls to the top.

Not an issue if you put a link on a word at the bottom of the page but using a picture for a link.

Magic line is a great tool for creating new paragraphs into spaces where normally would be impossible to reach.But we have found an issue associated to it.

Issue: We have been using CKeditor for designing emails. We have seen some red line remain in final email we design. This issue we have seen to be happening from IE 10. Steps to reproduce:

1. Place your cursor such that Magic-Line is visible in ckeditor.
2. Press Ctrl+A then Ctrl+C.
3. Paste the content you will see that Magic-Line is also copied with other content.

Please see attachment.

Any help will be admirable. thanks

Insert below code into replacebycode sapmle:

editor.on('instanceReady', function(){
	var elem = new CKEDITOR.dom.element( 'pre' );
	editor.insertElement(elem); //error in IE
	//editor.editable().append(elem); //works
});

When you load the page you will get:
Message: 'undefined' is empty or not an object
Line: 299
URI: /ckeditor4_git/core/editable.js

Problem can be reproduced from CKEditor 4.3 in all versions of IE.

We are having the same issues as described in this ticket.

​https://dev.ckeditor.com/ticket/11342

It affect a large part of our users. Do you have a fix for the bug in a future release ?

Problem can be reproduced in IE8-10 (works in IE11).

1. Add attached insertVariable plugin (best in CKEditor dev)
2. Add below code in HTML page:

   CKEDITOR.replace( 'editor1', {
   	extraPlugins: 'insertVariable'
   });
   

3. Load the page and open insertVariable Dialog.

Result: in IE8-10 there is always vertical scrollbar. This is happening because below TD element exceeds size of wrapper div:

<td class="cke_dialog_ui_vbox_child" role="presentation" style="width: 100%; height: 100%;">

<div class="cke_dialog_ui_vbox cke_dialog_page_contents" id="cke_111_uiElement" role="tabpanel" aria-hidden="false" aria-labelledby="cke_iframe_112" style="width: 100%; height: 100%;" name="iframe">

This scrolbarr is not a big issue with small content but you you use large contant you will get double vertical scrollbar (Please see attached iframeDialog.png)

One solution to this problem is adding below rule in ckeditor/skins/moono/dialog_ie.css:

.cke_dialog_page_contents {
	overflow:hidden;
}

The above rule solves the problem (please note that kama skin uses this class in dialog_iequirks.css) but if someone uses ony iframe in his dialog it would be nice idea to to have paddings removed on cke_dialog_contents_body. Perhaps we could introduce separate class for iframeDialog and 'contents body' or simply modify both?

When closing an Internet Explorer (11) window containing a CKEditor, opened from an external source, a script error can occur if the CKEditor is not yet fully loaded:

Access is denied

in: javascript:void(function(){document.open()%3B(function()%7Bfor(var%20a%3B%3B)try%7Ba%3Dwindow.parent.document.domain%3Bbreak%7Dcatch(c)%7Ba%3Da%3Fa.replace(%2F.%2B%3F(%3F%3A%5C.%7C%24)%2F%2C%22%22)%3Adocument.domain%3Bif(!a)break%3Bdocument.domain%3Da%7Dreturn!!a%7D)()%3Bdocument.close()%3B}())

It appears to be the 'document.open' that causes the problem.

1. Using IE11 go to the full featured DEMO page and make a new (empty) page.
2. Open the attached page and copy/paste its content to the DEMO page.
3. Find the following list item: "1. this list". This is the third line from the bottom.
4. Place the caret to the end of this line and press DELETE.

RESULT: You get Hierarchy request script error.

Note: IE9 will not throw error but the cursor will be dropped to an unexpected place.

Create a "test.xml" file with something like this:

<?xml version="1.0" encoding="utf-8" ?><Templates><Template>content</Template></Templates>

Add this to a page with CKEditor:

CKEDITOR.on('instanceReady', function(e) {
	CKEDITOR.ajax.loadXml( "test.xml", function(oXml) {
		var child = oXml.selectSingleNode( 'Templates' );
		if (!child)
			alert("Failed, the Templates node hasn't been found");
		else
			alert("XML successful");

	});
});

Now when the page is loaded IE11 will state that the child hasn't been found This can be prevented by using the XML code found in CKFinder (in theory it was added for Android, but it turns out that it also works here).

1. Open placeholder sample ​http://presets.ckeditor.dev/4.4.0/full-all/ckeditor/samples/plugins/placeholder/placeholder.html
2. Put caret in anchor "CKEditor"
3. Create some placeholder in caret position by clicking placeholder button located in toolbar
4. Hover over newly created placeholder
5. Click placeholder drag handler

Actual result: In WYSIWYG area there is loaded page with URL set in related anchor tag.

1. Open Replace by class sample.
2. Select a paragraph.
3. Apply "Special container" style.
4. Select "Special container" style again to remove to.

Result: border and padding is removed but background is still grey.

On Chrome background is also removed.

Since 4.0.

1. Open replacebycode.html sample
2. Put cursor e.g in header Apo^llo 11
3. Press Shift+End to select text
4. Press Delete

Problem: Paragraph below is joined with deleted Header. If you do that with mouse or try same steps in modern browsers, only header will be deleted but no joining will occur.

This problem occurs in native contenteditable used in IE8-11 but in CKEditor this doesn't work in IE8-10. For some reason this issue works in IE11 in CKEditor. Perhaps there is something that can be done in IE8-10?

NOTE: When you do the same with mouse it will work.

We've found the text cursor to jump out of the source-mode textarea after resize. Then the user can enter text underneath the textbox. This affects Internet Explorer 9.

Reproduction steps:

1. Navigate to ​http://ckeditor.com/demo (using Internet Explorer 9)
2. Switch to Source mode
3. Click into the textarea
4. Drag the resize handle in the bottom right corner
5. Text cursor jumps out of the textarea
6. Type some characters
7. New text will appear under the area with different style

I found it to be related to an IE-specific resize workaround in CKEditor. On resize, the textarea is hidden for a moment but focus isn't restored after that.

We've successfully fixed it in our in-house fork.

Steps to reproduce

1. Open the nightly demo page in IE11 ​http://nightly.ckeditor.com/14-04-16-06-05/standard/samples/replacebyclass.html
2. Place your cursor at the end of the document
3. Hold the Shift key down and tap the Up Arrow key repeatedly

Expected Result The selection expands one line at a time until you have the whole document selection

Actual Result Each time your cursor enters a new block that does not contain a filler the fixDom method reselects the current selection, when this happens the direction of the selection is lost and Shift+Up starts moving the end of the selection upwards instead of the beginning.

System This affects IE11 on both Windows 8.1 and Windows 7

Notes The steps to reproduce here are just for the convenience of reproducing it easily, I don't think we have anyone that actually selects large amounts of text holding shift and tapping the up arrow key. The scenarios we're getting from our customers when they run into this is that they usually hold Shift and Up to span multiple paragraphs and then without releasing Shift tap right or left arrow to fine tune their selection, this results in the end of their selection moving left and right if fixDom has been called due to the selection change.

1. Put attached api2.html sample into samples folder
2. Open sample in IE browser
3. This sample contains code for selectionChange:

   selectionChange : function(evt){
   	var htmlElement = evt.data.selection.getStartElement();
   	console.log(htmlElement.getText());
   }
   

4. Set compatibility mode for current page e.g. Top Menu -> Tools -> "Compatibility View"
5. Click on "Set Editor Contents" button
6. Click on "Objective".
7. IE will report

   Main Title
   Objective
   

8. Scroll Down and double-click on "Description". You may need to double-click few times.
9. Editor will report:

   Main Title
   Description
   

This doesn't happen in standard IE mode. Whenever you click on element, only its description gets reported.

Problem is reproducible in CKE 4.0 beta.

1. Open ajax sample
2. Open console tab in developer tools and paste:

   CKEDITOR.instances.editor1.insertElement( CKEDITOR.instances.editor1.document.createElement( 'hr' ) );
   

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

This can be reproduced only in IE since CKEditor 4.3

It’s an issue that deals with insert list and changing the list to Upper Roman or any other within the list and copying the list and pasting it again. This issue happens in IE8 and IE9 only. FireFox works correct Recreate Steps:

1. Created a list and indented the list (Highlighting all at once)
2. Highlighted all at once and Selected Insert Number list
3. Highlighted all and right clicked and selected Number List Properties and changed number list to Upper Roman.
4. The list updated and gave Upper Roman.
5. I highlighted the list and did a Control-C and copied the list.
6. I double spaced to give space
7. I did a Control-V to pasted the list.

Expected Results: To copy the same Upper Roman list. Actual Results: Pasted the Orginal Number list. (Please see the attachment)

When using CKEditor within a long iframe, clicking on the dialog causes the page to scroll up in all versions of IE (Tested on 8, 9 and 11). The same case works fine on the latest version of Chrome and Firefox.

I'm attaching the files to replicate this issue if needed.

Variation of #11853.

Problem can be reproduced in IE9-11

1. Open replacebycode.html sample and clean editor contents with New Page command.
2. Create numbered list (e.g. with 4 elements).
3. Select List with Ctrl+A
4. Right-click on list and open List Properties Dialog
5. Change style to upper Roman

Result: In IE11 it is impossible to change numbering.

Use the code:

<ul>
	<li><strong>test</strong></li>
	<li>test</li>
</ul>

Press Shift+Enter at the end of the first line.

Expected: One line created
Actual: Two lines created

It looks like a problem with focusManager. Who knows.

TC1

1. ​http://ckeditor4.t/ckeditor/samples/replacebycode.html
2. Without focusing the editor click "Bold".
3. Type.
4. Click "List"/"Italic"/whatever.
5. Nothing happens. The button needs to be clicked twice to run desired action.

TC2

1. ​http://ckeditor4.t/ckeditor/samples/replacebycode.html
2. Click "Paste".
3. Disallow access to the clipboard.
4. Type something.
5. Click "OK".
6. Nothing happened. Click "OK" again to apply changes.

1. Open Table resize sample.
2. Set the following html (we need horizontal scollbar and table wider than WYSIWYG area):

<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<table border="1" style="width:1500px">
	<tbody>
		<tr>
			<td>foo</td>
			<td style="width: 1000px;">bar</td>
		</tr>
	</tbody>
</table>

3. Hover the last pillar.

Result: Error in the console:

SCRIPT5007: Unable to get property 'toLowerCase' of undefined or null reference 
element.js, line 711 character 3

I was not able to reproduce it in Chrome, FF nor IE11.

Screen cast attached.

You're able to move caret outside of any block element (in classic editor that will be directly into a body).

I've checked briefly and it seems that it was introduced in 4.3.0, since i couldnt repro it in 4.2.3, please double check it.

1. open any sample with CKEditor (i.e. samples/replacebyclass.html)
2. enable showblocks plugin
3. press ctrl + end

Expected result:
Caret should be stopped at the end of last node.

Current result:
Caret is placed after last block element, directly in body elmeent.

additional info:

1. I've experienced it in IE9 compat mode, did not tested in other IEs.
2. Seems that issue does not appear without showblocks plugin.

I don't get CKEditor's 'paste' event fired when pasting with SHIFT+INS using

• Internet Explorer 9
• CKEditor 4.3.2 FF and Chrome fire the paste event.

See the small example code below. Paste alert is not displayed.

Browsing thru clipboard\plugin.js, this seems to be a complex matter. I do get the paste event in IE9 when removing the following line from the onKey function, but cannot oversee the side effects of this:

case CKEDITOR.SHIFT + 45: SHIFT+INS

<!DOCTYPE html>
<html>
  <head>
    <title>A Simple Page with CKEditor</title>
    <script src="ckeditor/ckeditor.js"></script>
  </head>
  <body>
    <form>
      <textarea id="editor1" name="editor1" rows="10" cols="80">
         This is my textarea to be replaced with CKEditor.
      </textarea>
      <script>
        // Replace the <textarea id="editor1"> with a CKEditor
        // instance, using default configuration.
        var myEditor = CKEDITOR.replace('editor1');
        myEditor.on('paste', function (evt) {
             alert("paste 1");
        });
      </script>
    </form>
  </body>
</html>

1.Select all the characters in the text area 2.Click Cut option in tool bar 3.Now there are no characters in the text area, but still the Cut option is enabled

Browser: IE8, OS: Windows7

Steps to reproduce

1. Open the nightly demo page: ​http://nightly.ckeditor.com/14-06-03-06-06/standard/samples/replacebyclass.html
2. Load a large document into the editor (I have attached a 30KB sample document)
3. Type at the beginning and end of the document and compare the performance. In the affected browsers characters appear very slowly and the caret is often displayed 1 to 2 characters behind the actual insertion point.

Browser and OS

This issue occurs on Chrome in any Operating System, Internet Explorer 11 on any Operating System, and Internet Explorer 10 on Windows 8.

Firefox performs well in any Operating System. Internet Explorer 9 and 10 on Windows 7 perform well.

I found following bug:

1. go to ​http://ckeditor.com/demo#widgets, "Enhanced Image" ckeditor
2. remove all the content in the editor (ctrl+a => del)
3. click on image2 plugin button in the toolbar
4. choose an image from server, click on align left (or center or right) and then insert the image in the editor
5. click outside the image in the editor => widget does not lose focus, so user can't start writing (in order to write, you have to press the right arrow in the keyboard)

Thanks Daniele

Even with config option disableObjectResizing IE11 allows resizing of TABLE, IMG and DIV elements by dragging the element handles.

From custom config I've used.

config.disableObjectResizing = true;

Test HTML:

<table border="5" cellpadding="1" cellspacing="1" >
	<tbody>
		<tr>
			<td>hgfhhf</td>
			<td>&nbsp;</td>
		</tr>
	</tbody>
</table>
<img src="https://dev.ckeditor.com/chrome/site/logo-ckeditor-dev.png" />
<div style="width: 236px;">
<h1>Hello</h1>
</div>

Based on #10677.

I have tried similar steps CKEditor 4.x and was able to reproduce this issue from CKE 4.0 (works fine in beta) in IE9-11. I didn't need enter mode BR for that.

MY TC:

1. Open replacebycode.html page and press NEW PAGE
2. Run below script

   window.setInterval(function() {console.log(window.document.getElementById('cke_1_contents').childNodes[1].contentWindow.getSelection().anchorOffset);}, 200);
   

3. Type "This is sample text"
4. Press "Home"
5. Select with Shift+Arrow word "This"
6. Press End
7. Press Enter (wait a second)
8. Paste text with Ctrl+V

Result: You will see delay (editor displays 1 and then 4) and in IE10-11 value doesn't get updated (only 1 is logged). You need to move cursor to get offset updated.

I have been able to reproduce this issue from CKEditor 3.2.1 (this is where I could see first delay) in IE9: TC is the same but I needed to have text in editor before running script below:

Ver. 3.2.1
window.setInterval(function() {console.log(window.document.getElementById('cke_contents_editor1').childNodes[0].contentWindow.getSelection().anchorOffset);}, 200);

Anyway this is TC for CKE 3.x thus I'm marking it as won't fix. I have however reported similar issue for CKEditor 4.x.

1. Open replacebycode sample after removing doctype from it (so IE9 works in quirks mode)
2. Focus editor.
3. Move mouse over editor's scroll bar.
4. Error is thrown - Object doesn't support property or method 'contains'.

Not reproducible on IE8QM.

Hi all, I found this tricky bug (I attached a video on this) regarding placeholder plugin, but I guess it is related to all plugin based on widgets.

1. open placeholder plugin sample page
2. create many placeholders on many rows
3. move a placeholder just before another one (repeat this step many times) => randomly moved placeholder (or maybe the destination one) disappear! it gets deleted (nothing can anymore found in html)

I attached a video on this (check firsts 2 minutes of the video)

Thanks a lot again Kind Regards Daniele

With IE11 in compatibility mode:

1. Load this HTML:

<p>Line 1</p>
<p>Line 2</p>

2. Back to WYSIWYG mode, put the focus outside the editor.
3. Click the empty area bellow the text in the editor (in other words, outside <body>)

In all browsers, including IE11, the selection goes to the end of "Line 2". In IE11+Compat, it goes to the beginning of "Line 1".

Clicking and dragging in that same empty space will enlarge the selection always at "Line 1" as well.

This ticket is opened against #12299.Please find attached html file

1. open any sample with CKEditor (i.e. samples/replacebyclass.html)
2. add an change listener using console:

   CKEDITOR.instances.editor1.on( 'change', function() { console.log( 'change event' ); } );
   

3. click somewhere in the middle of the text
4. press backspace

Expected result:
Change event should be fired / console log should appear.

Current result:
Change event is not fired.

additional info:

1. tested in IE8 and IE9

[IE10] For ages.

1. Open editor with following content:

   <ul>
     <li>one</li>
     <li>two</li>
   </ul>
   <p>hello</p>
   

2. Select whole list.
3. Delete list by pressing backspace.

Actual result: text hello jump to first line. Expected result: text hello stay in the second line.

4. Start typing.

Actual result: text hello jump to next line. Expected result: text hello stay in the same line.

Browser: [IE10] Works fine on IE11. Since: 3.6.0

1. Open editor with following content and caret position:

   <p>^Hello.</p>
   

2. Press and hold Shift button.

3. Press end button.

Whole text is selected.

4. While keep holding Shift button press Left arrow button.

Actual result: Selection doesn't change.

Expected result: last character is not selected.

Browser: [IE 10...11]

Since: 4.2.1

1. Open sample: 4.4.4/standard/ckeditor/samples/uilanguages.html
2. Make some selection.
3. Go to Source mode.
4. Switch back to Edit mode.
5. Click on Styles button.

Actual result: Error is thrown in console.

Could not get „blockLimit” property of null or undefined. core/style.js:373

1. Use samples/replacebyclass.html and standard-all build of the editor.
2. Set the following HTML and selection

   <h1>x^</h1>
   

3. Apply "Special Container" style from styles drop-down.
4. Switch WYSIWYG->SOURCE->WYSIWYG

Expected: Contents hold the style.

<div style="background:#eee; border:1px solid #ccc; padding:5px 10px">x</div>

Actual:

<p>x</p>

Notes:

• It works in dev code.
• It works in other browsers.

1. Paste below code in source mode (into existing contents or as the only content - doesn't matter)

   <iframe width="560" height="315" src="//www.youtube.com/embed/blSl487coFg" frameborder="0" allowfullscreen></iframe>
   

2. Switch to wysiwyg and press preview button.

Result: Preview is blank.

In IE10 I have this error being thrown: SCRIPT1009: Character expected '}'. about:blank line:1

Problem can be reproduced in IE9-11 on latest master (works fine in CKE 4.4.3)

Found on IE10 (works well on Chrome)

Since: 4.2.1 (on previous versions impossible to reproduce, because selection has gone when trying apply backgound.

1. Open editor with content:

   <p><span style="background-color:rgb(255, 240, 245)">together make better</span></p>
   

2. Select word "make"
3. Apply some background color.

Actual result: Original color is cleared for everything after selected word.

1. Add resize event listener to editor instance.
2. Click maximize button or exec command by code.

Actucal result: resize event has been called twice.

Probably reason: As far as I see, getting dimension properties like clientWidth fire resize event.

Commented tests: ​https://github.com/cksource/ckeditor-dev/commit/95680bc261861a30a3b6ef65c7a9fe016ac86f85

The bug is reproducible under IE 11. When the user copies (even a single) line from a numbered list, like :

1. First
2. Second

the result we see inside the CK window is (CK demo used) :

1. <>

So the entire internal text is missing, it is replaced by <>.

What I found is that the text coming into plugin is like :

<ol style=\"list-style-type: decimal; direction: ltr;\">
<li style='color: red; font-family: \"Calibri\",\"sans-serif\"; font-size: 11pt; font-style: normal; font-weight: normal;'>
<p style='color: rgb(0, 0, 0); font-family: \"Calibri\",\"sans-serif\"; font-size: 11pt; font-style: normal; font-weight: normal; margin-top: 0in; margin-bottom: 0pt; mso-list: l0 level1 lfo1;'>
	<span style=\"color: red; mso-ansi-language: EN-US;\">First</span>
</p></li>

........

It is gradually transformed to :

"<ol><li cke:indent=\"1\" cke:listtype=\"ol\" cke:list-style-type=\"\">
<cke:li cke:reset=\"1\" cke:indent=\"1\" cke:listsymbol=\"First\"></cke:li></li></ol>"

Which then leads to the behavior I described.

When typing in language that requires character composition (e.g. Japanese, Korean or Chinese) undo manager does not record snapshots. Reproducible only on IEs.

To reproduce:

1. Enable e.g. Japanese language (see instructions in #8854). Tip: it's useful if you enable the language floating toolbar in Windows.
2. Set input mode to Hiragana.
3. Start typing random letters in editor. Some will be composed into Japanese characters, but that's not important. What's important is that you can see that inputted text is underlined what means that you're in composition mode. Press enter to finally input text.
4. See that undo button never gets enabled.

Reproducible from CKEditor 4.2.0.

Version: 4.4.4

Following scenario:

• open Microsoft Word 2013
• insert jpg picture into document
• press Ctrl+A (select all)
• press Ctrl+C (copy)
• goto CKEditor
• press Ctrl+V (paste)
• right click on picture and select Picture Properties
• on URL there is "data:image/png;base64,.." instead: "data:image/jpeg;base64,..."

The same is with copy-paste from Outlook email.

With png images is OK.

Open the AutoGrow plugin example in IE 11 Try to write in Korean characters The characters are not connected correctly: for example if you try to write 추 (cn) you get ㅊㅜ.

If you write (cn) very fast you get the write result but it is still impossible to write like this.

I think it is related to the function "contentHeight" in autogrow/plugin.js, which add a temporary marker element that somehow change the selection

1. Open replacebycode sample in IE11.
2. Insert 300x300 table.

Result: page hangs after a while. The table is not inserted.

Problem can be reproduced only in IE11 from CKEditor 4.3

When pasting this source code into CKEditor (tested with 4.4.4) in Internet Explorer (tested with IE11):

<div style="background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==')">Foo</div>

It is changed into the following code when switching back to the WYSIWYG view:

<div style="background-image: url(&quot;data:image/png;base64,ivborw0kggoaaaansuheugaaaauaaaafcayaaacnbyblaaaaheleqvqi12p4//8/w38giaxdibke0dhxgljnbaao9txl0y4ohwaaaabjru5erkjggg==&quot;);">Foo</div>

Because data URIs are case-sensitive, the image becomes invalid.

The cause is the semicolon before base64. This part of htmldataprocessor.js contains the bug:

if ( CKEDITOR.env.ie ) {
	// IE outputs style attribute in capital letters. We should convert
	// them back to lower case, while not hurting the values (#5930)
	defaultHtmlFilterRulesForAll.attributes.style = function( value, element ) {
		return value.replace( /(^|;)([^\:]+)/g, function( match ) {
			alert(match);
			return match.toLowerCase();
		} );
	};
}

Click on "Font" drop-down. Click on "Size" drop-down (all further clicks on "Font", "Size", "Format", "Background Color" and "Text color" drop-downs will result showing and immediate hiding of drop-down). Browser name and OS : Checked on IE8、IE9、IE10、IE11 on Windows 7.

We should describe solution for this issue in documentation just like for ticket #12768.

1. Insert a table with default values.
2. Enter some content to each cell.
3. select one row.
4. right click -> merge cells.
5. while content in the merged cell is still selected click 'Select table' button.

Result: table is not selected

This happens only when merged cell content is selected, if you click inside the merged cell to deselect the content before clicking 'Select table' button then table will be selected.

This seems to be a IE9/10/11 specific issue.

1. Open replacebycode sample.
2. Turn the first header into ul list.
3. Select the text in created list item and apply any inline style.
4. Try adding block before the list item.

Error:

  'null' is null or not an object  plugin.js, line 533 character 3

From magicline plugin.

1. Open sample page
2. Start typing, e.g. abc
3. Observe elements path bar

Actual result: span element gets created on each key press as checkElementMatch return FALSE

Expected result: span element gets created only once on the first key press

This works as expected in FF & Chrome

When copying multi-line text where each line starts with double byte white space(s) from Firefox and pasting into a ckeditor text field, the double byte white spaces are all dropped.

Steps to reproduce:

1. create a html file with the following content:

   <html><title></title><body>
   &#12288;1<br>
   &#12288;&#12288;2<br>
   &#12288;&#12288;&#12288;3
   </body></html>
   

2. Open the file in firefox and copy all 3 lines.
3. Paste into a ckeditor text field (I'm currently using ​http://ckeditor.com/demo#inline for testing)

Actual behavior:
All double byte white spaces are dropped.

Expected behavior:
They should be retained.

Additional information:
If the same html file is opened in Chrome and copying happens from a Chrome browser, pasting into ckeditor text field succeeds as expected.

Tested on IE8

1. Open editor with following content and selection:

<p>foo <strong>bar</strong> <span style="color:#ffd700">baz<u>uno<em>dos</em>tres</u>qutro</span>cinco</p>^

2. Extend selection by pressing Ctrl + Shift + left until you reach the beginning.
3. Collapse selection by pressing Cltr + Shift + right.

1. Open replacebycode.html sample
2. Click Maximize
3. Select header and part of first sentence in first paragraph as shown below:

   [Apollo 11
   
   Apollo 11 was the spaceflight that landed ] the first humans,...
   

4. Click and hold mouse button for a few seconds on Styles or Format dropdown.

Result: Dropdown becomes disabled.

Problem can be reproduced in IE8-10 from CKEditor 4.0.

Hi, i have a problem in IE 11 with object stylied with sizes:

<div style="width: 903px; height: 210px;">test div</div>

Select borders are over editor sizes. How can i hide this or use css maybe?

Javascript error in IE9-11:

• Create new table on CKEditor area;
• Enter some table caption using "Table Properties" dialog;
• Press "Ok" button on table properties dialog;
• Set mouse pointer on entered caption's text value;
• Click right mouse button (at the entered caption) and select "Table Properties" from context menu;
• Edit table caption value and click "Ok";

As a result you will receive javascript error: SCRIPT5022: IndexSizeError ckeditor.js, line 407 character 528

User cannot select widget on Internet Explorer browsers (I've experienced this problem on IE11, but probably all IE versions are affected) if editor is in readonly mode.

Steps to reproduce:

1. Go to CKEditor Demo page > Widgets
2. Set main editor (CKEDITOR.instances.editor1) to readonly by setReadOnly(true)
3. Main editor becomes grayed
4. Try to select widget by clicking the widget border (not inside header or content - see attached screenshot). Internet Explorer should throw Unspecified error exception on sel.addRange(nativeRange) at the end selectRanges function.

I've investigate this problem. This bug occurs because range object container is an hidden element (display: none) and is not editable (contentedtiable=false). I don't know why IE throws an exception in this case, but it seems that not visible text cannot be selected.

This exception is a result of creating fake selection by widget. The fake() function from selection.js calls hideSelection function in which hiddenEl is created. In IE this element has display=none style (why? - in other browsers it is places out of the page content). If editor is read-only, hiddenEl is appended to the element that has contenteditable=false (so hiddenEl itself is also not editable), in conjunction with display=none it causing the exception during sel.selectRanges() call.

Proposed fix: do not set display=none for <div data-cke-hidden-sel="1" data-cke-temp="1"> element for IE (hide it in different way, maybe visibility property?, reposition by absolute positioning?) OR add contenteditable=true to the DIV. The exception is thrown only for both display=none and contenteditable=false properties set.

Version 4.4.6 is affected, probably olders too.

If I paste a big document from Word (30 pages of text) it is processed very slow if the contents.css is empty (~3 minutes instead of ~8 seconds).

I have problems entering Korean text in IE 11 browser. I'm not sure but it looks like same case with #10414 bug. please check it up and let me know what the problem is and how to fix it.

[Case]

If I enter rk(가), then sometimes the result shows rrk(ㄱ가) or disassembled characters(ㄱ ㅏ). You can reproduced this problem on your demo web site.

[Reproduce steps]

Steps to reproduce this issue. We use P entering mode

1. Go to the ckeditor demo web page(​http://ckeditor.com/demo)
2. Delete all contents to make empty.
3. I switch the language to Korean using IME.
4. Type rk(가) and enter
5. repeat step 4. 7 times more
6. type rkskekfkakqktkdk(가나다라마바사아) --> total string length 64bytes until here
7. enter and type rk(가)
8. then the result shows rrk(ㄱ가) or disassembled characters(r k,ㄱㅏ)

I think that this issue is associated with string size. because if you followed reproduced steps, then total string buffer size will be 64 bytes. after that you entered and key in "rk" then the error comes out!

Follow the steps to reproduce:

1. Make sure you have set the scayt_autoStartup

configuration option to true

2. Enter some text and click enter
3. Now add either an image or flash movie, enter any url and click "OK"
4. Now double click on the image or flash movie and notice the values are empty. The onShow function within the dialog says that no value is selected.

1. Put attached HTML file into samples folder
2. In first paragraph select part of text and copy/paste it (select only plain text).
3. Either select some plain text in another paragraph or in same paragraph
4. Press Delete

Result: Change event is not fired.

Problem can be reproduced from CKEditor 4.4.4 in Firefox and IE8-11.

Before release 4.4.4 change event worked the following way only in Firefox

1. When copy/paste text change event is fired 2 times
2. When select and delete change event is fired 2 times on delete
3. When select and delete some more text change event is fired 3 times on delete.

I have similar issue to Ticket #7175. However, I'm not using an iframe and am using ckeditor 4.4.7.

I use CKEditor inside a showmodaldialog in IE. If only 1 tab is open on the browser, then the menus for styles/font/size don't work. Works fine if 2 tabs are open.

The code fix for 7175 seems to apply to older version of ckeditor and I'm having trouble to apply the same to 4.4.7. If you have time to provide instruction for 4.4.7. it would be a great help to me.

To reproduce:

Scenario 1

1. Open replacebycode sample in IE11
2. Set inline style like font-size 48px or marker class and type something.
3. Set language to Korean and keyboard to Hanja Convert
4. without moving cursor type something in Korean

Result: text is not styled.

Scenario 2

1. Open replacebycode sample in IE11
2. Set language to Korean and keyboard to Hanja Convert
3. Set inline style like font-size 48px or marker class and type something in Korean.

Result: text is not styled.

Scenario 2

1. Open replacebycode sample in IE11
2. Set language to Korean and keyboard to Hanja Convert
3. Type something in Korean
4. Select text and style it with inline style like font-size 48px or marker class
5. Move cursor to the end of line, press enter and type something in Korean

Result: text is not styled.

Problem can be reproduced from CKEditor 3.0 at least.

I have checked native contenteditable element and styles are continued to the second line or they don't get cancelled when you change input method.

In IE8:

1.Create a numeroted list

2.Use Shift+Enter for a line break (adding Br tag)

3.Copy or cut the list

4.Paste the list

Problem: the line break is missing

Detect in 4.4.1, but present here: ​http://ckeditor.com/demo

1. Please use attached File. It contains shapes and images.
2. Copy whole document and paste it into CKEditor in IE11 (Ctrl+A, Ctrl+C, Ctrl+V).

Result: Some images and shapes get duplicated and some omitted. Please see the results image.

Add text then add a form below. Add a CR after the text and then delete it with the delete key. The form html disappears.

1. Go to the demo (​http://ckeditor.com/demo)
2. Remove all contents
3. Choose "Special Container" from the "Styles" dropdown
4. Hit backspace

On Safari, Chrome and Firefox, the box will disappear, which is the expected behaviour. However in IE, nothing happens.

Tested with IE11 on Windows 7.

We found an issue in 4.4.x version where in ACF mode, we observe unexpected behaviour when we attempt deleting a white space character following a contenteditable=false span tag.

To reproduce the defect, use the following config:

CKEDITOR.editorConfig = function( config ) {

ACF configs config.allowedContent = true; turn off ACF by default

};

Open Firebug for you test sample page

1. In the console: CKEDITOR.instances.editor1.setData('Hey <span contenteditable="false"><a>there</a></span> :)')

(Notice here the space following the closing of the span tag and before colon character eg. "</span> :"

2. Click on the editor (caret is at the end of the line) and start removing characters using backspace until you reach ':' and click backspace again to remove it.

3. Hit backspace again-> the cursor goes inside the contenteditable area skipping the empty space

1. Open replacebycode sample and press New Page command
2. Type some text
3. Click Ctrl+A and Ctrl+B (Don't press ctrl+B before typing -> it works then)
4. Press Backspace any number of times you want. Text is removed but element's path is still showing "body p strong"

4. Instead of Backspace press Delete. The first key press removes only text. Second key press removes the formatting.

Problem can be reproduced from CKEditor 3.0 in IE8-11.

Descriptive summary When copying text from a Word document (with a list) it pastes: <> instead of the real list.

Steps to reproduce

• Open Internet explorer
• Go to an editor with version 4.4.7 (or the one on the demo website)
• Copy all from the attached Word document
• Paste into the editor
  • BUG

Browser and OS Internet Explorer and Windows

To Reproduce:

1. Open any sample
2. Type in the console:

CKEDITOR.instances.[EDITOR].editable().on('input', function(){console.log('input...')});

3. Type anything in the editor

Problem: The event is not triggered

Note: The event is triggered in FF and Chrome.

We want to use CKEditor to provide a full html document editor, and we want to use the <style> element in the <head> section.

We found that when using IE 8, the attribute type="text/css" in the <style> element is changed to type="text" when switching from source to visual editor then switch back to source view.

I am using the nightly build in the following steps, but I have used the master and the major branch on github and they all have the same problem.

Here are the step I used to reproduce this bug :

• Use IE
• Open the ​full page editing sample (from plugins\wysiwygarea\samples\fullpage.html)
• Open the Dev Console (F12), switch to IE 8 rendering mode (instead of edge)
• Switch the editor to Source mode
• Add <style type="text/css">body { color:red }</style> into the head element
• Switch to visual mode, the text is red
• Switch to Source view, the attribute type has changed to text instead of text/css
• Switch to visual mode, the text is not red anymore

I have tried to fix the bug by myself, but after 2 hours digging into the parser in the javascript console I surrender. Everything seems fine (the source is well parsed), but at some point when the DOM is inserted the content is modified.

If you have hints about how I should help to fix the problem by myself feel free to point me, or if you have any workaround.

I have tried to use bender but was stuck by a strange error in testbuilder.js on master branch. Anyway it was not related to the debugging of the code.

1. Use below code in HTML page

   var editor = CKEDITOR.replace( 'editor1', {});
   editor.on('instanceReady', function( evt ){
   	editor.setData('test');
   });
   

2. Access denied error gets thrown in IE8-IE11

Message: Access Denied.
URI: /ckeditor-dev/core/dom/node.js
Line: 663

Steps to reproduce:

1. Paste text from word into the ckeditor body.
2. Select text with mouse from right to left and press Delete or use Shift+Home and press Delete (Ctrl+A and Delete work).
3. Press Remove Fomat button (inline styles are gone)
4. Type few chars and start deleteing them one by one with backspace.

Result: Cursor will enter previously removed inline styles.

1. Click into CKEditor and set language in your Windows to Japanese Hiragana
2. Clear editor with New Page command and Insert table aligned to right
3. Click in to one of table cells and try typing two byte character e.g. try typing き (‘ki’ on Latin keyboard)

Result: after pressing ‘I’ focus is moved to the left to the beginning of the body.

Same thing happens in native contenteditable page. Please see attached file.

This is a problem similar to ​https://dev.ckeditor.com/ticket/12119.

Reproduce: Using IE11, when the page height is set to 100%, and the page compatMode is backmode, and *when browser is not full expended*, the page will scroll down when enter key is hit in CKEditor.

I did take the approach as ​https://dev.ckeditor.com/ticket/12119 suggested and take the HTML4 doctype as the configuration. So it fixes the scrolling problem when browser is full screened. But when you re-size the brower screen, this scroll side effect would still happens.

1. Clear editor contents.
2. Type something inside editor.
3. Click on body in element's path.

Result: Text is selected but Cut and Copy icons are disabled.

IE is the only browser where we can make those buttons work, so it is not a low priority issue IMO.

If you empty editor, type and then click on body in element's path, buttons get disabled from CKEditor 4.0.
If however you empty editor, type, select some text and then click on body in element's path, buttons get disabled from CKEditor 4.0.2.

Application got crashed on click HTML 'h3' element to select corresponding portion in IE11 Steps:

1. Click on templates icon
2. Select 'Text and Table' template
3. Select 'h3' element

Note:- Select 'h3' element from the footer where all the element will be available to direct selection for specific element area. It's working fine in ie9 but crashed in ie11

1. Load EnterKey sample
2. Click inside editor Set Korean language and Hangul keyboard (Korean character (not Latin))
3. Reload the page and change enter mode to BR
4. Click at the end of line and press Enter
5. Start typing

Result: Cursor will be moved up

Problem can be reproduced in IE11 only at least from CKEditor 4.0.

Issues which may be related: #10414, #12910

Edit: This is IE11 bug, it was reported here ​https://connect.microsoft.com/IE/feedback/details/1629173/ie11-broken-composition-in-contenteditable-when-using-korean-hangul

hi,

With the current setup I can't select any text with my mouse or when I click on a place in a text the cursor won't go to there.

Navigating with the keyboard works just fine, so typing, and arrowkeys do work.

this is my configuration:

    CKEDITOR.inline('editor', {
                extraPlugins: 'sharedspace',
                removePlugins: 'forms',
                sharedSpaces: {
                    top: 'top'
                },
                toolbarGroups: [
                    {name: 'basicstyles', groups: ['basicstyles', 'cleanup']},
                    {name: 'colors'},
                    {name: 'tools'},
                    {name: 'document'},
                    {name: 'insert'},
                    {name: 'clipboard', groups: ['clipboard', 'undo']},
                    {name: 'editing', groups: ['find', 'selection', 'spellchecker']},
                    '/',
                    {name: 'styles'},
                    {name: 'paragraph', groups: ['list', 'indent', 'blocks', 'align', 'bidi']},
                    {name: 'links'}

                ]
            });

Tested this in IE9, FF version 39.0 and Chrome Version 40.0.2214.111 only IE9 was showing those problems

The following bug was found to affect both a custom widget and the sample widget given in CKEditor documentation. The CKEditor sample widget "simplebox" and an inline version of "simplebox" are included in the attached files.

Steps to reproduce:

1. Open attached sample html page in either of the two test folders.
2. Click inside CKEditor's standard configuration, or the inline version underneath.
3. Click the icon to add either a block or inline "simplebox" widget (labeled "1" and "2", respectively).
4. Slowly move mouse near bottom of widget, until text edit cursor appears. Click when it appears.

Result: Previously immutable read-only widget is now editable.

Browser name: Internet Explorer 11 (v. 11.0.21) OS: Microsoft Windows 7 SP1

Editor configuration: Affects both inline and standard configurations of CKEditor 4.5.1 and CKEditor nightly build 7/29/2015.

All test cases in attached .zip folder.

Potentially relevant files:

simplewebpage.html (demo page used in test)

ckeditor/config.js (altered from standard)

ckeditor/plugins/simplebox/* (added from tutorial found at ​​http://docs.ckeditor.com/#!/guide/widget_sdk_tutorial_1)

ckeditor/plugins/simpleboxinline/* (added and edited from tutorial found at ​​http://docs.ckeditor.com/#!/guide/widget_sdk_tutorial_1)

ckeditor/plugins/widget/* (src: ​http://ckeditor.com/addons/plugins/)

ckeditor/plugins/lineutils/* (src: ​http://ckeditor.com/addons/plugins/)

ckeditor/plugins/clipboard/* (src: ​http://ckeditor.com/addons/plugins/)

Steps to reproduce

1. Open sample page
2. Click inside 1st editor to get focus
3. Click reset button
4. Click inside the textarea (2nd editor)

Expected result

Textarea gets focus, cursor is visible

Actual result

Cursor is visible in the textarea on 3-4th click only. It's not always reproducible with nightly ckeditor.js, Step 4 has to be done quickly after reset button is pressed.

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

IE11

Steps to reproduce

1. Copy&paste following in the Source tab:

<p dir="ltr">&nbsp;</p>
<p dir="ltr" style="width: 100%;"><a href="http://c.cksource.com/a/5/img/sprites.png" target="_blank"><img src="http://c.cksource.com/a/5/img/sprites.png" style="margin: 0px auto; text-align: center; display: block;" /> </a></p>

2. Switch back to the rich text view.
3. Right click the image to get context menu.

Expected result

Link and image context menu options presented.

Actual result

Only 'paste' menu option available.

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

IE11/10

Steps to reproduce

1. Using Microsoft Edge browser
2. Right click on a bulleted list in an editor instance
3. Note that the "Bulleted List Properties" option in the context menu is cut off.

Expected result

Context menu should render correctly

Actual result

Context menu cut short

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

Windows 10, Microsoft Edge

Steps to reproduce

1. Open replacebycode sample and clear editor contents
2. Type few characters
3. Select chars and change text color and font to e.g. Comic sans
4. While whole text is still selected (you can also unselect and select whole sample text again - result will be the same), type new random characters

Expected result

Span tags stays and only its content changes.

Actual result

Span tag is changed to font tag.

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

Problem can be reproduced from CKEditor 4.0 in Blink/Webkit and in IE11 from version 4.3 (this is the version when we have started supporting IE11 and issue probably occurs in earlier versions as well). Firefox and IE10- seem to work fine.

When executing following test on IE11:
​http://tests.ckeditor.dev:1030/tests/plugins/widget/contextmenu
Test passes but console output shows errors:

SCRIPT5007: Unable to get property 'nodeName' of undefined or null reference
File: element.js, Line: 750, Column: 4

Found during release of 4.5.5 but can be reproduced on 4.5.4 also.

Run: ​http://test.ckedtior.dev:1030/tests/core/selection/fake Test Fake-selection bookmark mark as not faked when no enclosed node found. (#13280) is not passing when console window is opened.

This is caused (probably) by this code:

if ( window.console ) {
	// Override to avoid logging the CKE's warning about selection not being fake any more,
	// so the console stays clean when the test passes.
	var consoleLogSpy = sinon.stub( window.console, 'log' );
}

When console is opened we try to stub console.log method but sinon library fails on native IE9 implementation and throws an error Attempted to wrap object property log as function. Similar problem: #13917.

Run: ​http://test.ckedtior.dev:1030/tests/core/log on IE9 when console window is open. Tests are not passing with Object doesn't support this action message. It looks like this started to happen after upgrading to new benderjs-sinon version.

After short research I can say that this is connected with spying on native console object.

Steps to reproduce

1. Open attached 27 page document and paste it into editor.
2. Start typing immediately after paste. Document is being still processed so first characters my not show up but later on you can type without problems
3. Press Ctrl+A and Backspace (you can press delete and backspace few times - it doesn't matter)
4. Paste text again and again after the text shows up start typing.

Actually you can wait few seconds and then start typing.

Expected result

Typing speed should be normal.

Actual result

Typing is very slow even after few minutes.

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

Problem can be reproduced in IE11 only. IE11 is supported from CKEditor 4.3 but I have seen this issue even in CKEditor 4.0.

Steps to reproduce

1. Open demo page in Internet Explorer. Clear the content.
2. Insert a link.
3. Add a space and some text behind the link.
4. View source.

Expected result

A link <a>...</a> followed by a space and some text.

Actual result

<a href="​http://ckeditor.com">​http://ckeditor.com</a>&nbsp;Link

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

Bug shows only in IE (IE 11 on Win 8.1), Firefox works as expected (other browsers not tested). Same problem e.g. with the placeholder plugin.