Custom Query

1. Load replacebyclass sample in Opera and clear page contents
2. Open bold style and type a few texts
3. With cursor at the end of block, toggle bold style to leave from it

• Expected: Newly inserted text are not in bold
• Actual: Unable to leave from the bold style

It breaks test: ​http://ckeditor4.t/dt/plugins/font/font.html?name=test-apply-font-size-collapsed-cursor#

I used divarea.html sample from Git repository. When autogrow and divarea plugins are enable together like:

  CKEDITOR.replace( 'editor1', {
    extraPlugins: 'autogrow,divarea',
    height : 100,
    autoGrow_minHeight : 600,

  });

CKEditor on start has no place to insert content. I attached modified divarea.html sample from GIT.

When the editor content is like <p>foo<br/>bar</p> and the user selects "foo" with mouse or keyboard from right to left and tries to add bold style to the text, it fails (selection dissappears and no styling).

When re-selecting foo right to left elementspath displays "body p strong" - but when switching to source there is only the p and br elements. Selecting by double clicking and then applying a style works.

Reproduced in ​http://ckeditor.com/demo and in ​http://nightly-v4.ckeditor.com/3627/samples/replacebyclass.html

This might be a symptom of a known issue like the one that depends on how browsers handle the caret positioning but I didn't find a ticket and I guess it could still be concidered a bug?

To reproduce:

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

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

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

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

To reproduce:

1. Download both files, open them, copy lists/tables one by one with CRTL+C
2. Click New Page button to remove contents
3. Try to insert list/table into editor with CRTL+V or using pastefromword button.

Every time you will get message saying that it was not possible to clean up data because an error has occurred.

I am doing some work on a footnotes plugin for Drupal and the way it works is to add <fn> or [fn] tags, which are replaced with real markup at render time.

For the CKEditor plugin it uses <fn> tags, however I am running into an issue with IE.

What happens when it tries to add that tag is:

• Firefox: Adds the tag as expected.
• Chrome: Adds the tag as expected.
• IE9: Adds the tag, but at the start of the text area, not at the cursor.
• IE8: Gets a javascript error and does not add the tag. The error is:
  • Error: Unable to get value of the property 'remove': object is null or undefined (Line 73 of element.js)
• IE7: Doesn't even load the page for me to try. With the error:
  • Unable to get the value of the property 'onLoad': object is null or undefined (Line 59 of plugin.js).
  • I have not looked into this one yet and it is quite possibly unrelated.

Here is the onOk code for the plugin:

          onOk : function()
          {
            var editor = this.getParentEditor();
            var content = this.getValueOf( 'info', 'footnote' );
            var value = this.getValueOf( 'info', 'value' );
            if ( content.length > 0 || value.length > 0 ) {
              var realElement = CKEDITOR.dom.element.createFromHtml('<fn></fn>');
              if ( content.length > 0 )
                realElement.setText(content);
              if ( value.length > 0 )
                realElement.setAttribute('value',value);
              var fakeElement = editor.createFakeElement( realElement , 'cke_footnote', 'fn', false );
              editor.insertElement(fakeElement);
            }
          }

Now the problem line is:

var realElement = CKEDITOR.dom.element.createFromHtml('<fn></fn>');

When createFromHtml() calls setHtml(), the <fn> tag is not added, so when it tries to do temp.getFirst().remove(); temp.getFirst() is nothing and it throws the error.

That is with IE8 (IE9 in IE8 mode). With IE9, I haven't yet looked into why it is placing the markup at the start of the text area.

Is this a bug with setHTML(), or maybe an IE issue that has to be worked around, or something else?

Also, could anyone point me in the right direction of some way to add a tag like <fn>? Or is this it? Or am I wasting my time and is it not possible to do it and have it work nicely in all browsers?

This is my first issue on here so if I have missed useful information just let me know what you need.

Thanks.

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.

Reproducible in CKEditor 4 in all browsers. Works fine in CKEditor 3.6.5

The comment:7 is about separate issue reproducible in both CKE 3.x and 4.x. It has its own ticket #9560.

This one has been reported by a customer. It is a backwards compatibility issue that needs to be investigated:

It is no longer possible to specify a classname when defining a button or menu item. We rely on this for adding relevant class names to toolbar menu buttons and their menu items.

In v3, the render function for CKEDITOR.ui.button and CKEDITOR.menuItem performed a check for this.className and appended its value to the classes for that ui element if present. The new implementation of render for these ui elements does not check if a className has been specified in the definition though so our classes are never applied.

Reproduced when the content is set to output XHTML with bolding using a span with a class "Bold".

​Example in JSFiddle IE9 in JSFiddle with 3.5.2 but reproduced in 3.6.4 locally and in ​nightly examples as well.

Copy the table above the "test" paragraph, place the caret to after test like "test|" and then paste or press enter to create a new paragraph and then paste. The pasted table gets placed inside the same p and span elements that the text "test" is in. This also causes that all text within the table to be bolded and cannot be unbolded. After this issue, the mangled source leads to very strange results for actions, such as placing the caret back to "test|" and presing enter completely removes the "test" text. Undoing the paste and redoing it results in different results; the table is no longer bolded nor inside the p element.

Switching to the source and back helps, but isn't really a solution.

There must be an accessibility solution to make magicline usable through the keyboard only.

To reproduce:

1. Open attached sample page
2. Focus in the editor
3. Select all using keyboard shortcut, or edit menu
4. Press backspace or delete key

Result:
Editor will be removed.

Editor is placed inside table so this is very similar issue to inline editing #9315. Perhaps they have the same solution.

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

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

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

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

I attached a patch file with a potential fix.

Hi, When i typed the Arabic text in the ckeditor unfortunataley its display wrong text .

Arbic text which I typed in editor : المملكة الموافق it display : لنن ملكق لننوافق

In content.css I have assigend a our custom font however its works fine in MS-Word , but I dont know why its happend .! in ckeditor. Find the attached screenshot you will get idea.

Highly appreciated for given reply.

Thanks & Regards, Mansoor

1. Go to ​http://ckeditor4.t/ckeditor/samples/replacebycode.html
2. Right click the image inside of the sample.
3. Image properties option should be available.

Unlike other combo boxes, paragraph format (format plugin) is unable to hold its cke_combo_on class (ON state) when opened. It seems that this problem exists in the editor for a long time as this class has never (recently?) been used in kama.

To reproduce, place trace() in ​richcombo plugin and see that setState is called twice when the combo is being opened.

The reason for this might be the selectionChange callback in format plugin as deleting ​this single line solves the problem.

The problem is easy to observe with latest t/9423@cksource branch as Moono skin (unlike Kama) defines on state for combos.

'Unlink' button doesn't become active when selected text contains unlinked text (text out of boundaries of <a> tag), i.e. mixed text, that contains both links and plain text is always treated as plain text when selected. It may look logical in common but is incovenient when it comes to unlinking.

Not sure, though, whether you'll regard the issue as a bug.

​http://ckeditor4.t/dt/plugins/list/backspace.html ​http://ckeditor4.t/dt/plugins/list/list_enterBr.html ​http://ckeditor4.t/dt/plugins/list/list.html

First bad commit: ​https://github.com/ckeditor/ckeditor-dev/commit/71cc364

Since Moono is our default skin in master branch, we should make it even better. This is the place for collecting Moono issues that must be fixed before the release.

Screenshots are welcome.

Buglist ported from #9423

• No document properties icon
• No vertical space between selected color and its hex representation in color picker (scr1​).
• Text in native select is too low (scr3​).
• Blue links in about dialog don't look good.
• IE9: No horizontal separation of dialog footer and body screen​
• IE7 crops the bottom pixels of footer buttons
• Bad UI Color support for dialog tab hover. screen​
• FF36: Dialog tabs and resizer float outside of the dialog.
• IE7: Broken dialog layout introduced by box-sizing and field paddings. screen​
• (scr4​) On Firefox box-shadow: inset is much stronger than on Chrome. I like the Chrome's version more, because it's cleaner. What's more - this shadow is rendered only... sometimes (scr7​). It's definitely FF's bug but maybe we can bypass it.
• (scr5​) Again on FF box shadow is too strong - much stronger than on Chrome.
• Narrow inputs in UI Color dialog

Failing on FF:

• ​http://ckeditor4.t/dt/core/selection/selection.html broken by 595fea0@tests
• ​http://ckeditor4.t/dt/plugins/forms/textarea.html broken by 25ffb9e@tests
• ​http://ckeditor4.t/dt/core/selection/editor.html broken by ​https://github.com/ckeditor/ckeditor-dev/commit/77afd3d
• ​http://ckeditor4.t/dt/plugins/enter/enterkey.html broken by 8518aa1@tests (this is old one)

To reproduce the defect:

1. Open Ajax Sample and click on Create Editor button.

2. Keep cursor at end of editor body & right click the mouse to open Context menu.

Issue 1: Browser Context menu gets opened instead of CK Editor context menu.

3. Now click near start of editor body & right click the mouse to open context menu.

Issue 2: CK Editor context menu opens, but it shows Delete Table & Table Properties options in Context menu even though there was no Table inserted in editor body.

Hi to everybody! I'm new.

I have installed FCKEditor on my website and it works grat!

Now i want do this:

Write a article, when user click on a buttom "SHOW" then, show the rest of the article and images.

How i can do it?

Thanks!

I get this error:

GET http://localhost/cksource/ckeditor-dev/dev/builder/release/ckeditor/skins/moono/skin.js?t=C9O9 404 (Not Found)

​http://ckeditor4.t/dt/plugins/undo/undo.html?name=test-undo-with-control-type-selection-in-IE

Expected:
[<p dir="rtl">foo]</p><p dir="rtl" id="target">bar</p>
Actual:
<p>[&nbsp;</p><p dir="rtl">foo]</p><p dir="rtl" id="target">bar</p>

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

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

Selection change event is not always fired when data reload happens, this happens consistency for IE, and it breaks FF in the following test as well:

​http://ckeditor4.t/dt/core/selection/editor.html?name=test-selectionChange-fired-on-data-loaded-

To reproduce:

1. Open file attached
2. Select table and copy it
3. Clear editor contents with new page button
4. Paste into editor using CRTL+V

Note that there is paragraph above the table but no paragraph below and there is no possibility to create such paragraph with cursor or mouse click (like with normal HTML tables).

Reproducible in IE8 and IE9 from CKEditor 3.5.4 rev. [6698]

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

How to reproduce:

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

Expected result:

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

Actual result:

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

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

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

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

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

I've been building a plugin to add file input fields into the content. Once a file input field is added, the context menu gives a "Text field properties" option. Within the Forms plugin, it appears there is a default case for the context menu listener that adds this menu option. This should be replaced with "case 'text':case 'password'" to prevent intercepting subsequent listeners for more specific field types. It could be extended to include the HTML5 types "numeric", "email" etc as well.

1. Open stylesheetparser.html sample.
2. Focus editor by clicking on the line.
3. Apply first block style (h1.lightBlue).
4. Apply second block style (h3.green).

Warning is logged on console (note: native console, not Firebug):

[11:49:52.973] Use of attributes' specified attribute is deprecated. It always returns true. @ http://localhost/cksource/ckeditor-dev/core/dom/element.js:1648

I haven't noticed any issue following this warning, but it's worth checking.

1. Open placeholder sample.
2. Click on text.
3. Right click on placeholder.
4. There's no "edit placeholder" option in context menu - only "paste" is available.
5. Right click again - "edit placeholder" appears.

Expected: "edit placeholder" should be available on first time.

Reproducible in v3 and v4.

1. Open inline sample.
2. Focus editor.
3. Click on selected region
4. Toolbar closes.

This happens on FF and Chrome (at least).

On Opera toolbar closes when clicked anywhere else than on button/combo.

1. Open editor with content: <p>xxx</p>
2. Without focusing it press bold or insert link.

• Expected: <p><b>^</b>xxx</p> or link inserted before "xxx".
• Actual: Bold and link are created before first paragraph and not autoparagraphed.

1. Open read-only sample.
2. Switch to read-only mode.
3. Focus editor.

• Expected: Format combo is deactivated like other ones.
• Actual: Format combo is active and may be opened.

To reproduce:

1. Open any sample and clear editor contents using New Page button
2. Insert Form (best in enter_BR as this shows the problem in full )

Result: There is no way to insert line above editor or below it (only in Enter_BR #9509). Magic line doesn't show up.

To reproduce:

1. Open enterkey sample
2. set enter mode to br and press New Page button
3. Insert form using toolbar

Result: there is no new line below editor thus it is impossible to exit form element.

What is more magicline plugin doesn't work with forms - #9509, so there isn't any workaround but to add new line in source mode.

1. Open toolbar sample.
2. Check config for full toolbar.

{ name: 'paragraph', groups: [ 'list', 'indent', 'blocks', 'align', 'bidi', 'bidi' ] },

Perhaps not a big issue, but something's definitely wrong there.

Did not check but I guess they're not used anywhere per se:

• icons.svg
• icons_export_16.png

total size: 250kB.

I believe something must be done with them in order to reduce the size of release package.

1. Set editor contents to '<ul><li><ol><li>a</li></ol></li></ul>'.
2. Place cursor in the list item (before/after 'a').

• Expected: only numbered list button is highlighted (v3's behaviour).
• Actual: both list buttons are highlighted.

In fact I don't know whether v3's behaviour was correct, so that may not be a bug.

1. Open inlineall sample.
2. Insert one of the widgets.
3. Click it.
4. Toolbar disappeared.

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

So, with that line in config.js:

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

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

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

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

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

Thanks.

The same with groups without items.

1. Open API sample.
2. Focus editor.
3. Blur editor.
4. Set data.
5. Insert text.

Error is thrown.

1. Open any sample.
2. Focus editor.
3. Click any of 'paste' buttons.

• Expected: Dialog opened, content not changed.
• Actual: Dialog opened, <br> inserted.

We had this issue before and it was caused by <br> filling empty <body> which *was* used as a pastebin.

When the editor is inside a float element, it scrolls the page up on ENTER.

I'll be attaching a test page for this.

It's Opera's issue, however, not to terrify users checking our sample, we may remove this border completely or only for Opera.

1. Open tabindex sample.
2. Focus editor with tabIndex 1, 2 or 3.
3. Press tab.

• Expected: editor with tabIndex 2, 3 or 4 focused.
• Actual: Focus is set on editor with tIndex = 1.

TC1

1. Open replacebyclass sample.
2. New page.
3. Try to insert smiley.

JS error is thrown and selection is in wrong place. Reproducible on 3.6.5 and latest 4.

TC 2 (v3 only)

1. Open replacebyclass sample.
2. Focus editor.
3. Try to insert smiley.

JS error, dialog is not closed.

TC 3 (v4 only)

1. Open replacebyclass sample.
2. New page.
3. Type at least one letter (result: selection at the end of block).
4. Insert smiley.

JS error and selection in wrong place.

I use a set box-sizing parameter of "border-box" on all my objects in CSS, using the "*" selector. This is having a negative impact on how the buttons look on the new CKEditor 4 Beta. I "fixed" it by applying an auto height to a.cke_button Obviously I know it's not conventional use of border-box, however with pixel perfect web-design it really helps.

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

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

Right now it is using window.CKEDITOR_LANGS taken from assets/uilanguages/languages.js.

The problem is that CKEDITOR.lang.languages may contain a very little subset of window.CKEDITOR_LANGS, e.g. it can be set only to { de : 1, en : 1, fr : 1 } in a custom build, where user selected just a few languages.

1. Open inline sample.
2. Focus editor.
3. Open format combo.
4. Click format combo button again to close it.

Toolbar is gone.

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

• Actual: Editor loses focus, toolbar hides

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

• Actual: Check below screenshot.

1. Open inlineall sample.
2. Focus first editor.
3. Press ctrl+a, ctrl+c.
4. Go to 3rd editor (right one).
5. Paste.
6. Editor was pasted with all classes and attributes.

This may be reproduced on 2nd editable (bottom left) after pressing shift+enter (inserting <br>, which is present in the first editor).

I reproduced this on Chrome and FF (latest and 3.6).

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

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

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

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

After an <enter> key insertHtml fails in Firefox.

Reproduce:

1) a ckeditor instance active, type something

2) hit enter

3) trigger a insertHtml via javascript (button will do)

sample code (run this in FF 16):

<input type="button" id='testbtn' value="test" onclick="console.log('click');
                        var textarea = CKEDITOR.instances.save_content;
                        textarea.insertHtml('value');"/>
<script type="text/javascript" src="vtc5_working/include/ckeditor/ckeditor.js"></script>
<textarea  style="width:90%;height:200px;" name="content" id="save_content" class="detailedViewTextBox"> {$task->content} </textarea>

<script type="text/javascript" defer="1">
	var textAreaName = 'save_content';

    CKEDITOR.replace( textAreaName,	{
	} ) ;

</script> 

check the console:

NS_ERROR_FAILURE: Component returned failure code: 0x80004005 (NS_ERROR_FAILURE) [nsIDOMHTMLDocument.execCommand]
[Bei diesem Fehler anhalten] 	

...=$|<\/body>)/gi,n=d.walker.whitespaces(true);function o(C){return C.isBlockBound...

ckeditor.js (Zeile 98)

If you type something after the enter key all goes as normal.

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

• Actual: The single line break get duplicated.

Open ​http://www.litech.org/~schanzer/iOS/index.html in ipad/iphone

How about it?

Toolbar should float just above native keyboard, so it's easy to apply various styles.

The following UI items are missing in the default skin, for proper styling when hovered/focused

1. All toolbar items;
2. Elements path bar items;
3. Dialog fields;

1. Open inlineall samples in IE9 with JAWS14
2. Press Tab to focus the first editor;
3. Check JAWS speech:

• Actual: Edit, contains text;
• Expected: Rich text editor, sampleTitle

1. Open inlineall samples in latest Firefox with JAWS14

• Actual: Browser crashed.

It happens constantly for me on Windows 7.

1. Open any sample page;
2. Open context menu with items;
3. Navigate menu items with arrow keys;

• Actual: Virtual PC cursor annouces the selected item, but browser focus is not moved.

This's not a regression though, which affects also v3.

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

Hi,

I need to place the cursor at the end of text in the textarea when page loads.

Contact Email Address:sridhar_raju2000@yahoo.com,spenuma@templeton.com

Thanks, Sridhara Raju

When using the autogrow plugin in the latest build, dropdowns stop working. For example the font dropdown. As soon as you click it it disappears.

As soon as the editor has focus the dropdowns start working. But without focus the dropdowns don't work.

Check ​http://pxltest.nl/ckeditor4/samples/autogrow.html for an example.

This is tested in Firefox 16 on mac

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

• Actual: Text on the toolbar becomes white colored.

To reproduce the defect:

1. Open Replace by class sample and clear editor contents. Copy HTML content from above editor body and paste in to editor.
2. Go back to HTML Source. See that cke_pastebin shows at end of editor content.

   <body id="cke_pastebin" style="position: absolute; top: 39px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden; left: -1000px; "> </body>
   

3. Switch back to Rich text.
4. Content lost and we can't type in to editor.

This is because cke_pastebin still remains in editor body.

This was fixed in CKE 3.x but is still present in CKE 4.x

Reproducible in Safari on Windows (Checked under 7 and XP)

1. Load the inlineall sample;
2. Click on Insert page break;
3. A margin-left style applies to the page break div.

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

To Reproduce:

• Open any CKEditor sample and insert a default table.
• Edit the Table Properties and set the Style field on the advanced tab to:

  border-width:2px;width:500px;
  

• Click OK.

Problem: The width of the table is now 2px. It should be 500px.

If you open the table dialog again, you can see that the Style field now contains:

border-width:2px;width:2px;

This is a customer reported issue.

Continuation of #8409.

To reproduce:

1. Create a page large enough so the scrollbar shows.
2. Scroll somewhere in the middle,
3. Paste a small chunk of text

Result: The editor will be scrolled to have the newly pasted text aligned to the bottom of the editor.

Reproducible in Webkit Browsers on Mac from CKEditor 3.6.3 rev. [7447]

This problem does not occur in CKEditor 4.x (v4).

We have a usecase where we would like to reuse an existing icon for a menubutton on the toolbar.

To see an example of this:

• Extract the attached zip. Copy linkmenu into the plugins directory and toolbarMenu.html into the samples directory.
• Open toolbarMenu.html in a browser and click on the toolbar menu item.

We would like to reuse the link icon as the icon for the toolbar menu. However this is not possible in v4.

We could achieve this in v3 by applying a custom class to the menu button and then using the cke_icon class in the selector to style the icon e.g. .cke_button_link .cke_icon {....}

This does not work in V4 though because the class on the icon is specific to the feature it is for. Therefore the class for the icon of the menu button in the attached example is set to the following by default:

cke_button_icon cke_button__mylinkmenu_icon

We need to be able to add a custom class to this so that we can reuse an existing icon e.g. adding the

cke_button__link_icon

class would apply the styles for this class that are generated during the build process:

.cke_button__link_icon{background:url(icons.png) no-repeat 0 -1472px!important}

Specifying styling for the

cke_button__mylinkmenu_icon

class is not an option because the position of the link icon in the sprite is subject to change during the build process when the sprite is generated.

Ideally we would like to be able to add custom classes for menu item icons too.

The following code crashes any browser (including Chrome) when pasted in source mode and then attempting to switch to wysiwyg. I confirmed it will do the same in the ckeditor 4 nightly build.

<span style="font-size: 14pt;"><span style="font-size: 14pt;">I welcome you to Mount Soledad's Children's Ministry! Our Ministry is an exciting and fun place for kids Preschool- 5th grade to come and&nbsp;learn about God and learn how they can put the Bible into practice in their own lives. Every Sunday children get to experience God on their level through interactive worship, dramatic story telling&nbsp;and&nbsp;creative hands-on projects. We want to invite you to our Kids Club Sunday mornings at 10am.&nbsp;<br />
<br />
Our vision here at Mount Soledad is to help children love Jesus, grow in their knowledge of the Bible, learn to praise God through worship, and cultivate a servant attitude to others in need. We help parents be their child's best teacher and example of Christian faith.&nbsp;<br />
<br />
With my passion for children and their families, it is a gift and joy to serve you and your children. Please let me know how we can serve YOU!<br />
<br />
Sarah Johnson, Your Children's Director<br />
</span></span>sarahjohnson@mountsoledad.org<br />
<br />
<dt style="text-align: center;"><span style="font-size: 12pt;"><span style="font-family: Arial;"> </span></span><span style="font-size: 11pt;"><font size="5" face="Impact">
<p align="center"><span style="font-family: Arial;"><br />
</span><br />
&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
</font></span></dt>

What can be done about something like this without requiring the user to act differently?

Thanks, Tom

Hello ! Are there any translations to Spanish the 5 plugins, even in a beta version ? I cannot find any news about this. It's not a proposal ! I do not speak this language. Thank you in advance for an answer. Katryne

I'm not sure of the conditions that are causing this, but we're seeing the cke_pastebin body tag added to content on a semi-regular basis with a few clients that causes content and our design shell not to show. This is happening in ckeditor 4 beta.

I do not know how to reproduce, but I do know it's happening.

<p>We&#39;re glad you&#39;ve stopped by our website. Here at&nbsp;Faith Templewe are about knowing him and making him known in the Rochester,NY&nbsp;area. We&#39;d love for you and your family to join us for one of our sunday services soon. With a dynamic&nbsp;youth ministry,exciting children ministry, and challenging&nbsp;adult services, there is sure to be something here for you whole family. We look forward to meeting&nbsp;you and your family soon!&nbsp;</p>
<body id="cke_pastebin" style="position: absolute; top: 10px; width: 1px; height: 280px; overflow-x: hidden; overflow-y: hidden; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; left: -1000px; ">&nbsp;</body>

Thanks.

Tom

The blur/focus events are fired every time the text area is entered/leaved. This cause the events to be fired when you open/close a dialog.

This makes it impossible to detect a real blur/focus from the editor because the event is fired too often.

When attempting to create an inline editor, SCAYT fails to load/init.

The webspellchecker.net script _base.xd.js fails at line 3061 (appears to be because it does not have a proper reference to the editor.)

Can be seen on a bare-bones test here: ​http://andywalldesign.com/files/andy/temp.html There are two editors on this page. The top one transforms a textarea into CKeditor, iframe-style. SCAYT loads okay. Below this is a contenteditable DIV which is configured for CKEditor inline editing. SCAYT does not load properly and is greyed out in the toolbar.

Should this be brought to the WSC people? They bill the CKEditor WSC plugin as '3.0+' compatible.

we should split samples into plugins folders and merge them into the root "samples" folder during the build process.

Scrolling after editable#insertElement has to be switched off (​https://github.com/ckeditor/ckeditor-dev/commit/57049a1) because selection's type wasn't NONE, but selection was empty and in a result one of tests in iframe/iframe.html has been failing.

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

Two/three of them are failing in release version. So I checked that it's toolbar plugin, which loaded cause them.

Using the divarea or massive inline samples and Firefox:

Load the sample ​http://nightly-v4.ckeditor.com/3753/samples/divarea.html and select some text (selecting the picture doesn't work and it's really strange but I don't know if that's a new setting), and drop it in other place for example try to select "Red" and change from

Little Red Riding Hood

to Little Riding Hood Red

Result: Red moves to a new line with border... it turns out that the whole container div has been inserted inside the editor, switching to source and back to designs makes the "Red" block hide, although it's still there.

Similar problems happens with the massive inline sample ​http://nightly-v4.ckeditor.com/3753/samples/inlineall.html.

Other browsers seems to behave correctly

when you right click on a numbered list you would see the properties option in the context menu. It is not longer available on the latest Master Branch 't/9569'

but it is still visible here ​http://nightly-v4.ckeditor.com/3753/samples/divarea.html

1. Open ​http://ckeditor4.t/ckeditor/samples/magicline.html
2. Reveal ML.
3. Keep the mouse on ML and move it towards the right scrollbar.
4. Mouse leaves the editor but ML doesn't hide.

To reproduce the defect:

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

2. Select the image and invoke context menu using Application key (SHIFT + F10).

Expected Result: Context menu opens and shows properly.

Actual Result: Browsers native context menu shows up.

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

This is Firefox and Opera issue reproducible from CKEditor 4.x

To reproduce the defect:

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

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

Expected Result: Context menu opens and shows properly.

Actual Result: Context menu does not open. There is no JavaScript error either.

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

Reproducible only in Safari and CKE 4.x

To reproduce the defect:

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

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

Expected Result: Context menu opens and shows properly.

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

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

With Chrome and inline editing:

1. Be sure you have some plain text in the clipboard.
2. Enable an inline editor.
3. Right click on the middle of the text, showing the context menu.
4. Select "Paste".
5. Fill the paste dialog with clipboard data and hit OK.

The pasted text will go at the start of the contents.

It doesn't happen with framed editing.

If supply a custom 'contentsCss' CSS file, and within that CSS file I set all paragraphs to be inline, then the editor correctly adds <br/> elements when pressing the return key in the editor. If I then click the 'Source' button to view the source, it shows empty paragraphs with non-breaking spaces, instead of <br />'s.

1) samples/api.html has "Execute link" and "Execute bold" buttons. The buttons should be hidden if plugins are not available.

2) apidialog.html sample depends on the Link dialog, but should it really land in the plugins/link folder because of that? Maybe we need a more generic sample for dialogs.

3) 'samples/uicolor.html' sample right now needs the uiColor plugin to display color picker. The little problem is that we have two things here:

• the skin that can be customized even without the uicolor plugin, which I believe deserves a simplified sample
• and the relatively big plugin, which provides the color picker dialog

There might be more samples to fix, I just mentioned the one that I've quickly noticed

The outer element of the editor contains an invalid style="width:px;" attribute.

This is the continuation of #9361

To reproduce the defect:

1. Open Massive inline editing or div sample
2. Click inside div with image (click on text)
3. Press Shift + Control + F10 – menu will open in upper left corner of browser (inline or div area sample) or upper left corner of editor - This is the #9361
4. Click on image and press SHIFT + F10

Browser native context menu will be shown in upper left corner.

With Firefox, the image selection is not working.

The elements path even show "img" when clicking on an image, but the selection box is not shown. Is not possible to drag-n-drop images because of this.

Using the builder instead of the dev version (also visible in the nightly zip), there's an icons.png file generated on the /plugins/ folder.

It uses the kama icons, but to make it even funnier, it's not the same icons.png found under the kama skin.

Currently it seems that the editor doesn't load it, so it seems like a leftover from the build process.

At the root of /ckeditor the builder leaves the .mailmap file that isn't neccesary.

In order to make it easier for people that aren't used to github to read the documentation, the builder should convert the .md files to .html or at least rename them to .txt so it's clear that they can be opened with a text editor even if the formatting might be a little strange.

The readme.md found under skins mentions Kama as the default skin , there might be other things that have to be updated there, but you'll know better if the rest of the description is acurate or not.

It might be interesting to provide something also in the deployed zip as now, but in that case it should point out the differences between working with the source or these compressed and merged files.

Or maybe for the public version provide a readme.html at the root that points out the documentation and how to use the source of both js and css?

According to Piotrek replying to my question about its usage, it's a leftover that it isn't being used currently, so I suggest to either remove completely from the source, or update it with a comment explaining that it isn't being used and adjust the build process to remove it so people not working on the dev repository don't see it and waste time figuring out if it's something that they can use.