Custom Query

Steps to reproduce

1. Go to ​http://tests.ckeditor.dev:1030/tests/plugins/widgetselection/manual/basic.
2. Select all (using keyboard) inside first editor instance.
3. Change Paragraph format to e.g. Header 1.
4. Start typing.

Expected result

Newly typed characters appears in the editor and are visible.

Actual result

Newly typed characters are not visible.

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

Chrome 58.0.3029.110 (64-bit) on OS X. Same happens on Safari.

This happens because the filler is not properly removed so new typed content is inserted inside this filler (which is invisible).

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

TinyMCE and other enterprise wiki wysiwyg editors by default ship keybindings for changing a line into headline (h1, h2, h3 are accessed using CTRL+1, CTRL+2, ...).

In order to make CKEditor work the same way I had to go into the plugins I wanted to add keybindings for, and add this line of code

editor.addCommand(tag, new CKEDITOR.styleCommand(style));

to enable h1..h6 and CTRL+0 for p (turn headline back to normal paragraph).

Text and Table Template uses "float: right" on the table, this then cannot be changed with the table properties dialog.

Steps to reproduce

1. Open manual test: ​http://tests.ckeditor.dev:10455/tests/tickets/13771/2
2. Select the text in the inline editor and try to change it's font/size/style.

Expected result

Font/size/style changes.

Actual result

When selecting a font/size/style the selection disappears.

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

Chrome for Android

Can't change target anchor id (in a link dialog)

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

   <p>Fancy link</p>
   
   <p>&nbsp;</p>
   
   <p><a id="a1" name="a1"></a></p>
   
   <p><a id="a2" name="a2"></a></p>
   

3. go back to the wysiwyg mode
4. make a following selection in first paragraph

   Fancy [link]
   

5. apply link using a Link button
6. change Link Type to " Link to anchor in the text"
7. in "By Element Id" select set value to: "a1"
8. click OK
9. open once more link dialog using a button
10. change the value of "By Element Id" to "a2"
11. click OK
12. open link dialog once more

Expected result:
"By Element Id" value should be changed to a2

Current result:
"By Element Id" stays with previous value

additional info:

1. I've checked in 4.3.0 and it still occur there (didn't check any earlier versions) so it's not a recent regression

1. Open image2 sample.
2. Insert two captioned, not aligned images one after another.
3. Use magicline to create a space between them.
4. Try to remove this space now. It's impossible.

Original description

Hi, I tried in your "​http://ckeditor.com/demo#enter" demo page, using the third CKeditor with title "Produce <div> on ENTER", to create 3 divs: the first with contenteditable="false", the second with no setting, the third with contenteditable="false".

So I put the following content as content of the ckeditor body: <div contenteditable="false">This editor produces &lt;div&gt; on ENTER.</div><div>This editor produces &lt;div&gt; on ENTER.</div><div contenteditable="false">This editor produces &lt;div&gt; on ENTER.</div>

The bug I found is that I can't delete the second line. If I clean the row and try pressing backspace or delete button, CKeditor will delete the first and/or the third div.

Many thanks in advance Kind regards Daniele

1.Insert below code into editor

<div style="float: right;">TEST</div>

2. Put cursor at the end or simply into element and press enter key few times.

Result: New lines are not created (visually) and cursor stays in first line. You can't exit it with enter key or arrows.

Switch to source mode. The result is:

<div style="float: right;">TEST</div>
<div style="float: right;">&nbsp;</div>
<div style="float: right;">&nbsp;</div>

Problem can be reproduced in all browsers from CKEditor 3.0.

I haven't mentioned <div align="right">TEST</div> because it works with HTML4 doctype but not with HTML5 doctype where this attribute is not supported. On the other hand in native contenteditable elements enter key works as expected so perhaps it is worth looking into this particular issue as well.

Issue has been reproducible in Firefox and Opera 11.50 from CKEditor 3.0.

Open replace by code sample and paste the following code:

<input class="text" disabled="disabled" maxlength="220" name="abc"
type="text" />

Try to open textfield properties dialog.

In Firefox browsers it is impossible neither with right-click menu nor with double-click.

In Opera only right-click menu works.

Steps to reproduce

1. Ckeditor open in desctop resolution
2. Add an image
3. Double click on that image
4. Popup will be apopear where you can edit height and width
5. Same page will be open in mobile resolution
6. Double click on that image
7. Only screen will be zoom In no popup will be appear how i can edit that image in mobile resolution

Expected result

On mobile popup will be appear where we can edit the image's height or width

Actual result

Zoom in when we click on image on mobile view but on desctop it works fine

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

issue in on mobile resolution and in mobile

How to repdroduce:

1. Open ​http://ckeditor.com/demo#enter
2. Use the developer console to set the editor data (one with the BR mode)

CKEDITOR.instances.editor2.setData('<iframe></iframe>')

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

Expected: backspace to delete an iframe Now: Cursor gets stuck on the line after the iframe

1. Clear editor contents and select "Italic Title"
2. Type few characters and press enter.
3. In second line change format to DIV (from format dropdown) and start typing. Result is italic div and there is nothing selected in styles dropdown probably because there is no such style.
4. Press enter and in third line change format to P. Typed text is still italic.

Result - you get italic P which you can only deactivate with Apply/Remove Italic title from styles dropdown.

1. open sample with image2 plugin (/samples/plugins/image2/image2.html)
2. focus first image widget instance
3. click "Anchor" button in toolbar menu

Expected result:
Since anchor should not be appliable to block widgets, end user would expect one of these two solutions:

• focused widget to be replaced with anchor
• anchor button disabled

Current result:
Nothing happens.

additional info:

1. tested with Chrome, IE

Steps to reproduce

1. Open ​https://jsfiddle.net/0cr59Loa/
2. Start selecting from a row above the one with headings.
3. Stop selecting at the end of the table

Expected result

All selected rows remain selected.

Actual result

All rows below the one with headings are unselected just after releasing mouse button.

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

It seems to be connected with the order of elements in table. If tfoot is after tbody, then everything seems to be working correctly.

Steps to reproduce

1. Create a widget which allows inserting table inside editable. You can modify simple box.
2. Insert a table inside the widget.
3. Click inside first table cell and press tab

Expected result

Focus is moved to next table cell like in case of table not inserted into widget.

Actual result

Focus is moved to next widget or out of the editor.

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

In most places names are formatted like "Language Direction", "Advisory Title", "Split Cell Horizontally". However, some labels are not following this standard - e.g. in the table dialog there's "Border size" and "First column", in the flash dialog there's "Window mode", etc.

This should be unified across the entire editor UI. We also should have this standard written down somewhere (may be a part of code style documentation). Especially that it's not obvious when we write all words capitalised or not. I guess the differentiation is made based on whether this text is a sentence or a label (e.g. error messages are sentences).

1. Open fullPage mode and paste in the below code in head section (notice chaRset)

    <meta content="text/html; chaRset=utf-8" http-equiv="content-type" />
   

2. Switch to WYSIWYG area and open "Document Properties" dialog.
3. Notice that "Character Set Encoding" is not recognized and the whole phrase is placed in "Other Character Set Encoding" filed.
4. Click ok on the dialog and Switch again to Source. Checkout the meta tag - notice the extra charset element

         <meta content="text/html; charset=text/html; chaRset=utf-8" http-equiv="content-type" />
   

5. If you continue switching to WYSIWYG, opening dialog, clicking ok and switching to source you will get more extra char sets.

Sure that this is invalid code when you use it whit XHTML doctype but I not convinced if this explains destroying meta tag by docProps dialog. Maybe making tags/attributes lower case would be more appropriate.

This issue has been reproducible from CKEditor 3.6.

To reproduce

• Open the demo or a sample in the SVN.
• Insert any form element (e.g. input, select etc.).
• Move the caret to the sides of the element.

in IE, the caret won't move back to the right. in FF, it won't move to both sides.

steps to reproduce:

1. in mac Chrome 35.0.1916.153 open ​http://ckeditor.com/demo
2. view source
3. delete all the source code
4. paste in the following source code:

   <p>line 1</p>
   <p>example 1<br />
   <a href="/node/1256">General Pathology</a></p>
   

5. exit source view
6. place the cursor at the end of the example 1 line
7. press Enter

actual: a new paragraph is created and the cursor moves unexpectedly to the beginning of the first line in the Body field.

expected: a new paragraph is created but the cursor stays in the expected position

problem DOES NOT happen in firefox 30.0 on mac os 10.9.3.

In source mode, enter this code :

<div>foo</div>
<br />
It's a test.

In wysiwyg mode, justify the words 'Its a test'. The br tag disappears. config.enterMode is set to CKEDITOR.ENTER_BR

Steps to reproduce

1. Create an empty list

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

2. Press enter when caret is inside the first empty list item (it should already be here)
3. Check the view source to see the current page source

Expected result

<p>&nbsp;</p>

Actual result

<p>&nbsp;</p>

<ul>
</ul>

The ul will be invisible as well, which is extra annoying.

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

I've tested this in both demo & nightly, on Chrome & Firefox.

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

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

When selecting a cell with the elementspath tool and then applying cell properties, if the selected cell contains a table, the cell properties are also applied to the cells of the child table.

This is bad because it makes it impossible to apply some properties only to the cell I want. For example: I could have a cell with a red background ( the parent cell ) which would contain a table with cells of different backgrounds. If I want to change any property on the parent cell then all of the properties of this cell would be applied to all cells in the child table.

I tested this with the latest version of ckeditor from the demo page. Out of curiosity I also tested other online editors ( xinha and tinymce ) and they don't behave like this ( please don't tell me to use those, I think ckeditor is the best :) )

To Reproduce:

• Insert a table into CKEditor.
• Apply a width of 200px to the first cell using the Cell Properties dialog.
• Right click in the first cell and select Cell -> Split Cell horizontally. A new cell will be inserted after the selected cell.
• Switch to source view to see the HTML markup for the table.
  

Problem: The cell that was split and the new cell both have a width of 200px. They should each have a width of 100px.

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

To Reproduce:

• Copy the following table into Source view. This is just a standard table with widths applied to all cells in the first row:

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

• Switch to wysiwyg mode and select any 2 cells in row 1. Right click and select Cell -> Merge Cells.
• Switch to source view to see the HTML markup for the table.

Problem: The cell that was merged still has a width of 100px. It should now have a width of 200px i.e. the sum of the widths of the merged cells.

<table border="1" cellpadding="1" cellspacing="1" style="width: 400px;">
	<tbody>
		<tr>
			<td colspan="2" rowspan="1" style="width: 100px;">
				&nbsp;</td>
			<td style="width: 100px;">
				&nbsp;</td>
			<td style="width: 100px;">
				&nbsp;</td>
		</tr>
		......
	</tbody>
</table>

Cell widths should also be updated when merged using the Cell -> Merge Right option.

For links with their target set to popup, it would be nice to have a "center of screen" option, rather than specifying the coordinates. Due to the variety of screen resolutions, this would make sure it's in the same place very time.

Moved from ​http://sourceforge.net/tracker/index.php?func=detail&aid=1576332&group_id=75348&atid=543656

Author: anonymous

Reproduce with the help of the simplebox widget:

Click the toolbar button to insert a simplebox.

In the second of the two editable boxes of the widget, set the cursor somewhere in the middle of the word "Content...".

Use SHIFT+Cursorkeys to move the cursor up into the first of the editable boxes, somewhere in the middle of the word "Title", so that you have a selected text area that selects the end of the word "Title" and the beginning of the word "Content...".

Press DELETE to delete the selected text.

The result is as expected: The remaining text is now in the first box (the title box), but the content box, which is now empty, is still there, i.e. you can again insert new text into the content box.

Now make the following slight modification to the simplebox plugin:

Change the template so that the title box (the one with class="simplebox-title") is a div instead of a h2, like so:

template:
    '<div class="simplebox">' +
        '<div class="simplebox-title">Title</div>' +
        '<div class="simplebox-content"><p>Content...</p></div>' +
    '</div>',

(Also for completeness sake, change the "allowedContent" so that it says "div(!simplebox-title)" instead of "h2(!simplebox-title)".)

Reload the editor and repeat the above experiment.

You will see that when you press DELETE to delete the highlighted text, that the text is deleted as expected, but the second editable box (the div with class="simplebox-content") is also deleted, i.e. a protected part of the widget is damaged. You can no longer add new text into the "content" field of the widget since it no longer exists.

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.

I think richcombo plugin needs to be extended to support changing its contents after init has been run. This will enable developers to clientside refresh the list without loading the entire page where the editor is.

I have successfully done this with a bit of a hack in my own plugin that uses richcombo. In my code, I have a plugin that adds other plugins in the richcombo - e.g. insert link, insert image etc. This list may change due to userinput and it happens clientside.

How I solved it: (see ​http://stackoverflow.com/questions/7762810/is-it-possible-to-reinitialize-a-ckeditor-combobox-drop-down-menu/8397198#8397198

Some code: in the init function in ui.addRichCombo:

init: function () {
                var rebuildList = CKEDITOR.tools.bind(buildList, this); // bind the buildList function with this scope
                rebuildList(); // call once to do first build of list
                $(editor).bind('rebuildList', rebuildList); // bind with jquery so we can call it later
            },

then outside scope, define the buildList function:

var buildListHasRunOnce = 0;
        var buildList = function () {
            if (buildListHasRunOnce) {
                // Remove the old unordered list from the dom.
                // This is just to cleanup the old list within the iframe
                // Note that this removes all uls... if there are more than one editor on page, we have to be more specific on what to remove. In my production ready code, I target one of the lis, and find its ul parent and remove that instead of shotgunning all uls like in this example
                $(this._.panel._.iframe.$).contents().find("ul").remove();
                // reset list
                this._.items = {};
                this._.list._.items = {};
            }
            for (var i in yourListOfItems) {
                var item = yourListOfItems[i];
                // do your add calls
                this.add(item.id, 'something here as html', item.text);
            }
            if (buildListHasRunOnce) {
                // Force CKEditor to commit the html it generates through this.add
                this._.committed = 0; // We have to set to false in order to trigger a complete commit()
                this.commit();
            }
            buildListHasRunOnce = 1;
        };

I´m thinking that it should be at least possible to

1. Get a handle on the richCombo object when you add it with editor.ui.addRichCombo
2. Be possible to call clearRichCombo

Alternatively:

1. Add function remove
2. Make it possible to call add after init. Currently you can, but it crashes the richCombos mark/unmarkall functions

Kind regards, Amund

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

Result: Change event is not fired.

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

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

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

To Reproduce:

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

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

3. Type anything in the editor ( event is triggered on every key press )
4. CTRL + A to select all the text or highlight it with the mouse
5. Ctrl + Right click to get browser context menu
6. Select Delete menu option

Problem: The event is not triggered

Split from #8226

I think that many new users don't realize that they have errors in the console (after all IE is the only browser that currently shows clearly when a page has a js error). We must remember that many people aren't javascript developers, that's why they use things like the asp.net or Java adapters, they just know how to work at the server side and when they try to copy some javascript code as shown in some examples and doesn't work they don't understand what's the problem.

So I strongly suggest to change throw '[CKEDITOR.editor] The instance "' + previous.name + '" already exists.'; to alert('[CKEDITOR.editor] The instance "' + previous.name + '" already exists.'); }

When working in full page mode, if you open the editor for a given page, then use the docprops dialog to change a document setting, for example the background color, but you do not make any other changes, then CKEDITOR.editor.checkDirty() will still return false, so the changes will not be saved if saving is done only if checkDirty() returns true.

This is because checkDirty() and resetDirty() use only getSnapshot(), which returns the document body, but all changes in the docprops dialog are outside of the body.

Suggested change:

In checkDirty():

if (this.config.fullPage)
    return this.status == 'ready' && this._.previousValue !== this.getData();
else
    return this.status == 'ready' && this._.previousValue !== this.getSnapshot();

and in resetDirty():

if (this.config.fullPage)
    this._.previousValue = this.getData();
else
    this._.previousValue = this.getSnapshot();

Is it possible to change the border color and bgcolor of a table? I can set this for each cell but not for the table.

In addition, can I remove the header of a table after I added it?

Moved from SF:
​http://sourceforge.net/tracker/index.php?func=detail&aid=928121&group_id=75348&atid=543656

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.

Lots of html-entities exist, that are not shown in the list of characters. At the same time, lots of useless characters are shown, such as a-z and A-Z. Something needs to be changed.

Including a-z only makes sense if you make a truly complete list, including every unicode character, such as the one found in charmap.exe in Windows.

If you want to stick to an incomplete list, don't include a-z, as they are found on every keyboard anyway. And why not include all html-entities except whitespace? You can see them here, including their names: ​http://en.wikipedia.org/wiki/List_of_XML_and_HTML_character_entity_references

Steps to reproduce

1. Control + A to select entire HTML/source (everything should then be highlighted).
2. Select any font family to change.
3. Select any font size.

Expected result

The HTML should reflect changed font-size and retain HTML/source.

Actual result

After selecting the font-size (Step 3), the HTML/source is removed or seems to be cleared.

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

Google Chrome, Windows, CKEditor version 4.6.2, installed plugins are the following:

plugins : {

'a11yhelp' : 1, 'autolink' : 1, 'backgrounds' : 1, 'base64image' : 1, 'basicstyles' : 1, 'bgimage' : 1, 'blockquote' : 1, 'chart' : 1, 'clipboard' : 1, 'colorbutton' : 1, 'contextmenu' : 1, 'docprops' : 1, 'elementspath' : 1, 'enterkey' : 1, 'entities' : 1, 'filebrowser' : 1, 'find' : 1, 'floatingspace' : 1, 'font' : 1, 'footnotes' : 1, 'format' : 1, 'horizontalrule' : 1, 'htmlwriter' : 1, 'image' : 1, 'imagepaste' : 1, 'imageresize' : 1, 'imagerotate' : 1, 'indentblock' : 1, 'indentlist' : 1, 'justify' : 1, 'language' : 1, 'lineheight' : 1, 'link' : 1, 'list' : 1, 'liststyle' : 1, 'magicline' : 1, 'maxheight' : 1, 'pagebreak' : 1, 'panelbutton' : 1, 'pastefromword' : 1, 'pastetext' : 1, 'pbckcode' : 1, 'print' : 1, 'quicktable' : 1, 'removeformat' : 1, 'resize' : 1, 'scayt' : 1, 'showblocks' : 1, 'sourcearea' : 1, 'specialchar' : 1, 'stylescombo' : 1, 'stylesheetparser' : 1, 'tab' : 1, 'table' : 1, 'tableresize' : 1, 'tabletools' : 1, 'textsignature' : 1, 'toolbar' : 1, 'undo' : 1, 'uploadimage' : 1, 'wordcount' : 1, 'wsc' : 1, 'wysiwygarea' : 1, 'zoom' : 1

}

I think this should be generating at least an 'insertHtml' event?

Steps to reproduce

1. On the CKEditor Demo page, set the cursor anywhere in the middle of a heading.
2. Press Enter.
3. Change the paragraph format to Normal.
4. Press Backspace.

Actual result

Cursor has moved to the end of the line.

Start typing some text in demo. Switch to some style that is actually span (Marker-green for one), type more, switch to Marker-yellow, type more, switch to Marker-green again - type and see that text continue to be yellow. So we can't swith to the first applied style when continue typing.

To reproduce the defect:

1. Open CK Editor sample, insert a Table with default values for Rows & columns and set Table headers to both(First Row & First Column)

2. Enter the data in all table cells.

3. See that cells in first row & first columns are set as headers

4. Open Table Properties dialog and Change Table Headers to First Column.

Expected Result: All the cells in First Column remain as headers and all the cells ( except cell in first column) in first row are changed back to normal.

Actual Result: All the cells in First Column remain as headers and all the cells including cell in first column in the first row are changed back to normal.

5. Open Table Properties dialog again

Expected Result: Table Headers should be shown as First Column

Actual Result: Table Headers is shown as none.

Right now CKEditor does not provide almost any advanced features that will let users change rows in a table.

Some things that (I think) should be doable:

• changing background color of selected row
• setting row height
• changing alignment
• changing class/id

hi, I'd like to have a characters counter...ie: "there are xxx characters left"

it would be useful for inserting text with limitation in length...

Moved from SF:
​http://sourceforge.net/tracker/index.php?func=detail&aid=1391324&group_id=75348&atid=543656

1. Open document properties sample
2. Insert below meta tag into page (under title :)). You can also insert doctype but this has no effect on result.

   <meta charset="utf-8" />
   

3. Open document properties dialog and notice that charset it not set in dialog.
4. When you set charset to UTF-8 in dialog, below meta tag is inserted:

   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   

This problem can be reproduced from CKEditor 4.0 beta.

In current version the problem gets worse.

1. Let's say that you have removed HTML5 charset and decided to use HTML4 charset.
2. In current version (latest master) this charset is also not recognized. What is more every time you set utf-8 charset in dialog, new tag gets inserted so you can end up with multiple meta tags inserted into page.

Shouldn't charset meta tag be somehow dependent on doctype or this is something developer/user should know when creating page?

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

This happend in Internet Explorer 7

Steps to reproduce

Same as #11753, except with Firefox 43.0.1: As soon as you focus a place in a widget where you can put text, CheckDirty is true. (Also works with editor1)

Expected result

CheckDirty remains false

Actual result

CheckDirty switches to true

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

Firefox 43.0.1 Chrome seems to be ok.

Edit: This issue may concern other widgets as well. Please also see #12891 where MathJax and Code Snippet have other problems with checkDirty.

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

Here is example:

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

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

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

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

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

This works as expected in FF & Chrome

Since it is possible to set allowed/denied file extensions for all 4 file types, there properties should be checked everywhere a file is going to be upload.

For example, if you upload a file directly through the image plugin it checks for a valid extension. If you upload through the file browser, it does not check for extensions. It has to be made on the server.

This complete coverage would make it superfluous to check for the extension on the server-side.

How to reproduce:

Working demo to verify: ​http://jsfiddle.net/aZqL9/7/

1 - Add two DIVs

<div contenteditable="true" id="editable"><img src="http://i.imgur.com/M3LOzdI.jpg"/></div>

<div contenteditable="true" id="editable2"><img src="http://i.imgur.com/aD7V3hQ.jpg" width="320"/></div>

2 - Add a button to set the editors as readonly

<input type="button" onclick="editor.setReadOnly(true); editor2.setReadOnly(true);" value="Make readonly">

3 - Execute the loading of the editors in a <script>

CKEDITOR.disableAutoInline = true;

var editor = CKEDITOR.inline( document.getElementById( 'editable' ) );
var editor2 = CKEDITOR.inline( document.getElementById( 'editable2' ) );

5 - When it loads, click the button to set the editors to read only

6 - Do a right click on the first editor

7 - Do a right click on the 2nd editor. Javascript error is shown

Working demo to verify: ​http://jsfiddle.net/aZqL9/7/

Reproducible in: IE11

Steps to reproduce

1. Chrome://accessibility Global accessibility mode: on
2. Ckeditor.com-> Demo -> Widget
3. Widget event : click or mouseover and so on.
4. chrome stop working.

Expected result

Actual result

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

See ​https://twitter.com/wimleers/status/625671093047685121

This issue concerns Accessibility Checker plugin. While in Chrome on Android and view is enlarged, the AC pop-ups (those showing warnings/errors) appears in different places than it should (does not point to the current error/warning).

Steps to reproduce

1. Go to ​https://cksource.com/a11ychecker/demo.
2. Enalrge view.
3. Click on Check Accessibility button.
4. Click next/previous in the pop-up few times.

Expected result

Pop-up window points to the content causing error/warning.

Actual result

Pop-up windows does not point to the content causing error/warning.

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

Chrome 50.0.2661.89, Android 4.4.2; Nexus 7 Build/KOT49H

1. Open ​http://tests.ckeditor.dev:1030/tests/plugins/clipboard/manual/paste
2. Select all content (which includes image2) in editor.
3. Cut content.
4. Paste removed content again.

Two images are uploaded.

Steps to reproduce

1. Open CKEditor sample page on Android device, Chrome browser.
2. Pinch to zoom and scroll a bit (both axis).
3. Click Size dropdown (or any other dropdown).

Expected result

Dropdown options are shown below dropdown "button".

Actual result

Dropdown options are somewhere else.

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

Browser is Chrome@Android. This is an old bug, I checked 4.4.0 and it is there already.

This is similar to ticket #8514 , but I have a way to reproduce it.

OS: Windows 7 SP1 Browser: Chrome 15.0.874.121

Paste the following HTML into a file on your machine:

<html>
<body>
Testing testing
<a href="test.html">link</a>
What's going on here?
</body>
</html>

In one tab in Chrome open the HTML file above.

In another tab in Chrome go to ckeditor.com/demo .

Copy everything from the first tab to ckeditor in the second tab. Only the first line will appear, even though you expect all of the text to be there.

I am confident this is happening because of a misbehaving webkit shim in ​http://svn.ckeditor.com/CKEditor/releases/stable/_source/plugins/clipboard/plugin.js . Just search for "bogusSpan".

You could also see this behavior with the following html:

<html>
<body>
Testing testing
<br>
What's going on here?
</body>
</html>

Steps to reproduce

1. Click inside the editor
2. Click in the textarea outside of the editor

Expected result

Caret is positioned in the textarea and I can start typing in it

Actual result

There is no caret in the textarea

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

Google Chrome Version 58.0.3029.96 (64-bit)

Also reproducible with current nightly build.

This problem was introduced with fix for #13446.

I'm attaching a test file where bug can be reproduced or if you prefer you can test it in this jsfiddle - ​https://jsfiddle.net/ka5aehx7/.

1. open Chrome.
2. open "Mathematical Formulas" sample.
3. Select any widget.
4. Copy (Ctrl+C).
5. Click in the middle of the first paragraph.
6. Paste widget (Ctrl+V).
7. Apply numbered list on this paragraph.
8. Change paragraph type to bulleted list.

Result:

<span tabindex="-1" contenteditable="false" data-cke-widget-wrapper="1" data-cke-filter="off" class="cke_widget_wrapper cke_widget_inline cke_widget_selected" data-cke-display-name="math" data-cke-widget-id="6">
	<span class="math-tex cke_widget_element" data-cke-survive="1" data-cke-widget-data="{&quot;math&quot;:&quot;\\(k\\)&quot;}" data-cke-widget-keep-attr="0" data-widget="mathjax" style="display: inline-block;">
		<iframe style="border: 0px; width: 12px; height: 19px; display: inline; vertical-align: middle;" scrolling="no" frameborder="0" allowtransparency="true" src="javascript:void(0)"></iframe>
		<iframe style="border: 0px; width: 12px; height: 19px; display: inline; vertical-align: middle;" scrolling="no" frameborder="0" allowtransparency="true" src="javascript:void(0)"></iframe>
	</span>
	<img src="data:image/gif;base64,R0lGODlhAQABAPABAP///wAAACH5BAEKAAAALAAAAAABAAEAAAICRAEAOw%3D%3D" class="cke_reset cke_widget_mask">
	<span class="cke_reset cke_widget_drag_handler_container" style="background-color: rgba(220, 220, 220, 0.498039); background-image: url(http://presets.ckeditor.dev/4.3/full-all/ckeditor/plugins/widget/images/handle.png); top: -15px; left: 0px; background-position: initial initial; background-repeat: initial initial;">
		<img class="cke_reset cke_widget_drag_handler" data-cke-widget-drag-handler="1" src="data:image/gif;base64,R0lGODlhAQABAPABAP///wAAACH5BAEKAAAALAAAAAABAAEAAAICRAEAOw%3D%3D" width="15" title="Click and drag to move" height="15" draggable="true">
	</span>
	<img src="data:image/gif;base64,R0lGODlhAQABAPABAP///wAAACH5BAEKAAAALAAAAAABAAEAAAICRAEAOw%3D%3D" class="cke_reset cke_widget_mask">
	<span class="cke_reset cke_widget_drag_handler_container" style="background-color: rgba(220, 220, 220, 0.498039); background-image: url(http://presets.ckeditor.dev/4.3/full-all/ckeditor/plugins/widget/images/handle.png); top: -15px; left: 0px; background-position: initial initial; background-repeat: initial initial;">
		<img class="cke_reset cke_widget_drag_handler" data-cke-widget-drag-handler="1" src="data:image/gif;base64,R0lGODlhAQABAPABAP///wAAACH5BAEKAAAALAAAAAABAAEAAAICRAEAOw%3D%3D" width="15" title="Click and drag to move" height="15" draggable="true">
	</span>
</span>

The same happens with placehoder plugin.

Steps to reproduce

1. Open nightly build ​http://nightly.ckeditor.com/16-04-18-06-06/full/samples/ in two tabs
2. Add text in one editor and apply different formatting to text(ex: font name, font size, text/background color, Alignment, Indentation)
3. Select the text & use Ctrl + C to copy the text
4. Go to editor in next tab, clear existing content & paste the copied content from editor in previous tab

Expected result

Pasted content should have all the styles of the txt copied from previous editor

Actual result: Pasted text has no styles

This is a regression in 4.5 & it's working properly in 4.4.8

1. go to CkEditor.com/demo
2. click 'new article'
3. focus the wysiwyg editor
4. set the formatting to 'formatted'
5. type <a><enter><b><enter><c><enter>
6. highlight "b"
7. press ctrl+c
8. press ctrl+v
9. expected: no visual change
10. formatted text is now mangled.

expected source:

<pre>
a
b
c
</pre>

actual source:

<pre>
<span style="display: none; "> </span>a
</pre>
<pre>
b</pre>
<br />
<p>
	c</p>
<br />

See attached video.

When adding a select box with a multiple attribute, Chrome crashes when ctrl-clicking on an option within it, instead of a context menu the browser tab just crashes, with no exception thrown or no crash report in Chrome.

This bug occurs on Mac OS X Mountain Lion (10.8.6), tested with CKEditor 4.0.1 and 4.3.1 on the site demo. Both have the same result.

It's a Blink bug - ​https://code.google.com/p/chromium/issues/detail?id=332719

Related issue: #11365.

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)

1. Open attached sample file
2. Copy contents
3. Paste it using CRTL+V or "paste from word" dialog

Result:
Unordered list is pasted as set of paragraphs.

This issue has been reproducible in Chrome only from CKEditor 3.0.

NOTE: In CKEditor 3.5.3 rev [6616] new handling of lists pasted from Word was introduced. From this revision CKEditor has started recognizing ordered lists in most cases.

The attached file list_test.docx contains working ordered list. There are however ways to insert baddly formatted ordered list:

1. Please see list_test2.docx. I'm not sure what it depends on. In my test I have always started new document, indented elements before typing and one time it worked, one time it didn't

2. Use MS Word 2010 for creating multilevel lists. Please see attached jing file.

Steps to reproduce

1. Open ​http://ckeditor.com/demo#standard
2. Open Styles dropdown
3. Scroll to the middle using mouse scroll.
4. Close dropdown without selecting style.
5. Open dropdown once again
6. Scroll down

Expected result

I expect that it will work in the same way as in FF. Elements should scroll down without scrolling to the top.

Actual result

When I open Styles dropdown I can see that list is scrolled to the same position as it was when I closed. After scroll down list is scrolled to the top and next moved few elements down.

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

Chrome browser version: 52.0.2743.82 m OS: Windows 10

Steps to reproduce

1. Open nightly build
2. Copy content from notepad where there are few empty paragraps between content
3. Paste in editor body

Expected result == Content pasted properly with empty paragraphs

Actual result : All empty paragraphs are removed in pasted content.

To reproduce the defect:

1. Open any CKSample,clear existing text

2. Type some text, select it & apply Subscript/Superscript format

3. See that sub/super tag applied to the text.

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

5. Press CTRL+ V to paste the text.

Expected Result: Pasted text has subscript/superscript format applied & sub/super tag shown in HTML source

Actual Result: Pasted text has no subscript/superscript format applied

In chrome an additional request is produced whenever I open the image dialogue and then ok/cancel it.

1. Open ckeditor.com/demo and open the developer tools to track requests.
2. Click the 'Insert Image' button to display the image preview dialog.
3. Click Cancel.
4. A request is made relative to the current page location (so the html page ckeditor.com/demo) - The console also displays the warning 'Resource interpreted as image but transferred with MIME type text/html'

It looks like its caused during the dialog cleanup. The <img> tag src attribute is set to '' in /plugins/image/dialogs/image.js - which causes a relative request.

Browser: chrome 5.0.375.86 OS: Ubuntu 9.04

Steps to reproduce:

1. type random text
2. Press Ctrl+B to start bolding, or click the toolbar button
3. type random text
4. Press Ctrl+B to stop bolding, or click the toolbar button
5. type random text
6. Press the left-arrow once.

EXPECTED: the insertion point moves one character to the left

ACTUAL: the insertion point jumps to one character before the end of the bold text

Chrome Reproducible steps:

1. Open editor
2. Write something
3. Change fontsize
4. Keep typing
5. Change colour
6. Type more
7. Change background colour
8. Type more
9. Press enter

Expected: Text with different font sizes are kept on same line. Actual: The text from point 7 and onwards is placed on new line

To reproduce the defect:

1. Open Ajax sample, click on bold icon, type some text( for ex: frederico knabben ck editor)

2. select knab in the word knabben and click on Link icon

3. Enter URL in the link dialog and click OK button.

Expected Result: Link inserted with a name knab for the letters in the word knabben

Actual Result: Link inserted at the beginning of paragraph

Only happens when we open the sample,make a selection for the first time, selection should be part of a word and text in paragraph has some styling applied(for ex; bold,italic,font name or font size)

This ticket looks like continuation of #9929. The problem is that #9929 was fixed in CKE 4.2.3 but it seems it has reappeared again in CKE 4.4.1

Besides below TC with link you can also reproduce this problem with:

1. Paste below in source mode and switch to wysiwyg.

   <p>This is a simple sentence.</p>
   

2. Remove space with backspace or delete and then insert it again. Result:

   <p>This&nbsp;is&nbsp;a&nbsp;simple&nbsp;sentence.</p>
   

1. Open editor (replacebyclass.html) and inset following html in source mode:

   <p>Source: <a href="http://en.wikipedia.org/">Wikipedia.org</a></p>
   

2. Switch back to WYSIWYG mode.
3. Put cursor just before 'Wikipedia.org'.
4. Press backspace.
5. Press space.
6. Go to source mode.

Result: You will see:

<p>Source:&nbsp;<a href="http://en.wikipedia.org/">Wikipedia.org</a></p>

Expected: There should be " " instead of "&nbsp;".

In FF everything is fine.

Probably related: #10359 and #9998

Steps to reproduce:

1. Add a text input to the editor, it’s most notable when the text input is placed beyond the size of the editor window
2. Click somewhere in the page outside of the editor so it doesn’t have focus
3. Right or ctrl + click on the text input element

When the input element is clicked, the focus jumps to the top of the editor window, and when adding a contextMenu listener this actually passes the top most element as the one being clicked.

Browser & OS: Google Chrome 32.0.1700.77 Mac OS X 10.9.1

In latest Chrome 27 when you open editor menu with Shift+F10 browser menu also opens. If you try this outside of editor browser menu opens which means that Chrome is using Shift+F10 as shortcut for its native menu.

To reproduce:

• Open replacebycode sample.
• CTRL+A
• SHIFT+F10

Result both menus are opened.

When you have two menus opened press Esc and native one will close. This can be used as workaround but we should block this native menu somehow and make sure that we don’t block it for good as users can turn off editor menu (there is such config option) and use browser native one

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

1. Load the editor with following content:

<table border="1" cellpadding="1" cellspacing="1" style="width:500px">
	<tbody>
		<tr>
			<td>1</td>
			<td>2</td>
			<td>3</td>
		</tr>
		<tr>
			<td>a</td>
			<td>b</td>
			<td>c</td>
		</tr>
	</tbody>
</table>

<p>&nbsp;</p>

2. Select the entire second cell ('b') on second column by double clicking it. Make sure the entire cell is selected.
3. Right click and choose Column > Insert Column After

Expected result

A new column is added between the existing second and third columns

Actual result

A new column is added after the third column e.g. as the last column in the table

Tested in Chrome

Steps to reproduce

1. Open Nightly build, type few paragraphs of text.
2. Apply some format(Font: Georgia, size: 36) to a paragraph
3. Copy the Paragraph.
4. Refresh the page
5. Keep curosor in a paragraph & paste content using Ctrl + V

Expected result

Pasted text has all the formatting that was applied to it. Actual result

Actual result

All the formatting applied to pasted text is removed. This is working in 4.4.8

Same issue happens with Indentation, Alignment etc.

Steps to reproduce

1. Type few paragraphs of text.
2. Applt some format(Font: Georgia, size: 36) to a paragraph
3. Copy the Paragraph.
4. Keep cursor in new paragraph, Open Paste dialog, paste content in the dialog and click OK button.

Expected result

Pasted text has all the formatting that was applied to it.

Actual result

All the formatting applied to pasted text is removed. This is working in 4.4.8

Same issue happens with Indentation, Alignment etc.

Steps to reproduce

1. ​http://jsfiddle.net/HugeHugh/3xu8yece/
2. Try to insert the horizontal line without focusing the editor first.

Expected result

It's inserted before the widget.

Actual result

An error is thrown.

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

I could not reproduce this issue on Firefox, so I guess it's related to Chrome's limited selection system which does not allow us to place selection before a non-editable block if it's the first descendant of the editable.

We might need a special support for marking parts of code that are needed for testing and should be removed in release version. In short, they should be left in "test release" version.

Sample code: ​https://github.com/cksource/ckeditor-dev/blob/t/9764/plugins/widget/plugin.js#L420-L428

		// %REMOVE_START%
		// Expose for tests.
		,
		getNestedEditable: getNestedEditable,

		createEditableFilter: createEditableFilter

		// %REMOVE_END%
	};

It it impossible to build CKEditor after this change: ​a2136ce (native is a reserved keyword). I remember that it happened at least once in the past. We renamed the "native" variable to "nativ".

After a quick research it turned out we may get rid of this issue forever by using this piece of code:

options.setLanguageIn( CompilerOptions.LanguageMode.ECMASCRIPT5 );

native was a future reserved word in ECMAScript v3. Closure Compiler follows ES4, which also lists native as a reserved keyword.

However, I believe it will be quite unsafe to switch CC to ES5 mode at this moment, because this time we may not notice code that will be incompatible with IE7.

.catch() in ES6 Promises causes an CKBuilder error:

Jun 25, 2015 8:39:12 PM com.google.javascript.jscomp.LoggerErrorManager println
SEVERE: plugin.js:87: ERROR - Parse error. missing name after . operator
                                }).catch(function() {
                                         ^

I've got a problem with the CKBuilder.

The builder goes somewhere too deep when looking for icons. I use it in ​https://github.com/Reinmar/kuma/tree/ckeditor-update and it enters this directory: ​https://github.com/Reinmar/ckeditor-descriptionlist/tree/master/dev ("ckeditor-descriptionlist" is a submodule of the "kuma" repository).

It looks like everything works after building, so it's not critical but it would be safe to have this fixed.

Logs:

Generating plugins sprite image
WARNING: cowardly refused to add an image to a sprite because it's too big: /www/kuma/media/js/libs/ckeditor/source/ckeditor/plugins/descriptionlist/dev/ckeditor/skins/kama/icons/icons.png
WARNING: cowardly refused to add an image to a sprite because it's too big: /www/kuma/media/js/libs/ckeditor/source/ckeditor/plugins/descriptionlist/dev/ckeditor/skins/kama/icons/icons.png
Building ckeditor.js
Minifying ckeditor.js
Created ckeditor.js (503KB)
    Time taken.....: 6.877seconds
Building skins
WARNING: cowardly refused to add an image to a sprite because it's too big: /www/kuma/media/js/libs/ckeditor/source/ckeditor/plugins/descriptionlist/dev/ckeditor/skins/kama/icons/icons.png
WARNING: cowardly refused to add an image to a sprite because it's too big: /www/kuma/media/js/libs/ckeditor/source/ckeditor/plugins/descriptionlist/dev/ckeditor/skins/kama/icons/icons.png
    Time taken.....: 4.308seconds

In customizing my build I have to build up my own table of which plugins were included in each of the Basic/Standard/Full presets in order to know exactly what I'm getting.

The CKBuilder interface should use color-coding or additional icons to make it obvious which additional plugins we're getting going from Basic->Standard or from Standard->Full.

This is the continuation of #9478.

To reproduce:

1. Clear editor contents with CRTL+A Backspace
2. Insert default table
3. Open table properties dialog, clear width value and click OK
4. Open table properties one more time.

Result: Default table width 500px is present in width field and once you click OK table gets default width.

You have to use below code to see the bug

CKEDITOR.on( 'dialogDefinition', function( ev )
            {
                var dialogName = ev.data.name;
                var dialogDefinition = ev.data.definition;

                // Set default table width during creation.
                if(dialogName == 'table')
                {
                    var infoTab = dialogDefinition.getContents( 'info' );
                    txtWidth = infoTab.get( 'txtWidth' );
                    txtWidth['default'] = '100%';
                }

                if ( dialogName == 'tableProperties' )
                {
                    var infoTab = dialogDefinition.getContents( 'info' );

                    var tab = dialogDefinition.getContents( 'advanced' );
                    tab.remove ('advLangDir');
                    tab.remove ('advStyles');
                    tab.remove ('advCSSClasses');
                }
            });

window.x  = CKEDITOR.editor.replace('editor1', {
    removePlugins : 'button,div,filebrowser,flash,format,forms,horizontalrule,indent,justify,liststyle,pagebreak,showborders,stylescombo,templates',
        toolbar :
            [
                ['Source', 'Table']
            ],
});

With this code bug can be reproduced in v4 but also in v3 from CKE 3.6.1 rev. [6979]

1. Put below code into inlinebycode sample

   CKEDITOR.disableAutoInline = true;
   
   var editor = CKEDITOR.inline( 'editable', {
   	disableObjectResizing : true
   });
   

2. You can also try putting disableObjectResizing into config.js

It is still possible to resize images with inline editor in Firefox or IE (Please do not confuse with #9317).

Bug can be reproduced in all browsers.

1. Open enter key sample
2. Set any Enter mode and clear editor contents (best with new page button)
3. Click div container toolbar button

Result:
Messages: Cannot call method 'getName' of undefined or a is undefined
Line : 333 URI: ckeditor.js Please note that I was able to get this bug in release version only. It didn't occur on "trunk"

1. Open enter key sample
2. Set Enter Mode DIV and clear editor contents (best with new page button)
3. Click div container toolbar button and Click OK

Result:
Message: Cannot call method 'equals' of null
Line: 199
URI: /ckeditor/plugins/div/dialogs/div.js

The dialogui plugin defines a disable function for CKEDITOR.ui.dialog.button objects.

/**
 * Disables the button.
 * @example
 */
disable : function()
{
	this._.disabled = true;
	this.getElement().addClass( 'cke_disabled' );
},

This function adds the cke_disabled class to this.getElement() which corresponds to the a tag for the button. Therefore the a tag can be styled using this class when the button is disabled. However, the cke_disabled class is not added to the span tag which displays the label for the button (see the attached screen capture). Therefore, there is no way to style the text for disabled buttons.

The disable function should be updated to also add the cke_disabled class to the span tag. Perhaps doing something like this:

disable : function()
{
	this._.disabled = true;
	this.getElement().addClass( 'cke_disabled' );
	if(this.getElement().getChildCount() > 0 && this.getElement().getChild(0).getName() == 'span'){
		this.getElement().getChild(0).addClass('cke_disabled');
	}
},

The enable function would need to be updated accordingly to remove the cke_disabled class from the span when the button is enabled again.

I found this issue after recent upgrade to the version 3.6.

Steps:

• Set Focus to the CKEditor text area;
• Click any other control you have on a page (like link or button);

See attached video (6-1-2011 6-56-55 PM.zip) and an ASP.NET sample application I used for testing (CKEditorTest.zip) for details.

Hi,

We are using 3.x version of CKEditor in our project and when set large data to the editor (1 MB - 2 MB) data, the vertical scroll bar is stopped working. This issue is coming on Firfox and this is working fine for IE browser. For large data, when try to scroll after load it sometimes make the browser also crashing some times.

Really would appreciate if any work around or patch for this issue? Please guide us kindly.

Note: We have a valid license for the CKEditor.

Thank You, Siju Thomas.

Hi, I am using the CKEditor 4 Inline editing and as i sow its not cleanning all the trash after using destroy.

Code before i edit it:

<div id="myId">Text text text</div>

Code after i edit it and use destroy to remove the CKEditor instance:

<div id="myId" class="cke_focus" style="position: relative;">Text text text</div>

As we can see the class of "cke_focus" and the "position:relative" are not removed when i use the destroy.

Are there is a way to remove all the CKEditor trash?

Hi, When i use "CKEDITOR.inline(myId)" its applying the editor instance to the object but its applying toolbar to it if i do not focus the object.

In my case, I do not like to focus the object on startup because its scroll the page to the start/end (IE browser focus to the end of the page).

It will be very good if i will be able to show the toolbar on a instance without focusing it manually.

I also ask in some forums and there is no solutions: ​http://ckeditor.com/forums/CKEditor/CKEditor-Inline-Editing-doesnt-show-the-toolbar-on-start ​http://stackoverflow.com/questions/14724279/ckeditor-4-inline-how-to-show-the-toolbar-on-a-object-without-focusing-it

We just upgraded to the latest version of ckeditor and downloaded the minified version.

Everything worked fine except for places where textarea are created we see the problem trying to access "cke_dialog_ui_input_textarea". We looked at the code and found that one place ckeditor does the following

Having this line causes the class="cke_dialog_ui_input_textarea " with an extra whitespace when aclass? is undefined. This caused our tests with sahi to fail since sahi was not able to find anything with the exact class name. We have reported the bug with sahi as well.

But attached is the patch that can fix it for the ckeditor.

Hope this works for ckeditor and helps.

-Thanks Sudhindra

Steps to reproduce

1.click on anchor button,enter a name "Test"
2.Again click on anchor button ,enter "Test"

source view of two anchors:

<p><a id="Test" name="Test"></a></p>

<p><a id="Test" name="Test"></a></p>

Actual result: As shown above Ckeditor allows to create two anchors with same name and ID

Expected result: Ckeditor should not allow to create two anchors with same name and ID

Some users are not happy with the way how addquerystring in the filebrowser plugin works (​http://cksource.com/forums/viewtopic.php?t=19761)

We could think of making this function more customizable or even public to allow developers to override it with their own function without the need to recompile CKEditor.

As far as client side resources are concerned, a Django 1.3 project can describe two important context variables :

1. STATIC_URL : This is where we access all files that aren't generated by server side logic and are required by the interface clientside logic or appearance.

2. MEDIA_URL This is where all resources for client side usage that were uploaded by users is accessed.

keeping site theme files separate from user uploads means we can host them from different domains (usually subdomains of the root)

something.org static.something.org files.something.org

So now onto the problem I'm having with CKEditor :

I define my STATIC_URL and MEDIA_URL like so :

something.org files.something.org static.something.org

What this does for me is reduce the amount of HTTPS <> HTTP wrangling behind the scenes.

However, CKeditor fails to load for me becuase you're codebase assumes the BASE_PATH for ckeditor will explicitly be prefixed by a protocol. Sure i can change the STATIC_URL and MEDIA_URL to :

​http://something.org ​http://files.something.org ​http://static.something.org

but now keeping the site secure and preventing session cookie bleed-over is a great deal more difficult.

tl;dr : Don't make assumptions about the URL from which you load ckeditor.

Please see comment:5 for short description of problem that user is getting in editor.

It is quite a common scenario when content of a page is placed inside of a div with some id ("main", "wrapper") and CSS rules are defined for that div.

For IE we're creating "accessibility label" using label and fieldset. Unfortunately, it is possible to accidentally change the style of those elements and make CKEditor looking strange or even unusable.

Steps to reproduce

• take the replacebyclass sample
• in the head section add the following:

  	<style type="text/css">
  	#main fieldset {padding:20px; margin:20px; width:400px}
  	#main legend {padding:40px; margin:40px; width:400px}
  	</style>
  

• put the form element inside of <div id="main">:

  	<div id="main">
  	<form action="sample_posteddata.php" method="post">
  			<p>
  				<label for="editor1">
  					Editor 1:</label><br/>
  				<textarea class="ckeditor" cols="80" id="editor1" name="editor1" rows="10">&lt;p&gt;This is some &lt;strong&gt;sample text&lt;/strong&gt;. You are using &lt;a href="http://ckeditor.com/"&gt;CKEditor&lt;/a&gt;.&lt;/p&gt;</textarea>
  			</p>
  			<p>
  				<input type="submit" value="Submit"/>
  			</p>
  		</form>
  	</div>
  

• save the sample and lauch it in IE
• result: the editing area is broken.

In Firefox Version Firefox 49.0.1:

When a text is pasted from a word file or a Thunderbird e-mail the text is SOMETIMES pasted multiple times instead of just once. It's no issue with the clipboard since pasting it into notepad works just fine. Any hints on what might cause this issue are welcome. Thank you!

The issue is very similar to this one: ​​https://dev.ckeditor.com/ticket/12995

It is still possible to click on a dialog button after having disabling it with the disableButton method in CKEDITOR.dialog (​http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.dialog.html#disableButton).

When "disableButton" is called, the property "disabled" is correctly set to true and a css class is added to the button. But if you click on the button, there's no check to see if it's disabled and the event is still fired.

I think this could be fixed by modifying the code in _source/plugin/dialogui/plugin.js and adding a check for disabled before the onClick is applied.

Like this :

(line 949)

onClick : function( dialog, func )
{
    this.on( 'click', function()
    {
        if(!this._.disabled)
        {
            // Some browsers (Chrome, IE8, IE7 compat mode) don't move
            // focus to clicked button. Force this.
            this.getElement().focus();
            func.apply( this, arguments );
        }
    });
}

By the way, the css class (cke_disabled) added to the button when it's disabled does nothing and the button doesn't look disabled.

Some properties of ASP.NET TextBox Control is not supported by CKEditor Control. For example many users claim that MaxLength property is not working but this is because it is not supported by CKEditor Control.

In Visual Studio in "Properties" window when using "Categorized" view the only supported options are those mentioned in CKEditor Basic Settings and CKEditor Other Settings.
If user uses "Alphabetical" view then there is no category and users may get false impression that all properties are supported which is not true.

Possible solutions:

1. Hide unsupported properties
2. Make unsupported properties disabled (just like TextMode property)
3. Make them work for CKEditor control.