Custom Query

Steps to reproduce

1. Use tests/plugins/balloonpanel/manual/balloonpanel manula test.
2. Click on the first red fragment.

Expected result

The arrow is rendered correctly pointing on the red fragment.

Actual result

The arrow is rendered in the center of the balloonpanel.

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

Same result on both Chrome and FF. This behavior is only visible on the first balloonpanel appearance. After second click (even on the same fragment) the arrow is rendered correctly.

Steps to reproduce

1. Open nightly build ​http://nightly.ckeditor.com/16-11-07-07-07/full/samples/
2. Enter few lines of text.
3. Select all content using CTRL + A
4. Click on Increase Indent icon few times

Expected result : List Indented

Actual result: Nothing happens This works in Chrome

Steps to reproduce

1. Open ​http://ckeditor.com/demo.
2. Click "Anchor" button.
3. Type " " (space) into "Name" field and click "OK".

The anchor seems to be created, however:

1. Double click on it does nothing (should open properties dialog).
2. After switching to source mode and back to wysiwyg mode, the anchor is gone.

Steps to reproduce

1. Open ​http://tests.ckeditor.dev:1030/tests/plugins/widget/manual/block
2. Insert a doublecolumn widget(empty icon).
3. Cut the code snippet widget that's placed lower and paste it into the first editable in the doublecolumn widget.
4. Drag the code snippet widget somewhere - out of the editable, to the other cell - doesn't matter.

Expected result

Widget is moved, everything else remains the same.

Actual result

The editable in which the code snippet widget used to be disappears.

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

Opera.

Steps to reproduce

1. Go to ​http://ckeditor.com/demo#widgets.
2. Use 3rd editor (Enhanced Image), switch to source mode and paste HTML

   <p>Example text <a id="anchor" name="anchor"></a></p>
   
   <figure class="image" style="float:right"><img alt="Apollo-CSM-LM" src="http://c.cksource.com/a/1/img/demo/apollo-csm-lm.png" width="200" />
   <figcaption>Apollo CMS-LM spacecraft</figcaption>
   </figure>
   

3. Switch back to WYSIWYG mode.
4. Drag and drop anchor into image description.

Actual result

The anchor can be drag and dropped into editable. When dropped it disappears (probably because of ACF applied to editable region).

Expected result

Not sure exactly what should happen, I assume the anchor should be not droppable if it's going to be removed anyway.

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

Tested on Chrome.

At the moment copyformatting plugin is not supported. It does not break the editor, however it is unusable. The main issues:

• Styles are not applied while tapping/moving selection to different element while copyformatting is active.
• Unable to use sticky mode (double tap zooms in/out).
• Keyboard shortcuts are also not supported.

Steps to reproduce

It is easily reproducible on tests/plugins/balloonpanel/manual/balloonpanel.

When clicking between red regions ballonpanel works fine. If you tap longer inside red region so that the caret is placed inside the red region (virtual keyboard opens and typing is possible) and then switch / move focus to other regions the ballonpanel (position and content) is not updated.

See attached screenshot - the caret is already inside different region (on the right) while balloonpanel is not updated.

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

Safari, iOS 9.3.1.

Steps to reproduce

Visible in both tests - tests/plugins/balloonpanel/manual/kama and tests/plugins/balloonpanel/manual/moono.

The balloonpanel for inline editor is positioned incorrectly (see screenshots).

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

Safari, iOS 9.3.1.

Steps to reproduce

1. Go to ​http://ckeditor.com/demo#widgets.
2. Focus code widget inside second editor.
3. Click somewhere else to focus the text.
4. Press enter.

Expected result

The newline is inserted (the caret is placed in the text content).

Actual result

The widget editing dialog is opened.

As you may see on attached screenshot, the caret was placed on the tap position and virtual keyboard appeared. However, selected widget still has blue border which means fake selection (I assume, it may be some other focus thing?) is still active.

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

Safari, iOS 9.3.1.

WSC and SCAYT localizations are provided through our ​CKEditor UI Translation Center. It does not seem the source files were updated since January 2015 :(. We should make sure that the translations provided by the community actually make it to the released product.

Expected result

WSC and SCAYT translations are up to date.

Actual result

We do not seem to have any process in place to update the SCAYT and WSC translations and as a result, they are not updated at all.

Links

• ​https://www.transifex.com/ckeditor/ckeditor/plugin-wsc/
• ​https://www.transifex.com/ckeditor/ckeditor/plugin-scayt/
• ​https://github.com/WebSpellChecker/ckeditor-plugin-wsc/tree/master/lang
• ​https://github.com/WebSpellChecker/ckeditor-plugin-scayt/tree/master/lang

Steps to reproduce

1. Go to ​http://ckeditor.com/demo
2. Try Drag 'n Drop Images to editor
3. Now we don't see the image because style="height:0px; width:0px"

Expected result

Image is appeared

Actual result

Image does not appear

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

safari

Steps to reproduce

Expected result

If I push enterKey cusor is moved next line ( from line 1 to lien 2) and if type the hangul It will be typed there line (line 2)

Actual result

but It is typed at before line (line 1)

so When I want to type to next line I have to two times push enterkey

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

browser : safari OS : Ipad mac os CkEditor version : 4.5.11 installed plugins : There is so many customized plugins but I think there is no affecting plugins to Ipad hangul enter issue

because It is samely occured at ckeditor.com/demo

Custom styles can be added to style placeholders, e.g:

{ name: 'Placeholder class', type: 'widget', widget: 'placeholder', attributes: { 'class': 'placeholder-class' } },

More on styles - ​http://docs.ckeditor.com/#!/guide/dev_styles.

While styles can be applied on a placeholder widget properly, switching to source mode removes classes/styling so it cannot be restored while switching back to WYSIWYG mode.

Expected result

The classes/styles are preserved while switching between Source/WYSIWYG mode.

Actual result

The classes/styles are removed while switching to Source mode.

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

The cause of the issue is the way placeholder widget is downcasted. It is downcasted to [[placeholder_name]] so there is no way to store additional attributes in the downcasted text/html.

​https://developer.mozilla.org/en-US/docs/Web/HTML/Element/embed states: "Must have a start tag, and must not have an end tag." However, CKEditor is adding a closing tag.

Steps to reproduce

1. Go to ​http://ckeditor.com/demo#full
2. Switch to source mode
3. Replace source with <embed src="movie.mov">
4. Switch to WYSIWYG mode and back to source mode
5. See the tag was closed as <embed src="movie.mov"></embed>

Expected result

The tag should remain as pasted, without a closing tag

Actual result

A closing </embed> tag is being incorrectly added

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

Tested on Chrome, latest version

Steps to reproduce

1. Go to ​http://sdk.ckeditor.com/samples/mediaembed.html.
2. Focus mediaembed widget (video).
3. Deselect both Narrow media and Centered media from stylescombo.

Expected result

Styles combo is updated immediately, showing that no styles are selected for the current selection (widget).

Actual result

Styles combo is updated only after changing selection (or applying/removing) different style.

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

Tested on Chrome with CKEditor 4.5.11.

For any extrange reason, dynamically added styles to editor with camel case are not being applied to content elements.

Steps to reproduce

On a clean CKEditor download

1. Edit config.js and add those lines before the "editorConfig" function:

var cssStylesContenidoInteractivo = [ '.interElem { background:#dddddd; }' , ].join( ).replace(/;/g, ' !important;' ); CKEDITOR.addCss( cssStylesContenidoInteractivo );

2. Comment the config.removeDialogTabs config option (to be able to assign a class)
3. Open the editor on Chrome, create a link and set its style to "interElem". The style will not be applied. In the other hand, if you apply the style "interelem" (lower case) the style is applied.

Expected result

class interElem to be applied to the element

Actual result

class interElem is not applied to the element

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

It happens in Chrome, in different Windows installations, tested with CKEditor 4.3.3 and 4.5.11

Style sets for widgets can be set like:

CKEDITOR.replace( 'editor1', {
    stylesSet: [
        { name: 'Clean', type: 'widget', widget: 'image', attributes: { 'class': 'clean' } }
    ]
} );

or in styles.js:

CKEDITOR.stylesSet.add( 'default', [
    { name: '240p', type: 'widget', widget: 'embedSemantic', attributes: { 'class': 'embed-240p' } },
    { name: '360p', type: 'widget', widget: 'embedSemantic', attributes: { 'class': 'embed-360p' } },
] };

When trying to set two styles with the same name but for different widget type, like:

{ name: '240p', type: 'widget', widget: 'embedSemantic', attributes: { 'class': 'embed-240p' } },
{ name: '240p', type: 'widget', widget: 'embed', attributes: { 'class': 'embed-240p' } },

The stylescombo uses only style defined for latter widget type. It happens because stylescombo uses style names as ids internally and there is a collision so previous style gets overwritten.

In some cases there may be a need to provide same styles for different widget types.

Expected result

It is possible to set styles with the same name for different widget types. It is properly handled by stylescombo.

Actual result

Stylescombo cannot handle styles with the same name.

Generally, there may be two cases:

1. Setting different styles with the same name for different widget types.
2. Setting same styles for different widget types.

Enabling adding styles with the same name for different widget types solves both of the above issues, however, it is not optimal for the second one (optimal could be, e.g. passing array of widget types/names). So we might consider different approaches for this issue.

Steps to reproduce

1. Add async="async" into the script tag for ckeditor.js.
2. Launch the HTML in FF.
3. It may take a few launches, with or without clearing the cache, but look for a console error.

Expected result

Script would load normally.

Actual result

"A call to document.write() from an asynchronously-loaded external script was ignored." in the console.

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

FF50, Win7, 4.5.11, many plugins.

I've been running into issues with the debug code being used with RequireJS. This use case is a simplified example of the first issues I hit.

This may be moot with the 5.x line and the AMD branch, but for 4.x, a few tweaks can be added. I altered the debug ckeditor.js and core/loader.js and added to the test:

if ( document.body && ( !document.readyState | | document.readyState == 'complete' | | document.readyState == 'interactive' | | (document.currentScript && document.currentScript.async) ) )

Per the web, "interactive" does still mean the doc is loaded and parsed, while still waiting on images/script/frames, so adding a script node sounds legal.

For the currentScript.async test, if this script was loaded with async, writing to the doc should never be allowed. This flag didn't seem to pickup if a script calling this script was async, so its' not perfect.

Additionally, I wasn't sure if there was a benefit to doing "document.getElementsByTagName("head")[0].appendChild(script)" instead of "document.body.appendChild(script)".

Steps to reproduce

Load the plugin I've attached to this ticket. It's a plugin to work with jQuery UI Accordion. It has Add and Remove button. Latter does not have any events at the moment.

Expected result

After clicking on Add I would expect the new html be editable but it's not. Only way to make it editable is toggle Source button. I've tried everything so I'm either not doing it properly (and I don't want the whole accordion to be editable) or there's no such feature yet.

Actual result

The html is appended but I can't edit it.

Steps to reproduce

1. Create standard ordered or unordered list in MS Word file
2. Clear editor contents
3. Copy the list from word file and Paste it into editor

Expected result

Just ul/ol tags get pasted.

Actual result

Each list item text is wrapped in paragraph.

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

Problem can be reproduced in CKEditor 4.6 in IE11.

NOTE: Actually native IE11 produces same result so I'm not entirely sure if CKEditor should extra filter it or rather IE11 should have that fixed:

<ol style="list-style-type: decimal; direction: ltr;">
<li style='color: rgb(0, 0, 0); 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: 0cm; margin-bottom: 0pt; mso-list: l0 level1 lfo1;'>
<span lang="PL" style="mso-ansi-language: PL;">Test1</span>
</p>
</li>

<li style='color: rgb(0, 0, 0); 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: 0cm; margin-bottom: 0pt; mso-list: l0 level1 lfo1;'>
<span lang="PL" style="mso-ansi-language: PL;">Test2</span>
</p>
</li>

<li style='color: rgb(0, 0, 0); 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: 0cm; margin-bottom: 10pt; mso-list: l0 level1 lfo1; tab-stops: 179.25pt;'>
<span lang="PL" style="mso-ansi-language: PL;">Test3</span>
</p>
</li>
</ol>

On the other hand, paragraphs weren't populated in IE11 so maybe this can be fixed by the editor.

Steps to reproduce

1. Go to ​https://www.webtrix.be/moonocolor/ (you can also use build with this or different skin downloaded from ​http://ckeditor.com/builder).
2. Switch to source mode and paste html:

<h1>Content Accessibility Matters</h1><p><img src="https://c.cksource.com/ac/2/images/accessibility-matters-01.png" style="float:right" /></p>

3. Switch back to WYSIWYG mode.
4. Click a11ychecker button to run Accessibility Checker.

Expected result

The Accessibility Checker dialog opens. It is styled and positioned properly.

Actual result

The Accessibility Checker dialog opens. It is not styled and positioned properly.

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

The cause of this issue is the fact that balloonpanel has only 3 supported skins (​https://github.com/ckeditor/ckeditor-dev/tree/master/plugins/balloonpanel/skins) and for any other skin, invalid CSS is loading (see attached screenshot) so there is no styling applied to ballonpanel (for its insides, which are handled by a11ychecker plugin, the default skin is loaded, which is moono-lisa since 4.6.0).

I think balloonpanel should use default styles if stylesheet for specific skin is not present.

Steps to reproduce

1. Set <p>&shy;</p> as content of the contenteditable element
2. Click into the editor
3. Start typing

Expected result

The typed text is wrapped by a <p></p> tag.

Actual result

The typed text is not wrapped but inserted before the <p>&shy;</p>. When hitting the Enter-key a new <p></p> is inserted and from then on everything gets wrapped.

Environment

Google Chrome Version 54.0.2840.100 (64-bit) Windows & Linux.
I could not reproduce this behavior with Firefox ESR 45.5.0; in Firefox everything is wrapped nicely.

Steps to reproduce

1. Open CKEditor with Special Characters plugin.
2. Use "Insert Special Character" button to open the dialog.
3. Mouse over characters like &.

Expected result

Tooltip shows &.

Actual result

Tooltip shows &.

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

Same thing happens e.g. for <, > characters.

Steps to reproduce

1. Create a widget plugin called "justData"
2. Set its requiredContent to:

'div[data-my-attr]'

3. Create a widget plugin called "dataAndClass"
4. Set its requiredContent to:

'div[data-my-attr](my-class)'

5. Create a widget plugin called "containerForDataAndClass"
6. Add an editable field to the widget
7. Set the editable's allowedContent to:

'div[!data-my-attr](!my-class)'

8. In the actual editor, create a "containerForDataAndClass"

Expected result

I can only add a widget of type "dataAndClass" in the container

Actual result

I can add both a widget of type "dataAndClass" and "justData" in the container. When switching to source view and back, the "justData" widget code is removed, however, as it does not match the allowedContent for the editable.

In summary

I can use a button that I should not be able to use inside of the editable ("justData")

We are using CK editor 4.5.11. in our application. We are facing weird issue in creating content link from CK editor text. If we try to add link on selected text by clicking link button from toolbar nothing happens in IE8. It works fine in a later versions of IE and Chrome browser. By some more attempts it seems to create link but chances are seldom. Most of the time it just gets blink on click of ok button and link dialog goes away. We dont see any error or warning in browser console.

As a part of #16373 and #14931 tasks we created a plugin that shows a tooltip for keyboard focus and mouse over.

We need to polish few things:

• UI, redesign it to look better, some ideas:
  • Positioning - tooltips should be cenetered to the button. Now they are just displayed underneath starting from left.
  • Triangle - Add an pointing triangle at the middle of it.
• Due to the fact that plugin was created to work with maximum portability it "knows" about possible integrations. We should reverse this, and say that tooltip will be applied for link elements with .cke_tooltip class, or anything like that.
  • It's OK for the plugin to directly replace toolbar buttons, as it's the only plugin required by keyboardtooltip.
• Plugin name, keyboardtooltip is no longer relevant as it's not only for keyboard but also for mouseover. Let's rename it simply to tooltip.
• There's a problem that the tooltip is visible right after opening the dialog (despite opening the dialog with mouse). The problem is that it overlays the content below the focused option. Here are the steps:
  1. Open ​smiley manual test.
  2. Click smiley button (this opens a dialog).

Expected: tooltip is not visible, as it hides "indecision" smiley.

The codebase is pushed to branch ​t/16706.

The link plugin does already attempt to remove the protocol on change events to the URL field, but it doesn't account for leading white space. It's understood that the URL shouldn't contain leading white space and this could be considered a user issue. However, later in CKEditor's workflow, it trims the URL specified before saving the result. If the user then re-opens the Link dialog for the link they have created, the URL field will now show the URL containing the protocol, but with the original leading white space removed. As a user at glance, everything looks ok, because I'm not aware that the Link plugin is going to prefix the field's data with the protocol that's currently selected in the drop down. Without triggering any change events, the URL field will remain untouched, still containing the protocol at the beginning.

The link dialog needs to either trim the contents of the URL field before checking for beginning with a protocol, or use a white space delimiter in the protocol regular expression.

Steps to reproduce

1. Highlight a word and click link button in toolbar
2. In URL field, enter a space character, then enter a URL prefixed with the protocol ​http:// (IE, ​http://www.google.com)
3. Click OK to save the link
4. Inspect the URL in the document and verify that the href for the anchor tag contains ​http://http://www.google.com
5. Re-open the link dialog for the link in your document.
6. Verify that the URL field contains the contents ​http://www.google.com

Expected result

" ​http://www.google.com" should be trimmed before checking for protocol OR " ​http://www.google.com" should remain as the actual contents of the URL field (not trimmed before save) so that the user can see the issue that exists.

Actual result

The URL field is not trimmed before checking for protocol but is trimmed before saving the field, thus causing the protocol to exists twice.

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

Chrome 54.0.2840.99 m Windows 7 Latest CK editor version (can reproduce in demo) Standard edition (specifically link plugin)

Steps to reproduce

1. Insert a table into an empty document
2. Move the cursor via keyboard to the top left before the table
3. Start typing

Expected result

The typed text is wrapped by a <p></p> tag.

Actual result

The typed text is not wrapped but inserted directly before the table.

Environment

Google Chrome Version 54.0.2840.100 (64-bit) Windows & Linux. I could not reproduce this behavior with Firefox ESR 45.5.0; in Firefox I could not move the cursor before the table.

Steps to reproduce

1. Open attached Word file
2. Copy contents and paste it into CKEditor 4.6 and 4.5.11.
   NOTE: 4.5.11 requires:

   pasteFromWordRemoveFontStyles : false,
   pasteFromWordRemoveStyles : false
   

Expected result

This is the result from 4.5.11

<p><span style="font-family:Arial,sans-serif"><span style="font-size:8.0pt">TEST</span></span></p>

Actual result

This is the result in 4.6.0. Notice extra " around font name.

<p><span style="font-size:8.0pt"><span style="font-family:&quot;Arial&quot;,&quot;sans-serif&quot;">TEST</span></span></p>

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

Problem can be reproduced from CKEditor 4.6.0 in all browsers.

I started running into missing types, and having them is more helpful then having to look into the source. I don't know what kind of tool is generating the docs, and what validation can be achieved, like:

• missing/mismatched @param count and names; I see Object gets spit out by default, so I assume there is some intelligent parsing of the parameters
• missing @returns when body has return statement; this may be hard given nested classes

Anyway, I did a regexp search for methods in the SDK output that would have return types ((?:get|is|has|find|create|exists)
w*).

This ticket gathers all the issues concerning Paste from Word support in Microsoft Edge.

• ticket:16682
• ticket:16745

Features that are broken in Edge(mostly because content is not recognized as pasted from Word):

• Background Color: All styles except the background color are removed.
• Lists(all kinds except flat ordered list): Always remain paragraphs, regardless of the pasting method.
• Image: src points to a url starting with file://.

Steps to reproduce

Can be easily reproduced on /tests/plugins/copyformatting/manual/safaricolor (for both editors).

1. Put caret inside the first paragraph e.g. Text witho^ut any format.
2. Click Copy Formatting button.
3. Click on the last word (Orange) inside last paragraph like Ora^nge.
4. Put caret inside second paragraph e.g. Text with Font Georg^ia Size 22 & Text Colour Red.
5. Click Copy Formatting button.
6. Click on the last word (Orange) inside last paragraph like Ora^nge.

Expected result

On the second click styling should be copied and applied to the word Orange.

Actual result

On the second click, styling is applied to first part of the last paragraph Text with Background Colour instead of Orange word.

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

Happens on IE11, Chrome and Firefox works fine.

This issue was found while fixing #16618. It looks similar but the cause is different so it was extracted as a separate issue.

The ​cleanPasteData method should use global regexp (g flag) to remove elements with data-cke-filler-webkit attribute. All elements with data-cke-filler-webkit attribute should be removed regardless the attribute value.

The ​removeFillers method should be more generic removing _any_ *[data-cke-filler-webkit] element. It would be simpler, and safer in case when some external API adds something to the end of the editable.

Steps to reproduce

1. Open nightly build in firefox.
2. Clear all content & insert a link using link dialog
3. After link is inserted press Right Arrow key to come out of link and type some text

Expected result Typed text should be outside link and should be normal text

Actual result: Newly typed text still part of link & there is no way for user to type normal text on same line unless he press Enter to go to New line

Steps to reproduce

1. Type a text.
2. Move cursor in the middle of the text.
3. Hit Enter (new line) key.

Expected result

New line is inserted and the cursor is at the beggining of it.

Actual result

New line is inserted, but the cursor is at the end of the whole text in editor.

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

Appears on NOKIA Lumia 925 with Windows Phone 8.1. Tested on CKE 4.4.6 and today's DEMO version.

Steps to reproduce

Based on comment - ​http://dev.ckeditor.com/ticket/11644#comment:6

1. Put attached script into your editor folder
2. Assign it to one of samples like replacebycode.html <script src="../../myscript.js"></script>
3. Load the page, open table dialog and press OK to insert default table

Expected result

Table gets inserted.

Actual result

Dialog shows up saying "Number of rows must be a number greater than 0". The global function from custom script gets called.

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

Problem can be reproduced in all browsers from CKEditor 4.0 at least.

To solve this we would probably need to rename core.dom.element.getValue() or plugins.dialog.plugin.getValue or plugins.dialogui.plugin.getValue.

It's easiest to see using the link below, as the placeholder plugin goes through Widget, which uses contenteditable=false to make the yellow placeholder? items behave as a single unit:

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

However, the bugs I'm about to report apply to ANY item in ckeditor that uses contenteditable=false to behave as a single unit.

There are several issues that end up confusing users. Steps to replicate included:

1) In the link above, delete the period after "Hotline number?." so that Hotline number? is the last element on that line. With the insertion point at the end of the line (to the right of Hotline number?), click and drag from the end of the line to the left. Current behavior: NO selection is made. Expected behavior: it should select the element as you drag to the left. Put a period back at the end of the line to observe expected behavior.

2) Use the toolbar button "Insert/Remove Bulleted List" Make at least 3 bullet items. Copy and paste placeholder? items so they are the last element on each row of the bulleted list. Ensure that no other characters come after the placeholder? item (such as periods or spaces).

Now click to the right of the end of each line for each bullet point. In some cases, the insertion point appears at the far right side of the editor area, instead of immediately to the right of the placeholder? item. I haven't yet figured out how to reliable reproduce this, however. Sometimes the cursor appears in the correct location.

3) Copy and paste any bullet point line, including both some plain text, and your template? item, to create a new, identical bullet point. Use this using the keyboard commands Command-C and Command-V. Hit return and repeat. You'll find you can't, because during the paste process, somehow the document is no longer in focus -- the insertion point seems to be "gone" after paste.

Steps to reproduce

Note: this issue appears only on built version of CKEditor.

1. Open ​​http://tests.ckeditor.dev:1030/tests/plugins/widget/manual/block.
2. Focus the Classic editor by clicking on header like Len^na.
3. Focus caption inside first image widget like Image of Lena Söderberg us^ed in many image processing experiments..

Expected result

The editable caption is focusable.

Actual result

Caret jumps to the beginning of the content.

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

Tested on Safari 10.0.1 (11602.2.14.0.7) and 10.0.1 (12602.2.14.0.7).

Happens only in classic editor, inline editor works fine.

Steps to reproduce

1. Open manual test: ​http://tests.ckeditor.dev:1030/tests/plugins/widgetselection/manual/basic
2. Go to the editor titled "End".
3. Select all.
4. Paste.

Expected result

Pasted content replaces whatever was in the editable.

Actual result

Nothing happens.

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

IE8 compatibility mode.

Steps to reproduce

1. Go to ​http://tests.ckeditor.dev:1030/tests/plugins/uploadwidget/manual/image.
2. Drag and drop 3 images to the editor.
3. Delete 2 of them while images are still uploading.
4. Undo.

Expected result

It is possible to undo changes.

Actual result

Undo does nothing. Error in the console is thrown: Uncaught TypeError: Cannot read property 'data' of null(…).

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

Checked on Opera and Firefox. Occurs in both browsers.

Steps to reproduce

1. Open manual test: ​http://tests.ckeditor.dev:1030/tests/plugins/widgetselection/manual/basic
2. Go to any editor (except the Middle one).
3. Invoke the Android selection tools(cut,copy,select all) and press "select all".

Expected result

Content is selected.

Actual result

Nothing happens.

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

Chrome (Android), Safari (iOS).

Steps to reproduce

1. In Safari 10.0.1, navigate to this CKEditor demo page: ​http://sdk.ckeditor.com/samples/classic.html
2. Switch to "Source" mode on the "Classic Editor with Default Styles"
3. Copy the html in the file attached to this ticket into the editor.
4. Switch back to "WYSIWYG" mode by clicking "Source" again.
5. Click on the document in the editor. Browser tab should hang. If you open a task manager you should observe the Safari process consuming 100% CPU.

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

• Only occurs in Safari 10.0.1 to my knowledge.
• You'll notice that the attached html includes conditional tags recognized by Microsoft Outlook (if (get mso 9) etc...). These are common in html emails for compatibility purposes with Outlook. Remove them and Safari no longer crashes in this manner.

Steps to reproduce

1. Go to ckeditor 's demo site. Use the Article Editor.
2. Insert a table from the toolbar.
3. Try to place the cursor to the rightmost of the table.

Expected result

You can place a cursor to the rightmost of the table.

Actual result

You cannot place a cursor to the rightmost of the table. (You can do this if the table if copied from Excel).

See the attach for details.

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

Demo site(4.6), MacOS, Chrome.

Steps to reproduce

1. Open nightly build ​http://nightly.ckeditor.com/16-12-12-07-06/full/samples/
2. Copy content from attached word doc
3. Paste in to CK Editor using Paste from Word dialog

Issue: Indentation for text after list item is lost

Steps to reproduce

1. Go to ​http://sdk.ckeditor.com/samples/captionedimage.html.
2. Click Source button.
3. Focus editor.

Some parts of the text are highlighted as incorrect by the native spell checker (e.g. captionedimage) even when ​disableNativeSpellChecker option is set to true. It happens because in source mode the textarea does not utilize spellcheck attribute in any way.

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

CKEditor 4.6.1, checked on Chrome and FF.

In 4.6.0 we did not include generic test fixtures for Edge. It's time to fix it and add these missing pieces.

First we need to focus on fixtures directly in ​_fixtures directory.

Moved from ​https://github.com/ckeditor/ckeditor-sdk/issues/203

Steps to reproduce

When I upload "multi images" in this page, below error is displayed on my Chrome console. However, the upload itself is processed correctly.

Sample page: ​http://sdk.ckeditor.com/samples/fileupload.html#uploading-dropped-and-pasted-images Error message: ckeditor.js:430 The given range isn't in document.

The same phenomenon occurs also in my development environment.

Expected result

There should be no error reported in the error console.

Actual result

Files are uploaded (great!), but JavaScript exception occurs.

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

Chrome, reproduced on the latest version of CKEditor (4.6.1), did not try earlier versions.

Steps to reproduce

1. Copy text and several images from Word/secured website.
2. Paste the copied information to CKEditor

Expected result

Text with pictures should be pasted.

Actual result

The images are broken.

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

This is occurs in Firefox/Chrome/Edge/Safari. If pasting data from a secured webpage the images are pasted as links and when the session expires the become inaccessible.

It would be nice if the images are converted to Base64 or uploaded separately. I have no problem pasting a single image when coping from Word.

Steps to reproduce

Steps to reproduce :

1. Check that the Italic is unselected.
2. Select a certain text and select Italic.
3. The selected text Italicices
4. Now, select another piece of text which is not italic. The Italic option is still selected but the selected text is not Italic.

Expected result

Whenever a text is selected toolbar is not having selections as per the formatting of selected text.

Actual result

Whenever a text is selected toolbar should have the selections as per the formatting of selected text.

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

This issue is reproducible only in iPad. I tried on safari and chrome(iPad 8.1.1)

While working on #14856 fix, we had a chance to look more in depth into how it works when applied on link boundaries (see also ​#14856#comment:12). The behaviour is quite inconsistent and should be normalized.

One important thing to mention is how browsers natively handle typing on link boundaries. Consider the following html:

<p><a href="#">Link^</a> text</p>

For WebKit browsers the selection is like in the above html, however, when you start typing it is moved outside the link (like <p><a href="#">Link</a>^ text</p>) so the typed text is not the part of the link. All non empty elements from within a link are copied (using styles combo creates empty element/s which are not copied in such cases).

In Firefox, the selection can be either <p><a href="#">Link^</a> text</p> or <p><a href="#">Link</a>^ text</p> and it behaves accordingly so the typed text becomes part of the link or plain text.

For IE/Edge browsers the selection always behaves and acts like <p><a href="#">Link</a>^ text</p>.

Now consider the resulting html after using styles combo on the following html:

Chrome

1.

<p>x<span style="font-size:12px"><em><a href="#">foo^</a></em></span>x</p>

After changing font size to 20px and typing bar becomes

<p>x<span style="font-size:12px"><em><a href="#">foo</a></em></span><span style="font-size:20px">bar</span>x</p>

2.

<p>x<a href="#"><span style="font-size:12px"><em>foo^</em></span></a>x</p>

After changing font size to 20px and typing bar becomes

<p>x<a href="#"><span style="font-size:12px"><em>foo</em></span></a>barx</p>

3a.

<p>x<span style="font-family:Georgia,serif"><a href="#"><span style="font-size:12px"><em>foo^</em></span></a></span>x</p>

After changing font size to 20px and typing bar becomes

<p>x<span style="font-family:Georgia,serif"><a href="#"><span style="font-size:12px"><em>foo</em></span></a>bar</span>x</p>

3b.

<p>x<span style="font-family:Georgia,serif"><a href="#"><span style="font-size:12px"><em>foo^</em></span></a></span>x</p>

After changing font family to Tahoma and typing bar becomes

<p>x<span style="font-family:Georgia,serif"><a href="#"><span style="font-size:12px"><em>foo</em></span></a></span><span style="font-family:Tahoma,Geneva,sans-serif">bar</span>x</p>

Firefox

1.

<p>x<span style="font-size:12px"><em><a href="#">foo^</a></em></span>x</p>

After changing font size to 20px and typing bar becomes

<p>x<span style="font-size:12px"><em><a href="#">foo</a></em></span><span style="font-size:20px">bar</span>x</p>

2.

<p>x<a href="#"><span style="font-size:12px"><em>foo^</em></span></a>x</p>

After changing font size to 20px and typing bar becomes

<p>x<a href="#"><span style="font-size:12px"><em>foo</em></span><span style="font-size:20px">bar</span></a>x</p>

3a.

<p>x<span style="font-family:Georgia,serif"><a href="#"><span style="font-size:12px"><em>foo^</em></span></a></span>x</p>

After changing font size to 20px and typing bar becomes

<p>x<span style="font-family:Georgia,serif"><a href="#"><span style="font-size:12px"><em>foo</em></span><span style="font-size:20px">bar</span></a></span>x</p>

3b.

<p>x<span style="font-family:Georgia,serif"><a href="#"><span style="font-size:12px"><em>foo^</em></span></a></span>x</p>

After changing font family to Tahoma and typing bar becomes

<p>x<span style="font-family:Georgia,serif"><a href="#"><span style="font-size:12px"><em>foo</em></span></a></span><span style="font-family:Tahoma,Geneva,sans-serif">bar</span>x</p>

While the elements order may be different I does not make any difference for visual appearance and CKEditor UI (<a><em>text^</em></a> and <em><a>text^</a></em> looks same and activates same states/controls in UI). This means for different elements order, the result of using styles combo should be the same in both appearance and UI state (same for one browser, not necessarily between browsers).

Currently applying new style or removing existing style in the editor (e.g. via changing element's style using "Styles" dropdown menu) does not fire any event. Because of that there is no sensible way to detect such changes in the editor.

Using change event for this purpose could be a workaround, but generates too much noise. Dedicated event should be a better solution.

Steps to reproduce

1. Click on “Maximize” button to enter full-screen editing mode.

Expected result

Ability to use the toolbar, including minimizing the full-screen mode.

Actual result

The toolbar is hidden above the top of the window. A white gap appears at the bottom. I opened up dev tools and found div#page. In the CSS inspector, I got the page to re-render by unchecking position: static and then checking it again. This instantly caused the toolbar to be displayed, and the white gap at the bottom to disappear.

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

Firefox 50.0.1, Mac OSX 10.11.6, CKEditor 4.4.3 Plugins: Code Snippets, word counting, Linkit module, Media CKEditor, HTML snippets, and Table Resize

Steps to reproduce

1. I have the following html:

    <p>Some text...</p>
    <question>
      <answer>
         More text ...
      </answer>
    </question>
   

I am trying to replace the <question> element with another html string.

2. My code:

editor.getSelection().selectElement(element);
// here element is an instance of CKEDITOR.dom.element.
// Its nodeName property is 'QUESTION' in all browsers

editor.extractSelectedHtml();
editor.insertHtml(myString);

3. This works fine in Chrome and Firefox but doesn't work in Safari.

In Safari I get the following error when running extractSelectedHtml: TypeError: undefined is not an object (evaluating 'a.startContainer.getDtd()'). The inner html of the <question> element gets deleted, but the <question> tag itself stays.

I tried to check what editor.getSelectedHtml method returns in Chrome and Safari. In Chrome it returns CKEditor.dom.documentFragment with question as firstChild, and in Safari it returns CKEditor.dom.documentFragment with answer (inner node) as firstChild.

Expected result

I would expect my code snippet to produce the same result in all browsers.

Is this working as intended? Is there any workaround for this issue in Safari?

Steps to reproduce

Upload addon with ES6 syntax (e.g. let instead of var) to the addons repo.

or even better:

Create a plugin with ES6 syntax and use command line builder to build CKEditor.

Expected result

Everything should work.

Actual result

Validating JS files plugin.js (line 19):

missing ; before statement

ES6_FEATURE. this language feature is only supported in es6 mode: let declarations. Use --language_in=ECMASCRIPT6 or ECMASCRIPT6_STRICT to enable ES6 features. at .tmp803549/plugin.js line 19 : 12

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

When we click/select the "Paragraph Format button" in iphone 6 & 5, the page scrolls top of the page. Sometimes scrolls at the bottom.

Refer the following demo link, which has only less features of the editor configured but the scroll issue exist.

​https://alfonsoml.blogspot.in/2012/04/placeholder-text-in-ckeditor.html

Steps to reproduce

1. Open the above link in iphone 6 or 5
2. Click the "Format" button or select any values in the "Paragraph Format dropdown"
3. Now see where the page goes

Expected result

It should stay in the editor without scroll

Actual result

Scrolls top/bottom of the page

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

Device: Iphone 5 & 6, Browser: Safari

I can find that there are other tickets already raised related to this (#11730, #10694, #12749), but this issue still remains in the latest version of the editor.

Steps to reproduce

1. Go to ​http://tests.ckeditor.dev:1030/tests/plugins/uploadwidget/manual/image#child.
2. Drag and drop image.
3. Click undo while image is still uploading.
4. Click redo (image will not show as upload was aborted).
5. Drag and drop image.
6. Click undo while image is still uploading.
7. Click redo.

Expected result

Nothing happens as image upload is aborted. Redo cannot be clicked again.

Actual result

Error is thrown while redoing. Redo is active and can be clicked multiple times (throwing error every time).

SCRIPT5022: IndexSizeError 
ckeditor.js, line 430 character 258

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

IE10, CKEditor 4.6.2.

Steps to reproduce

1. Go to ​http://tests.ckeditor.dev:10462/tests/plugins/widget/manual/block.
2. Insert code snippet on the beginning of the content (classic editor).
3. Click before code snippet (so the focus goes on the beginning of the editable area and not the widget).
4. Try to insert other widget (e.g. doublecolumn or other code snippet).

Expected result

Widget inserted.

Actual result

Error is thrown TypeError: undefined is not an object (evaluating 'b.checkReadOnly') and no widget inserted.

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

Safari 10, CKEditor 4.6.2 built.

Steps to reproduce

1. Open editor sample.
2. Find any word from the editor.
3. Close Find dialog.
4. The phrase is highlighted. Press right arrow twice

Expected result

Highlight is removed.

Actual result

Highlight is still present and it's represented by styled span.

Steps to reproduce

1. Open editor sample with context menu.
2. Click right mouse button to open context menu.
3. Drag menu option into empty space in the editor.
4. Drop menu option.

Expected result

Cursor is in "not allowed" mode, option is not dropped.

Actual result

Cursor is in "create shortcut" mode, option is dropped.

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

Followup for #10373.

Steps to reproduce

1. Use inline editor with plugin Tabletools IN a table
2. Use the editor tools to insert a table with TH (both in rows and columns)
3. Use the context menue on the leftmost column to add another column on the left

Sample HTML structure after step 2:

<table>
  <tbody>
    <tr>
      <td>
        <div id="editor1" contenteditable="true">
          <table border="1" cellspacing="1" cellpadding="1" style="width: 500px;">
            <thead>
              <tr>
                <th scope="row"><br></th>
                <th scope="col"><br></th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <th scope="row"><br></th>
                <td><br></td>
              </tr>
            </tbody>
          </table>
        </div>
      </td>
    </tr>
  </tbody>
</table>

Expected result

There should be another column before the TH column (in the editable area).

Actual result

There is another column outside the editable area.

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

This problem applies to other settings also. For example the alignment of a TH cell is instead set on the first TD cell outside the editor.

Problematic Code

​https://github.com/ckeditor/ckeditor-dev/blob/master/plugins/tabletools/plugin.js#L33

var nearestCell = startNode.getAscendant( 'td', true ) || startNode.getAscendant( 'th', true );

When startNode is a TH getAscendant() will only find the TD outside the Editor and not even execute the second part of the condition. You either have to check whether nearestCell ist an element in the editor or search for both (TD and TH) and use the nearest of both.

The same applies to ​https://github.com/ckeditor/ckeditor-dev/blob/master/plugins/tabletools/plugin.js#L50

var parent = node.getAscendant( 'td', true ) || node.getAscendant( 'th', true );

Steps to reproduce

1. Open the ckeditor with firefox, copy a widget with more html.
2. Click right button on the editor, then paste from the dropdown.
3. The paste dialog is shown, then press Ctrl+V to paste it in the dialog and click OK.

Expected result

The widget should be inserted with all its classes, same content, and same styles.

Actual result

All elements are present but some of their classes are removed, the style is not the same. I've debugged the paste dialog and in the event editor.fire( 'pasteDialogCommit', { dataValue: html }) - the dataValue contains all necessary elements and their classes. However when the widget is inserted and I inspect its elements it seems some of their classes are removed.

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

It works perfectly under chrome, IE and Safari.

Steps to reproduce

1. Make sure the Justify plugin is available.
2. Configure the editor to use the following custom ACF rules:

allowedContent: 'p ul{text-align};li'

2. Load the editor. The Justify tool bar buttons are available, which is expected because we have the "p ul{text-align}" rule.
3. Verify that the custom ACF rules are active using the JavaScript console:

> CKEDITOR.instances.content.filter.check('ul{text-align}')
true
> CKEDITOR.instances.content.filter.check('li{text-align}')
false

4. Create a list

• first item
• second item

Place the caret on the second item. The Justify buttons are still enabled. Click on the "Center" button from the tool bar.

Expected result

The Justify plugin should center the entire list (both items) because our custom ACF rules forbid the text-align style on the li element but allow it on the ul element.

Justify plugin should prevent of applying justification on disallow elements. If ACF forbid to apply text-align style on given element, then plugin should be disabled on such element.

Actual result

The Justify plugin centers the second list item, thus generating invalid content from the point of view of the ACF.

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

Any browser, Any OS, CKEditor 4.6.2, Justify plugin

Note that in my case I have to convert the generated HTML to a specific wiki syntax which doesn't support attributes/styles for the li element. So when the user saves the content the text-align style on the list item is lost. My users are thus complaining that the list alignment is lost. I don't want to disable the Justify plugin.

Currently there's no way to load tabletools/liststyle plugin without adding a custom context menu. This is something that part of community would like to avoid.

Reason for this is that these plugins has a ​hard requirement on it, and this is how we need to proceed, because by default contextmenu is the only way how people can interact with it.

Steps to reproduce

1. Basic installation; include the "Format" widget.
2. While using the editor in the front end, click on the "Paragraph format" drop-down.
3. While the label for selecting <h2>, <h3>, <h4> etc is "Heading 2", "Heading 3", "Heading 4" respectively, the label for selecting a <p> is "Normal".

Expected result

Having the label of the drop-down menu be "Paragraph" would make more sense to users.

Actual result

The drop-down menu entry for paragraph tags is "Normal", which is too vague.

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

Respective issue in the Backdrop CMS queue: ​https://github.com/backdrop/backdrop-issues/issues/2176

WordPress is also using "Paragraph" and we'd like to go with that in Backdrop CMS. We could change the tag_p option in the language files, but that would mean maintaining the change with any future upgrades of CKeditor versions, so we think that it would be best if this was fixed upstream. Hence this issue here.

Thank you beforehand for considering this.

Steps to reproduce

1. Add some form of widget into a ckeditor
2. Switch to source view and back again

Expected result

Should be the same as before going into source mode

Actual result

It added a container span around the element as well as an image after it that looks like a drag handle. Repeatedly switching between source and html adds more wrappers and more drag handle images, some of which end up being block-level. These elements persist after saving the content of the ckeditor and viewing it outside this context, e.g. the iframe that gets added into the content we're editing can be selected like a ckeditor element even outside of ckeditor.

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

Tested in chrome and edge. Bug did not happen in 4.5.x, it only took place after updating to 4.6.x.

Has widget plugin installed, both the 4.5.x version and the 4.6.x version exhibit the same behaviour.

The widget in question is a custom google maps plugin which is supposed to output an iframe in a wrapping div. It also takes place when using the oembed plugin, which uses a widget.

Sometimes when I perform a Copy/Paste from txt file into the CKEDITOR (latest version), the text gets copied multiple times.(2-6-8-10 times) and the browser also freezes when this happens. But this only happens after long periods of use, with a considerable amount of text and it's hard to reproduce.

I'm wondering if there is any way we can prevent this from happening even though we don't really know what the cause of it is.

Any help would be much appreciated.

In issue #16826 we aligned IE11 pasted content to other browsers by removing paragraph, added directly to li elements.

However in some cases li contained multiple paragraphs, some of them might have a different text alignment.

You can see this in following fixtures:

• 6493Questions_and_answers
• 7918Numbering
• 9274CKEditor_formating_issue

Fixtures were updated not to include text-align in ​eae1d9cd669fe266c5c6c9d9e5a4ebd334c4c2fd, but we should fix these alignments.

Steps to reproduce

1. Open Full editor demo from: ​http://nightly.ckeditor.com/
2. Open the attached file in Word, copy and paste it into the editor.

Expected result

List structure is the same as in the Word file.

Actual result

Lists are malformed - they are shifted one level up.

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

IE11 Only.

I got this error when i use online builder and simply download the full package leaving default sets.

ckeditor.js:925 Uncaught TypeError: Cannot read property 'toolbar' of undefined

Steps to reproduce

1. Create table
2. Fill rows with data
3. focuse on first row -> Click Right -> Insert row after

Expected result

Inserting new empty row after focused one

Actual result

Row is inserted as second after focused one

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

For some audiences it would be useful to display the class of each element in the path/breadcrumb at the bottom of the editor, similar to Developer Tools in Chrome or Firefox. Rough patch has already been provided by another user in comments on the plugin page: ​http://ckeditor.com/addon/elementspath.

I didn't see any mention of this with respect to CKEditor 5--please comment if you would like a similar issue submitted on github.

Steps to reproduce

1. Open ​http://sdk.ckeditor.com/samples/fullpreset.html.
2. Open context menu inside the table and go into "Cell" submenu.
3. Move through options in the submenu using arrow keys.

Expected result

Focus is always visible, even for disabled options.

Actual result

Focus for disabled options is invisible.

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

Skin: moono-lisa

Steps to reproduce

1. Be on Windows and a Webkit browser
2. Position the cursor in such a way that pressing Ctrl+A will, using the code added in ​https://github.com/ckeditor/ckeditor-dev/commit/c08aa2ca61a7119f56a9805a8b959ffa83f38457, select all editor contents
3. Press Ctrl+*Alt*+A

Expected result

Ctrl+Alt+A is used to enter the character ą on a US keyboard layout. The ą character should be inserted.

Actual result

The editor's contents are selected.

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

Suggested fix (which actually probably explains the issue better than the above description)

plugins/widgetselection/plugin.js

Change:

`

`

To add a !data.altKey check on Windows.

`

`

Steps to reproduce

1. Go to ​http://ckeditor.com/features and click on Accessibility Checker demo
2. Click on the Paste From Word button
3. Paste in the following from Word (formatted in Word as a numbered list with the parens) and press OK:

(a). This will not work.

Expected result

Same output as copied from Word (formatted as a numbered list)

Actual result

Nothing gets pasted. Error in console:

Uncaught TypeError: f.getSubsectionSymbol(...).match is not a function
    at Object.setListSymbol (default.js?t=H0CI:23)
    at Object.createLists (default.js?t=H0CI:29)
    at root (default.js?t=H0CI:6)
    at a.exec (ckeditor.js?oksklt:284)
    at $.onRoot (ckeditor.js?oksklt:282)
    at window.CKEDITOR.window.CKEDITOR.dom.CKEDITOR.htmlParser.fragment.filter (ckeditor.js?oksklt:278)
    at $.applyTo (ckeditor.js?oksklt:281)
    at Object.CKEDITOR.cleanWord (default.js?t=H0CI:14)
    at ckeditor.js?oksklt:1093
    at a (ckeditor.js?oksklt:1091)

Same result if I try (1). or (A). etc.

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

Note that this appears to be a regression from version 4.5.11 to 4.6

OS: macOS Sierra Version 10.12.2

Browser: Chrome Version 56.0.2924.87 (64-bit)

Word: Word for Mac Version 15.30

CKEDITOR: 4.6.2 (standard)

Steps to reproduce

1. Go to ​http://ckeditor.com/latest/samples/index.html
2. Enter some contents, click Page Break button (a page break indication with 2 dotted horizontal lines appears) and enter some more contents
3. Click Print button

Expected result

Two pages are printed correctly and Page Break indication is not visible in the first printed page

Actual result

Two pages are printed correctly, but Page Break indication is actually visible in the first printed page

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

Firefox 45, Chrome 56, Windows 7 SP1, CKEditor 4.6.2 full on-line demo

Steps to reproduce

1. Open a document with images
2. switch to edit draft
3. Note that all text word wraps around images but there are return characters after images that aren't respected.
   

How can I attach a picture of this for you? david.brandt@…

Expected result

Return characters are respected

Actual result

return characters are ignored and document is corrupt.

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

)]]

the files in the repo is a big mix of Unix and Windows line endings and with and without BOM

Please agree on a standard and convert all files to this.

fx: ckeditor.js is Unix with BOM build-config.js is Windows with BOM CHANGES.md is Windows without BOM

Perhaps the best thing is Linux line endings

Steps to reproduce

The CKEditor is used as a component in a react interface with possibility to add new groups of form elements for user input. Whenever the group of form elements consists of at least one RTE, this element is focused in the interface although there are other form elements above it.

The configuration for startupFocus is set on false. This works without problems in Firefox or Chrome, but has no effect on its behaviour in IE 11.

Expected result

No scroll event to focus the CKEditor when adding a group of several form elements.

Actual result

CKEditor is focused.

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

• Internet Explorer 11
• Windows 7

The standard distribution of the uploadfile plugin requires the link plugin. However, the Source code made available through the Add-on section of the website indicates that link is not required.

My preference would be to not require the link plugin - it isn't actually required to perform the upload. Removing it would also better support those of us that integrate our own and remove the link plugin. That said, the request is to make these two source paths consistent so there isn't confusion about what the plugin requires.

Std Dist: ​https://github.com/ckeditor/ckeditor-releases/blob/master/plugins/uploadfile/plugin.js

Source: ​https://github.com/ckeditor/ckeditor-plugin-uploadfile/blob/t/12541/plugin.js

Below is My CsHtml File

<div id="kendorte-@entityId" class="rte-editor">

@*@Html.TextArea("editorplace", new { @id = "editor1" ,@class="inline-editor ms-rtestate-write"})*@ <textarea @*class="inline-editor ms-rtestate-write"*@

class="ckeditor" id="editor-@entityId" @*id="editor1"*@ data-entity-id="@entityId" data-entity-qavid="@qavId" data-iscore-attr="@Model.IsCore" data-connect-coreid="@Model.ConnectCorePriorityId">

@{

var data = Html.Raw(Model.Text); }

</textarea>

<script src="../../content/ckeditor/ckeditor.js"></script> @*<script src="../../content/ckeditor/samples/js/sample.js"></script>*@ <script>

callckeditor('editor-@entityId', @isCP,@data);

</script>

</div>

callckeditor is a function

callckeditor(objectid,iscp,textcontent) { CKEDITOR.document.getById('editor-@entityId').setHtml('@data'); }

The problem is i am not able to Load the Table related data on TextEditor

The Content is <table style="width:100%">

<tr>

<th>Firstname</th> <th>Lastname</th> <th>Age</th>

</tr> <tr>

<td>Jill</td> <td>Smith</td> <td>50</td>

</tr> <tr>

<td>Eve</td> <td>Jackson</td> <td>94</td>

</tr>

</table>

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

latest CKeditor Version

Steps to reproduce

1. Open attached HTML and paste it into editor.
2. Make a selection staring in ^except DSO and ending in dk^
3. Press delete or backspace

Expected result

Table contents get deleted but table stays 3X3

Actual result

Cells 1.1 get removed

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

Problem can be reproduced in Blink and Webkit browsers (Win and Mac) from CKEditor 4.4.2.

Please also see attached video.

EDIT: Problem can also be reproduced when selecting content between cells. Select whole cell 1.1 and part of cell 1.2.

Steps to reproduce

1. Change the font size for the first time it works correctly.
2. But if select the same font size again, it will revert back to the original font size. The same for font style.
3. This behavior doesn't conform to other main editors, and could bring problems.

Expected result

Please prevent revert font back to original font if select same font again.

Actual result

Resetting the font to original font if select font again.

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

When you dynamically create inline instances and then destroy an instance with instanceName.destroy() the mutation observers aren't destroyed and thus causing some serious memory leak and dom leakage.

On a page with multiple instances and a lot of user interaction this leak quickly starts to grow big (multiple mb's per step) and causing the ckeditor / browser to become really slow.

I've attached a screenshot of a heap snapshot comparison done in Chrome. The steps I did were:

ActionSteps = create inline instance and then destroy it

1. do: ActionSteps
2. take Heapsnapshot
3. do: ActionSteps
4. take Heapsnapshot
5. do: ActionSteps
6. take Heapsnapshot

Then select heapsnapshot 3 and select from dropdown "Object allocated from snapshot 1 and 2"

Steps to reproduce

1. Open attached multi_list.docx in Word and copy it's content.
2. Open CKEditor.
3. Paste into editable.

Expected result

Pasted list has correct structure (ofc multiple digit markers do not need to be preserved).

Actual result

Starting with "4.2.1.Aa" item, list structure is broken.

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

I think it has something to do with this list item not having nbsp between marker and the list item content.

Currently we have ​browser-detection based check, which is not ideal because as soon as Microsoft enables this API it won't working without us releasing a patch for CKE4.

If we change it to feature-detection, older CKE4 versions will work out of the box.

Since JSCS project has been disconctinued, we need to move to ESLint.

I have a plugin that creates a div with some attributes as a fakeElement. The content of this div is only an ID. With the combination of the attributes and the ID I can later retreive dynamic contents from the database and replace the div-element. This plugin used to work, but after updating CKEditor from 4.5.7 to stable (4.6.2) it stopped working. After the update, it only inserts a div element with the ID as content. So all attributes are removed.

Steps to reproduce

• Download I used for 4.6.2: ​https://github.com/ckeditor/ckeditor-dev/archive/stable.zip
• Download I used for 4.5.7: ​https://github.com/ckeditor/ckeditor-dev/archive/4.5.7.zip

1. Unzip CKEditor
2. Unzip the attached plugin to ckeditor/plugins/gadget folder
3. In config.js:

• Disable content filter: config.allowedContent = true;
• Add 'gadget' to config.plugins
• Create a toolbar: config.toolbar = [ { name: 'Gadget', items: [ 'Source', 'gadget' ] } ];

4. Open the ckeditor/samples/ page in the browser
5. Empty the content of the editor
6. Click the 'Add gadget' button in the toolbar (blue gear)
7. Type something in the textarea and click OK
8. Click the Source button in the toolbar

Expected result

In CKEditor 4.5.7, the HTML code includes a div with attributes: <div class="gadgetPlugin tab-htmlcode" height="80" title="Gadget" width="80">1</div>

Actual result

In CKEditor 4.6.2, the HTML code includes a div without attributes: <div>1</div>

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

• Tested in Windows 10 PRO x64 (dutch), IE11
• Note that the plugin is a stripped version of the actual plugin, to demonstrate the problem only. The actual plugin retreives dynamic content of our server using Ajax, this version only uses some static content and has a lot of options and tabs removed.

Steps to reproduce

1. Change the editor to the source code mode.
2. Copy and paste the contents in the attached text file.
3. Change the editor to the WYSIWYG mode.
4. Scroll down the editor viewport to the bottom.
5. Left mouse click on a border of the last table element. (Refer to the attached image file.)
6. Cursor jump to the 1st table cell in the editor.

Expected result

The clicked table element should be selected.

Actual result

Cursor jump to the 1st table cell in the editor.

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

[CKEditor version]

• ckeditor_4.6.2_full
• CKEditor Nightly Build | Demo Full ​http://nightly.ckeditor.com/17-03-03-07-09/full/samples/

[Client OS, Browser] Windows 10 Pro(64bit) / Internet Explorer 11

Is this a duplicate of #16845?

Steps to reproduce

1. ​http://ckeditor.com/builder/01de32482a9e0b7b308c0203377d5594 OR ​http://ckeditor.com/builder/download/01de32482a9e0b7b308c0203377d5594
2. Run toolbar configurator

Expected result

Toolbar configurator to load and allow customization.

Actual result

Errors out.

Uncaught TypeError: Cannot set property 'innerText' of null ckeditor.js:1563

Also get Uncaught TypeError: Cannot read property 'refresh' of null index.html:200 when switching from basic to advanced or vice versa.

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

Tried Chrome and Firefox, CKEditor 4.6.1 and also just tried 4.6.2. Have a few plugins extra that can be seen in the builder. I also tried adding jquery into the page but still get errors.

This function starts with the following:

add: function( node, index ) {
  isNaN( index ) && ( index = this.children.length );
  var previous = index > 0 ? this.children[ index - 1 ] : null;
  if ( previous ) {
    // If the block to be appended is following text, trim spaces at
    // the right of it.
    if ( node._.isBlockLike && previous.type == CKEDITOR.NODE_TEXT ) {
      previous.value = CKEDITOR.tools.rtrim( previous.value );
      // If we have completely cleared the previous node.
      if ( previous.value.length === 0 ) {
         // Remove it from the list and add the node again.
        this.children.pop();
        this.add( node );
        return;
      }
    }
  }
...

If you are adding a block-like node after a text node, it trims the text-node on the right and, if it is rendered empty, it claims to delete said text node and add the block node. However, this will only happen in the above if we are adding the node at the very end of the list of children of 'this', because we use .pop(), thereby removing the final element of the array and then add the block node to the end of the array.

The following

this.children.pop();
this.add( node );

should instead be something like

this.children.splice( index-1, 1, node );

The specific case where I am encountering this problem may not be terribly applicable, but I have a widget implementation that is upcasting LaTeX code, not requiring it to be wrapped in an HTML element. Example problematic code:

<div>

<h5>Solution</h5>

<p><strong>i.</strong> Since \(f(x)=2x+3\), 
\[
\begin{align*}
f(-6) &amp;= 2(-6)+3 \\
&amp;= -9
\end{align*}
\]
</p>


<p><strong>ii.</strong> Since \(g(x)=x^2+4x\),
\[
\begin{align*}
g(-3) &amp;= (-3)^2+4(-3) \\
&amp;= 9-12 \\ 
&amp;= -3
\end{align*}
\]
</p>

<h4>Example 2 &mdash; Part B</h4>
<p>Let \(f(x)=2x+3\) and \(g(x)=x^2+4x\).</p> 

</div>

Here, when wrapping the LaTeX code in a div for rendering by MathJax, the second align environment gets moved to the bottom of the outer div and replaces the last paragraph.

We want to be able to select multiple cells of a table and edit properties such as text alignment and merging of cells.

Steps to reproduce

1. Open CKEditor4 sample page on iPad, Safari. The editor should contain a lot of text so that it is scrollable.
2. Place cursor at the beginning of the text to input new characters (virtual keyboard should appear)

NOTE: New text doesn’t have to be input at the beginning of editor’s content. Placing the cursor at the beginning of any line moves the editor’s body too.

Expected result

Virtual keyboard appears. Editor’s body is not moved (page is not scrolled). Input characters are visible on screen.

Actual result

Virtual keyboard appears. Editor’s body is shifted up (whole page is scrolled down) and the beginning of its content is not visible on screen. Typing on the virtual keyboard inputs new characters however they cannot be seen because the page is scrolled down.

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

Problem has been checked in CKEditor 4.6.2, iOS 10.2.1, Safari 10.0

Steps to reproduce

1. Create a word document with 2 or more paragraphs
2. Set the font family of the entire document to 'Calibri'
3. Copy this text to the clipboard
4. Load an instance of CKEditor where Calibri has been added as a font_name
5. Use the "Paste From Word" plugin to paste in the contents of the clipboard

Expected result

The contents are all viewed as Calibri. When viewing source we should see the font-family correctly set as Calibri.

Actual result

The text comes through with no font family selected

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

Chrome. Tested against CKEditor 4.5.10 (owned copy) & 4.6.2 (via cdn ​https://cdn.ckeditor.com/4.6.2/full-all/ckeditor.js). Word 2016. Please note it works as expected where no newline characters are part of the copied text.

We are using ckeditor4.5.7 in our applications which contains multiple editor sections and getting the error when we click on first editor section and then click on another editor section quickly. There could be a race condition due to which facing issue. but, please look into this and let me know if there is any fix for that.

Steps to reproduce

1. Click on first editor section
2. Click on another editor section quickly

Expected result

Should work without any issue

Actual result

Getting "Unable to set property 'setState' of undefined and null reference" error in richcombo/plugin.js

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

Browser:IE11, OS:Win-7, CKEditor:4.5.7

Steps to reproduce

1. Open attached file.
2. Copy table from it and paste it into CKEditor

Expected result

Table gets pasted as HTML

Actual result

Table gets pasted as image

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

Probalem can be reproduced from CKEditor 4.6.2 in Firefox only.

Steps to reproduce

1. Add new selection field
2. Set focus on it (select it)
3. Click list button, or Doubleclick on bold/italic/underline... button

Expected result

Selection field hasn't duplicate.

Actual result

Selection field duplicates in different ways. It depends on applied style.

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

Ckeditor version - 4.6.2 Installed plugins - Forms

Steps to reproduce

1. Open CKEditor sample on iOS, Safari. Editor should contain some text and be scrollable. There should be some content on the page above the editor so that whole page is also scrolled.
2. Scroll the page down to see top of the editor.
3. Tap on the beginning of editor's text.
4. Input new characters.

NOTE: The issue appears to be native iOS issue as it can be reproduced without using CKEditor at all. See this code sample: ​https://codepen.io/mturek/pen/oZwBee The sample presents an iframe with 'contenteditable' body on a page with some text above the iframe. Follow the reproduction steps: 2-4. It is also worth noting that 'scroll' event is not fired on iframes on iOS. Also scrollTop property of an iframe cannot be set and is always equal 0. To workaround these problems iframe is wrapped in a div with fixed height and following css, which enables iframe scrolling:

overflow-y: auto;
-webkit-overflow-scrolling: touch;

Expected result

New characters appear in the editor. Editor is not scrolled. Input text is visible on screen.

Actual result

New characters are input however whole page and the editor is scrolled. Input text is not visible on screen due to wrong scroll position.

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

Problem has been checked in CKEditor 4.6.2, iOS 10.2, Safari 10.0

Steps to reproduce

1. Add a CKEDITOR with strict MIME TYPE enabled on server
2. Open Developer console

Expected result

Ckeditor shown, no errors

Actual result

MIME TYPE strict error,

Refused to execute script from '​https://www.XXX.XX/forum/general-discussion/config.js?t=H0CG' because its MIME type ('text/html') is not executable, and strict MIME type

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

Chrome browser Ckeditor 4.6 cPanel

Steps to reproduce

1. set editor enterMode to ENTER_BR
2. in editor, enter text - 'Send to 123 Main St'
3. place cursor immediately after 'to', before space
4. hit Enter key
5. on new line, hit Delete or Arrow Right
6. notice cursor/action move two spaces to the right

(space is trimmed on this keypress, and the next character is acted upon)

Expected result

leading whitespace should be trimmed on initial Enter keypress (like behavior when performing same action with ENTER_DIV and ENTER_P) Expected, demo'd with ENTER_DIV:

Actual result

leading whitespace is trimmed on Delete, as well as the '1' character.

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

• Chrome 56.0.2924.87
• OSX 10.12.3
• CKE 4.5.2 and 4.7.1

Steps to reproduce

1. Include lodash and/or ReactJS (ES6) on the page with CKEditor
2. Refresh the page
3. CKEditor does not initialize

Expected result

CKEditor to initialize

Actual result

CKEditor does not initialize. Console window shows resource not found error, as the dynamically generated plugins <script> tag is malformed. Ie: <script type="text/javascript" src="​https://mydomain/_js/Performance2/ckeditor-full.4.6.2/plugins/dialogui,dialog,about,a11yhelp,dialogadvtab,basicstyles,bidi,blockquote,clipboard,button,panelbutton,panel,floatpanel,colorbutton,colordialog,templates,menu,copyformatting,div,toolbar,enterkey,entities,popup,filebrowser,find,fakeobjects,flash,floatingspace,listblock,richcombo,font,forms,format,horizontalrule,htmlwriter,iframe,wysiwygarea,image,indent,indentblock,indentlist,smiley,justify,menubutton,language,link,list,magicline,maximize,newpage,pagebreak,pastetext,pastefromword,preview,print,removeformat,save,selectall,showblocks,showborders,sourcearea,specialchar,stylescombo,tab,table,undo,wsc/plugin.js?t=v0.01"></script>

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

The reason this occurs is because when using ES6 features (ReactJS/lodash/etc) on your page, the CKEditor core tools isArray function does not know how to check the ES Iteration Protocol, as described here: ​https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Iteration_protocols

This is a simple fix by also comparing to [object Array Iterator] in the isArray function in tools.js