Custom Query

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.

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.

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.

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.

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?

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.

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.

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. 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.

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. 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

Steps to reproduce

1. Open editor with iframe plugin (e.g. ​http://sdk.ckeditor.com/samples/fullpreset.html ) and clear its content.
2. Click "Iframe" button.
3. Set URL to http://wikipedia.org, "Width" to 100%, "Height" to 800px, "Align" to "Middle".
4. Check "Enable scrollbars" and "Show frame border".
5. Click OK.
6. Go into source mode and copy generated code into ​https://validator.w3.org/nu/#textarea
7. Validate HTML

Expected result

• Editor should not allow to set "Width" to "100%" (only digits should be allowed).
• Editor should not allow to set "Height" to "800px" (only digits should be allowed).
• No validation errors found.

Actual result

5 validation errors are found:

• Bad value 800px for attribute height on element iframe: Expected a digit but saw p instead.
• Bad value 100% for attribute width on element iframe: Expected a digit but saw % instead.
• The align attribute on the iframe element is obsolete.
• The frameborder attribute on the iframe element is obsolete.
• The scrolling attribute on the iframe element is obsolete.

Steps to reproduce

1. Counfigure your CKEditor so that it allows Drag and Drop
2. Dropp file with ' in its name. You can use the attached one.

Expected result

<p><img alt="" height="630" src="/CKFinder/userfiles/images/can't%20send%20fax.JPG" width="450" /></p>

Actual result

<p><img alt="" height="630" src="/CKFinder/userfiles/images/can\'t%20send%20fax.JPG" width="450" /></p>

The ' in word can't is escaped.

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

Problem can be reproduced in every browser

Steps to reproduce

1. Open ​http://sdk.ckeditor.com/samples/standardpreset.html
2. Select image and copy it to the clipboard.
3. Click "Paste as plain text" button and follow instructions

Expected result

Image is replaced with its alternative text.

Actual result

Nothing is pasted.

Steps to reproduce

1. Go to ​http://codepen.io/f1ames/pen/QprrBa.
2. Insert simple box widget (button between Image and Table).
3. Inside widget type (and then select):

[item1
item2]

4. Create unordered list from selection.

Expected result

The list is created inside widget.

Actual result

The creation of list creates new widget for every list item nested inside the former widget which creates invalid widget structure. Also when getData is called only first item list is present (due to invalid structure). See attached gif - ​https://dev.ckeditor.com/attachment/ticket/16917/Mar-23-2017%2010-20-29.gif.

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

Tested on Chrome (56.0.2924.87 (64-bit)) with newest CKEditor (4.6.2).

Steps to reproduce

1. Set ckeditor 4.6.2 with french language
2. Click in the flash plugin
3. Alignment of HSpace and VSpace

Actual result

See image

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

ckeditor 4.6.2 in French language + flash plugin

Steps to reproduce

1. set the chrome height < 600
2. open the editor and set fullscreen
3. open the picture mananger and switch to upload tab

Expected result

the window's width is well

Actual result

the window's width is bread

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

Steps to reproduce

1. switch to source mode
2. switch to wysiwyg mode

Expected result

my html, unmodified

Actual result

appended crud to my html

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

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

Expected result

Space should be visible and key press should either move cursor or delete the space.

Actual result

Notice that first key press does nothing and space before '123' is not visible.

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

Problem can't be reproduced in native contenteditable element.

Steps to reproduce

1. Open nightly build and insert a Table
2. Keep cursor inside Table Cell & open Context meny by pressing Ctrl + Shift + F10 or Application key
3. with JAWS on Navigate through context menu options using keyboard(UP/Down arrow keys)

Issue: JAWS reading each menu item as separate list ex: JAWS reads Paste 1 of 1, Cell Submenu 1 of 1, Row Submenu 1 of 1, Column Submenu 1 of 1 but for Delete Table & Table Properties it combined them as one list and says 1 of 2, 2 of 2 respectively which is incorrect all of them are part of same menu

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

Expected result

Space in front of '123' is visible and cursor is blinking before it.

Actual result

There is no space in front of '123' and cursor is still blinking at the end of first line.

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

This issue is not present in CKEditor 4.5.11 (it works as intended)

The attached file has following setting set: style: paragraph = no spacing

Steps to reproduce

1. Copy the text from the attached document (bulleted list with multiple nested lists)
2. Paste into CKEditor

Expected result

Preserved bullet structure / spacing.

Actual result

Bullet structure and spacing is malformed.

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

Chrome/Safari/Firefox, OSX, 4.6.1 (It's also not functioning in 4.6.0/2)

plugins:

'format', 'basicstyles', 'floatingspace', 'justify', 'removeformat', 'toolbar', 'sharedspace', 'undo', 'colorbutton', 'horizontalrule', 'list', 'indentblock', 'indentlist', 'table', 'link', 'contextmenu', 'tabletools', 'tableresize', 'enterkey', 'indent', 'tab', 'find', 'menu', 'menubutton', 'clipboard', 'pastefromword', 'pastetext',

I'm using the CKEditor 4.6.2 control in a .Net 4.0 web application. I'm experiencing an issue where the correct scroll position is not maintained after performing a postback on large web form containing multiple CKEditor controls. When a button is clicked, the page performs a postback and the screen appears to return to the correct scroll position but then appears to jump up a few spaces for no apparent reason. This issue only occurs when a postback is triggered towards the bottom of a large web form. It does not occur if a postback is triggered in the top half of large web form or on a small web page. We are experiencing this issue in IE 11.

Steps to reproduce

1. Create a large web form using .net 4.0.
2. Add multiple CKEditor controls to the page.
3. Click a button to trigger a page postback.

Expected result

We expect the correct scroll position to be maintained after performing a postback. The size of the web page should not affect scroll positioning.

Actual result

The page will return to the correct scroll position but will jump up immediately after.

Steps to reproduce

1. Disable the CK Editor toolbar button using button.setState(CKEDITOR.TRISTATE_DISABLED)
2. Click on the same button using mouse.

Expected result

Nothing should happen and toolbar button should stay disabled.

Actual result

Clicking the toolbar button, enables it.

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

CKEditor version 4.5.3.1 Chrome 52 Windows 7

I have debugged the CKEditor code and CKEditor doesn't check the state of the button before performing the Click action. This issue doesn't occur for combo boxes (Format, Font, Size) as CKEditor checks for its state before performing the action.

Steps to reproduce

1. Allow dl/dd/dt elements to content filtering
2. Set editors source content:

<p>Para</p><ol><li>li A</li><li>li B</li></ol><p>Para</p><dl><dt>dt A</dt><dd>dd A</dd><dt>dt B</dt><dd>dd B</dd></dl>

3. Put cursor at the beginning of first "Para"
4. Press delete until text is deleted plus once more to delete paragraph
5. Repeat 3 and 4 to next paragraph and compare results

Expected result

Cursor is blinking ath the start of first list element

Actual result

First list element gets changed into paragraph

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

This works fine in Firefox. Chrome has been broken since CKEditor 4.4.1 and hasn't worked in IE at all.

You will get the same result in native contenteditable element in Webkit and IE with below code:

<div style="border:1px solid black; width:500px;" contenteditable="true">
<p>Para</p><ol><li>li A</li><li>li B</li></ol><p>Para</p><dl><dt>dt A</dt><dd>dd A</dd><dt>dt B</dt><dd>dd B</dd></dl>
</div>

The reason I have reported this bug is because it has been working in Chrome till version 4.4.0 so maybe there is something we can do to improve default behaviour.

Steps to reproduce

1. Go to ​http://sdk.ckeditor.com/samples/placeholder.html
2. Start a new paragraph by placing the cursor after "hours." and pressing enter
3. Click the insert placeholder button in toolbar, type "test", click ok to instert
4. Place the cursor below the placeholder, so it's somewhere in the middle under the placeholder on the next line (after "Sh" for example)
5. Press up key on keyboard

Expected result

Cursor is either in front of the placeholder widget or skips it and jumps to the line above.

Actual result

• Cursor is stuck. Inside the placeholder I think, because the bottom bar displays: "body p placeholder"
• You can't move the cursor using the arrow keys, nor can you type in any text
• You have to use the mouse and click somewhere to be able to continue editing

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

• OSX 10.11
• Chrome 57.0.2987.110 (64-bit)
• Safari 10.1 (11603.1.30.0.34)

Steps to reproduce

1. Go to "placeholder" sample page

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

2. paste the following source code:

   Dear [[Customer Name]],
   

3. Select the whole text and apply "Underline" or "Strikethrough"

Expected result

The whole text should be underlined.

Actual result

Only the text that is not in placeholder gets underlined.

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

Windows 7 Browser: Firefox 52.0.2 CKEditor: 4.6.2

Steps to reproduce

1. Create CKEditor "editor" to replace a text area with name="editor" and 2. Add additionaly a simple Input Field "input1" <input type="text" name="input1" id="input1">
2. register a focus listener to the input1 field. onfocus deaktivate the ckeditor with onfocus="CKEDITOR.instanceseditor?.destroy()";
3. Klick into the ckeditor to get the focus
4. Then klick into the 'input1' text field

Expected result

The ckeditor will be deaktivated.

Actually on our real page we want on focus lost to disable the ckeditor and display the value in a separate div. Probably we could atchive this also with an inline editor, but neverthels, there is a problem with the current solution. It occures only in Chrome, but not in Firefox, Edge or IE.

Actual result

JavaScript Error in Chrome: ckeditor.js:238 Uncaught TypeError: Cannot read property 'isInline' of null

at CKEDITOR.focusManager.d (ckeditor.js:238) at CKEDITOR.focusManager.<anonymous> (ckeditor.js:238) at ckeditor.js:28

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

The error occures wi the newes CKEditor Version 4.6.2 currently in the newes Chrome Version (57.0.2987.98 (64-bit)) under Windows 10:

The problem is due to a check for chrome and isInline in the following line 238 of our ckeditor.js:

this.hasFocus&&(this.hasFocus=!1,CKEDITOR.env.chrome&&a.editable().isInline()&&a.window.$.getSelection().removeAllRanges()

Problem

When using the CKEDITOR.ENTER_BR enterMode, adding a (numbered or bulleted) list after an empty line removes this preceding line.

Steps to reproduce

Step 1: Go to http://sdk.ckeditor.com/samples/enterkey.html

Step 2: Choose When Enter is pressed: Break the line with a <br> (Screenshot 1)

Step 3: Add the following text:

Line before empty line

First item

(Screenshot 2)

Step 4: Move the cursor to the line containing First item and press:

(Screenshot 3)

(Screenshot 4)

Expected behavior: A list is created with First item as its first item, leaving the preceding line intact. Actual behavior: The list is created, but the preceding line is removed (*).

(*) Note that in the example there is a margin between the first line and the list, so that the removal of the line is not necessarily noticable (especially in the example):

(Screenshot 5)

Solutions

The behavior of adding a list (same holds for indentation using the indentblock plug-in) should be changed so that it does not remove a preceding empty line.

It might be desirable to make this behavioral change configurable in order to maintain backward-compatibility.

Steps to reproduce

1. Set

   CKEDITOR.config.dataIndentationChars = '';
   

2. Insert a table in editor, this will create several nested tags that will demonstrate the problem.
3. Check HTML source, see that indentation is still present.

Expected result

I'm leaning on the documentation for this configuration variable (​http://docs.ckeditor.com/#!/api/CKEDITOR.config-cfg-dataIndentationChars):

// No indentation.
CKEDITOR.config.dataIndentationChars = '';

Actual result

Indentation is still present.

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

Firefox, Linux, latest master branch from repository.

When deleting text and inserting a space (I think it needs to be multiline so that there are p tags), if you switch to the source view you will see an &nbsp; inserted for a single space between words that should not be there.

Steps to reproduce

To reproduce:

1. Use the sample on ​http://sdk.ckeditor.com/samples/uicolor.html
2. Put the cursor on the at the end of the was in the 2nd line
3. Press backspace twice to delete the as in was
4. Press the spacebar and then any letter (or word whatever)
5. Switch to the source view and observe that an &nbsp; was inserted after the character (word) you inserted.

My uneducated guess is that this might happen because when you add that space there are 2 spaces next to each other, so the latter space gets turned into an &nbsp; (which would be correct if you stopped there), but then when you press the next letter separating the 2 spaces, the &nbsp; is persisted rather than changing back to a space

Expected result

A space should be inserted

Actual result

A &nbsp; is inserted

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

CKEditor 4.6.2 (Standard) (revision 580bcaf)

Chrome: 57.0.2987.133

macOS: Sierra 10.12.4

Steps to reproduce

1. use an instance with the source and div buttons, like the one in ​http://sdk.ckeditor.com/samples/fullpreset.html
2. click on Source and replace the full content with a simple div, like <div>myText</div>
3. place the cursor at the end of myText (or in between)
4. click on the div button in toolbar
5. click on the OK button in the dialog

Expected result

1. the dialog closes
2. in the editor, a div is created

Actual result

1. the dialog doesn't close
2. there is a javascript error: currentNode.getParent(...) is null (div.js:147)
3. in the editor, there is a new <span style="display:none">&nbsp;</span> where the cursor was

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

As far as I understand the div plugin, there is a curious behavior with text nodes: the addon tries to find a common ancestor, and mixes up regular tags with a #text which doesn't have any ancestor, causing the null exception.

Steps to reproduce

Secenario : I am using ckeditor in inline mode in a angular project. The ckeditor is added using the angular-ckeditor directive (​https://github.com/lemonde/angular-ckeditor) HTML:

<div class="section-editor" ckeditor="options" ng-model="section.content" contenteditable="true" ready="ckeditorOnReady($instance)" ></div>

1. I select a text (Example towards) and do add link. The popup opens I add my url. On doing OK, Sometimes on first click it does not work and produces an error in console (error attached). On again doing OK it works, but in the ckeditor I see 2 times my text (towards). Once with the right url and once just plain text.

Expected result

The link should be added in first attempt without any error

Actual result

Sometimes the link doesnt get inserted in the first attempt and there is an error in console.

Uncaught TypeError: Cannot read property 'getParent' of undefined
at a (ckeditor.js:formatted:9746)
at CKEDITOR.style.b [as applyToRange] (ckeditor.js:formatted:9776)
at CKEDITOR.style.applyToRange (ckeditor.js:formatted:10258)
at CKEDITOR.dialog.onOk (link.js?t=G87E:formatted:626)
at CKEDITOR.dialog.def.onOk (plugin.js?t=G87E:1467)
at CKEDITOR.dialog.def.onOk (plugin.js?t=G87E:1467)
at CKEDITOR.dialog.def.onOk (plugin.js?t=G87E:1467)
at CKEDITOR.dialog.def.onOk (plugin.js?t=G87E:1467)
at CKEDITOR.dialog.<anonymous> (ckeditor.js:formatted:12035)
at CKEDITOR.dialog.m (ckeditor.js:formatted:136)

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

It can be reproduced in all the browsers and any OS. We are using Ckeditor verson : 4.5.11 (we tried updating the ckeditor version to 4.6.2 but it didnt fix the error) ==

Steps to reproduce

1. place an inline widget at the end of a line
2. try to focus the cursor to the right of that line

Expected result

cursor should be placed after the widget

Actual result

in chrome the cursor is right aligned in the editor

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

Chrome, ckeditor 4.6.2, widget plugin installed.

Steps to reproduce

Can be reproduce in the demo in CKEditor homepage

0. Ctrl+A and delete all content
1. Type "abcd"
2. Press Shift+Enter
3. Type "abc"
4. Press Enter
5. Press backspace

Expected result

Cursor goes back to the end of "abc"

Actual result

Cursor jumps to the beginning of "abc"

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

Steps to reproduce

Can be reproduced in the CKEditor demo

1. Write anything in <p>
2. Enter
3. Backspace
4. Shift+Enter

Expected result

Expect one line to be shown

The HTML element should be

<p>

abcdefghijkl

<br></br>

<br></br>

</p>

Actual result

Two blank spaces is shown

If you inspect the element, you will see:

<p>

abcdefghijkl

<br type="_moz"></br>

<br></br>

#<br type="_moz"></br>

</p>

# /*the selection range is here*/

If you press backspace after step 4, one line will be removed. But when you begin typing again, your cursor will jump back to the first line.

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

Only Firefox. (Chrome/Safari are ok) Tested in OS X Elcapitan (10.11.6)

Can be reproduced in the CKEditor demo in CKEditor.com

Steps to reproduce

The MathJax plugin currently supports two configuration options: config.mathJaxClass and config.mathJaxLib. The options provided by MathJax.Hub.Config are not currently supported. Among others, one can here define macros. Without this option they may be visible in the rest of a web site (if configured elsewhere), but not in CKEditor and its MathJax editor window.

Expected result

One can configure MathJax within the CKEditor in the same way as in the rest of the web site

Actual result

MathJax within the CKEditor is not configurable

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

The MathJax.Hub.Config is set at line 309 of ​https://github.com/ckeditor/ckeditor-dev/blob/master/plugins/mathjax/plugin.js without possibility to change it outside the source code by means of a configuration option: MathJax configuration, disable messages. 'MathJax.Hub.Config( {' +

'showMathMenu: false,' + 'messageStyle: "none"' +

'} );'

Steps to reproduce

1. Open ​https://jsfiddle.net/ssjjtrcd/
2. Look at the editor's UI.

Expected result

UI should be red.

Actual result

UI has default color.

Steps to reproduce

1. Use Firefox and go to ​https://upload.wikimedia.org/wikipedia/commons/4/47/PNG_transparency_demonstration_1.png
2. Right-click the image and select Copy Image.
3. Paste it in CKEditor with Upload Image plugin enabled and configured.

Expected result

PNG image should be displayed with transparent background.

Actual result

PNG image is displayed with black background. If however I save the image from webpage and copy it within Windows Explorer, it is pasted correctly in CKEditor.

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

Firefox 32bit v52.0.2, Windows 7 SP1 64bit, CKEditor 4.6.2 Full Package with Iframe Dialog Field and Upload Image plugins

I have attached 2 files. Alpha_yes.png is the image saved from Firefox (it has an alpha value) and alpha_no.png is the image that is copied directly from webpage (no alpha value).

Steps to reproduce

1. CKeditor in standard preset
2. open source mode
3. paste attached html
4. leave source mode
5. Set cursor some where in the content
6. Safari stops working

Expected result

Except to able to edit the content of the table

Actual result

Safari hangs.

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

Safari 10.1 (12603.1.30.0.34) MacOS Sierra 10.12.4 ckeditor 4.6.2

Steps to reproduce

1. Load CKEditor via Requirejs (success)
2. Replace TextArea by ID (success)
3. Type around, add text, etc. (success)
4. Add heading 1 via the format toolbar, then click "Source". Console throws error "Uncaught TypeError: Cannot read property '$' of undefined".

JQuery IS defined and loaded (via requirejs and used throughout the site and well before CKEditor is loaded).

Drilldown on the error is on this compacted line: ...this.hasFocus&&(this.hasFocus=!1,CKEDITOR.env.chrome&&a.editable().isInline()&&a.window.$.getSelection().removeAllRanges(),...

The error is on a.window.$ which apparently a.window is undefined.

Have tried various things to no-avail:

1. Added to require.config the dependency of jquery to CKEditor (though jquery is loaded already anyway).
2. Added jquery as a dependency to the call to require for CKEditor (e.g. require(['jquery', 'ckeditor/ckeditor'], function(){window.console.log('loaded...');}); Didn't change the error.

Not sure what else to do.

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

Windows 7 (latest version of Chrome). Running on website that is localhost with PHP, Backbone, jQuery, and underscore all loaded. Full install of CKEditor.

Steps to reproduce

1. Copy some link.
2. Open ​http://sdk.ckeditor.com/samples/classic.html
3. Click inside the editor.
4. Press Ctrl + L.
5. Immediately after the previous step, press and hold Ctrl + V for a while

Expected result

Link is pasted several times into the focused field of newly opened dialog

Actual result

Link is pasted several times inside the editor. It's even possible to type into the editor while dialog is open.

Note also that this scenario is possible only when the dialog is opened for the first time. On the subsequent dialog openings the link is pasted once/twice into the editor before the focus is moved into the appropriate field inside the dialog.

Steps to reproduce

1. (optional) Install e.g. “Show Protected” to see protectedSource elements.
2. Set up your CKEditor with e.g. a PHP protectedSource: [/<\?[\s\S]*?\?>/g]
3. Open CKEditor and enter source editing mode
4. Input “<p><?php print_something(); ?> was printed</p>”
5. Exit source editing mode

Expected result

There should be a whitespace between protectedSource block and “was printed”

Actual result

There is no whitespace after the protectedSource block. Re-entering source editing shows that input has changed to “<p><?php print_something(); ?>was printed</p>”.

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

Tested in Chrome 57 and Firefox 52. Using lots of plugins, but this appears to be plugin independent.

Font plugin now recognizes styling attributes (size, align, face) on font element and transforms it into span, but if the element has the style attribute resulting in the same styling (font-size, text-align, font-family) it is not properly recognized and transformed. It is removed instead.

The plugin should be also able to recognize such styling and transform font into span with a proper style attribute.