Custom Query

On this one page, the ckeditor is applied to a textarea which is called by AJAX. Everything works fine until someone click the maximize button.

The maximize span does not appear on the screen, although i can see it on firebug.

Please help....

In Firefox when focussing the editor after setting data the caret positions at the end of the document. This is not consistent with other browsers' behaviour, in which the the caret is positioned at the beginning of the document (preferred behaviour).

To reproduce a button is made to fire the focus event because from the debug console it's not possible to focus the editor.

CKEDITOR.appendTo('demoInside', { height: 300 });

jQuery("<div />").text("CLICK ME TO FOCUS").click(function(){
    var editor = CKEDITOR.instances.editor2;
    editor.setData("line1<br/>line2");
    editor.focus();
}).appendTo("#demoInside");

Found in 3.6.3, but probably earlier as well.

In Chrome 18 when doing copy/paste from a CK Editor to a CK Editor invalid nested extra DIVs are being inserted mixed with the P elements.

Steps to reproduce:

Go to: ​http://nightly.ckeditor.com/7480/_samples/replacebyclass.html

Content in the editor: <p>

This is some <strong>sample text</strong>. You are using <a href="​http://ckeditor.com/">CKEditor</a>.</p>

1. Insert new paragraph at the end (hit return)
2. Select all (Ctrl+A) and copy (Ctrl+C)
3. Go to the end of the editor (the blank line)
4. Paste in the text (Ctrl+V) several times

When moving the cursor from one line to another the tag list at the bottom will show something like this:

BODY P P or BODY P DIV P

When swithing to source-mode and back again, an extra (empty) paragraph is inserted after the first line and all the lines after that has astrcture like this:

BODY DIV P

Appears in Chrome 18, and NOT in FireFox 11

If you add a image in the text and have it a floated style, all is correct, the generated code is

<img src="example.com/img" style="float:left; width: FOOpx; height: BARpx" />

If you add a link to the image, the <img> tag is wrapped with the <a> tag's code.

What is wrong? The 'float:left' style should now be on the link and not on the image.

Wrong: <a href="​http://example.com"><img src="​http://example.com/img" style="float:left; width: FOOpx; height: BARpx" /></a>

Right: <a style="float:left" href="​http://example.com"><img src="​http://example.com/img" style="width: FOOpx; height: BARpx" /></a>

I tried this on the nightly build demo page. It shows the wrong behavior there.

This issue happens in all versions: When pasting to CKE(Source View) a JS src line like("<script src='...jsfile.js'></script>") and the JS is overriding the element with the actual markup inside the text block , (like using Facebook social plugins), then returning to edit the block, the content is duplicated due to appending the actual markup to the JS source file inclusion.

CKEDITOR.replace(id, config) fails in Firefox 12

• fails silently: no errors messages
• tested and working in Firefox 11, Opera 11, Chrome (18), Safari 5.1.5, IE7, IE8, IE9

There should be an easy way to center images through the image dialog or by simply clicking the "Align Center" button in the toolbar.

While HTML doesn't specify a way to have images aligned to center, our users may be disappointed for not being able to do so.

The proposed solution is enabling "Align Center" if a selected image is the one an only element inside a block (spaces trimmed). When used, the entire block gets center aligned, not the image directly.

We are using CKEditor with Ember.js.

Ember.js extends the native javacript Array prototype to include some helpful properties and functions. This causes some usages of for(i in j) loops within the filebrowser plugin to break, as it is iterating over all the properties on Array (instead of the elements in the array).

The following patch works for us.

To reproduce:

1. Open sharedspaces.html sample
2. First two content areas in first two editors should not be visible. If they are just resize the browser.
3. If they are not visible try doing CRTL+F5 few times (they should show) and resize browser again

Result: There are no content areas in first two editors.

Issue can be reproduced in Webkit from CKEditor 3.6.3 rev [7387]

Steps to reproduce the defect:

1. Hold Alt, Left Shift & PrintScreen to enable high contrast mode.
2. Open the Ajax sample in FF.
3. Insert an iFrame into the editor.
4. Insert a Flash video into the editor.

Result: You cannot distinguish which placeholder is for the iFrame and which is for the flash video (see screenshot). When CKEditor is not in high contrast mode the flash and iFrame placeholders have images that clearly tell the user what each placeholder is used for.

Opera 11.62, Windows XP

To reproduce :

1. Type some text
2. Use shift + enter to make a new line (or enter if it is set to BR)
3. Type some more text
4. Shift + enter again
5. Enter more text
6. Paste some plain text in the end of the second line using CRTL+V

Result: Pasted text is inserted at the beginning of the document.

Enable source mode and enter javscript code. Come out of the source mode and click the preview button. The javascript will be executed. The JS execution will lead to security issues and must be fixed.

Replication: 1) copy the following script in source mode and click the preview button.

&lt;&gt;<iframe frameborder="0" height="200" scrolling="no" src="​http://www.oracle.com" width="250"></iframe><script>alert('Executing script');</script>.

We would like to have the issue fixed in 3.6.2 and 3.5.3.

Steps to reproduce the defect:

1. Open CKEditor in IE.
2. Paste the code below into the source view.

<div style="width: 700px">
	<img alt="" src="http://www.attackingsoccer.com/wp-content/uploads/2011/07/Shamrock-Rovers-logo.jpg" /></div>

This code is simply an image wrapped inside a div and the div has a width of 700px.

3. Switch back to WYSIWYG mode.
4. Right click anywhere on the image.

Expected Result: The context menu is displayed and it contains an option to open the Image Properties dialog.

Actual Result: The context menu appears but there is no Image Properties option

This defect was introduced with this changeset ​http://dev.ckeditor.com/changeset/7404

N.B. Similar behaviour can be seen when the image is also a link (see code below) and sometimes the Edit Link/Remove Link options also do not appear in the context menu.

<div style="width: 700px">
	<a href="http://www.attackingsoccer.com/wp-content/uploads/2011/07/Shamrock-Rovers-logo.jpg"><img alt="" src="http://www.attackingsoccer.com/wp-content/uploads/2011/07/Shamrock-Rovers-logo.jpg" /></a></div>

The formatting of elements changes when inserting multiple elements into the editor in Webkit browsers.

To reproduce:

• Save the attached file into the _samples directory and open it in Chrome or Safari.
• Click the 'Insert Elements' button. This should add a paragraph of text to the editor and an image below it.

Problem: The image is inserted after the text, rather than below it in webkit browsers.

The generated HTML in webkit browsers is:

<p>
	Text goes here<img src="http://a.cksource.com/c/1/inc/img/demo-little-red.jpg" /></p>

Other browsers correctly add a new paragraph for the image:

<p>
	Text goes here</p>
<p>
	<img src="http://a.cksource.com/c/1/inc/img/demo-little-red.jpg" /></p>

This only seems to occur when an inline element is inserted after a block level element. We can reproduce this when the first element is a <p> or <div> and the 2nd element is a <img>, <iframe>, <a>, <span> etc.

This seems like it could be a webkit issue, however ticket #8412 describes an issue in Opera which could be related.

Hi,

I have a problem with CKeditor instance.getData() method. It is apparently due to random instance id's. Ok here's the plot:

1.Create an instance with random-id1. (No instance is created before w/ this id) 2.getData() runs properly 3.Destroy the instance (instance.destroy(); or instance.destroy(true); ) 4.Create another instance with the same random Id.

5. Now, try getData() and it will never return the updated version.

This is the proper redefinition of my bug #8585. I've just figured out how to solve i'm resubmitting.

I'm on 7339 nightly build.

Thank you, evrim.

i m new to ckeditor, but i hv used fckeditor before on iis. now i m using ckeditor on iis, it works fine on my local server... but whn i used it on wamp server which is install localy, it wont work, it shows content only not ckeditor interface, plz help its urgent...

i m new to ckeditor, but i hv used fckeditor before on iis. now i m using ckeditor on iis, it works fine on my local server... but whn i used it on wamp server which is install localy, it wont work, it shows content only not ckeditor interface, plz help its urgent...

I noticed that when you make the editor readonly some of the command buttons (such as copy, preview, full screen) stay enabled. I have two questions:

1. What class/property do I need to set for my user-defined, custom buttons/commands (plugins) to have them behave this way?
2. How can I override this behavior. In other words, make copy, preview, full screen disabled when the editor is readonly.

I had some partial success. I tried adding a class called "alwaysEnabled" when creating the button (editor.ui.addButton). Then after I made the editor readonly, I executed this command:

$(".alwaysEnabled").removeClass("cke_disabled");

This made it "appear" enabled, but the command still din not fire.

thanks for help.

I an unable to apply inline styles to text at the beginning of a CKEditor when using IE9 in Windows 7. It seems to work fine in older versions of IE and in Firefox.

To recreate this go to the demo page ​http://nightly.ckeditor.com/7484/_samples/replacebyclass.html. If you highlight "This is" and try to apply the "Marker: yellow" from the styles drop down box, it won't apply the style. It seems to work if you are not selecting the first character in the CKEditor box.

I have made a video showing the exact error , where pressing the Bold and then typing and pressing "backspace" jumps back in the text and deletes that rather then the last typed letters..

link >>​http://www.youtube.com/watch?v=aukXJ_aOIUw

I downloaded a copy of the editor and used on a client project of mine, i recently found out that if i add links using the link icon in the editor's GUI, is spoils the link. example if i am to add a link like this,

<a href"http://www.naijatechguide.com/2012/03/top-10-online-jobs-for-nigerians.html">http://www.naijatechguide.com/2012/03/top-10-online-jobs-for-nigerians.html</a>

when i submit the form, the link turns like this

<a href=\"http://www.naijatechguide.com/2012/03/top-10-online-jobs-for-nigerians.html\"></a>

i thought it was my php script but i removed all sql cleaning code and the error still persisted...

Please Help

Problem reproducible in IE9 from CKEditor 3.6.3 rev. [7374]

To reproduce:

1. Open replacebyclass sample and click on New Page button to clear editor contents
2. Type "this" and select it with mouse from left to right - from "t" to "s" (from right to left (from "s" to "t") works ok).
3. Press link button, enter some url and press ok

Result: Link will be inserted next to word "this"

creating ckeditor via PHP through AJAX to load an error propose the following fix fix to the file "fckeditor_php5.php" function editor

public function editor($name, $value = "", $config = array(), $events = array())
	{
		$attr = "";
		foreach ($this->textareaAttributes as $key => $val) {
			$attr.= " " . $key . '="' . str_replace('"', '"', $val) . '"';
		}
		$out = "<textarea name=\"" . $name . "\"" . $attr . ">" . htmlspecialchars($value) . "</textarea>\n";
		if (!$this->initialized) {
			$out .= $this->init();
		}

		$_config = $this->configSettings($config, $events);

		$js = $this->returnGlobalEvents();

        //FIX
                $js .= " if (CKEDITOR.instances['".$name."']) {";
                $js .= " delete CKEDITOR.instances['".$name."'];";
                $js .= "}";

		if (!empty($_config))
			$js .= "CKEDITOR.replace('".$name."', ".$this->jsEncode($_config).");";
		else
			$js .= "CKEDITOR.replace('".$name."');";

		$out .= $this->script($js);

		if (!$this->returnOutput) {
			print $out;
			$out = "";
		}

		return $out;
	}

Hi there I was wondering if there was any other fix on this issue that was previously reported: ​http://dev.ckeditor.com/ticket/4724

When creating a link inside a table instead of the link going on the highlighted text, often the link is placed at the very top of the page.

To reproduce:

1. In your config.js set config.forcePasteAsPlainText = true;
2. Open any MS Word 2010 document and copy formatted text with CRTL+C
3. Paste contents in to editor using CRTL+V (Toolbar buttons work fine)

Result: MS junk code is pasted into editor.

Issue has been reproducible in Firefox from CKEditor 3.6.3.

The first change - all pasted in one paragraph can be seen from rev [7453] but there is no MS junk. In next revision [7454] junk is present.

When you add an image to the content and set the image width different from the real size and then use the formatting style pulldown menu eg. image on right, the image looses the widt and height parms. This can be recreated on the demo example.

To reproduce the defect:

1. Open any CK Editor sample & open Image Properties dialog.

2. Insert an URL for the image and enter some Alternate text which as at least 250 words

3. Click your mouse on the dialog & drag the dialog to the end of the screen.

Issue: Image Properties dialog gets huge and it expands to the size of the screen

Th dialog looks huge even when we close it bring it up again. we have to close and re-open the editor to get the dialog to normal size. Reproduced in IE7, IE8 & IE9 Compat view

We have installed the newest verion of ck editor in our software Runs fine in IE but in safari and chrome when browsing at speeds of about 6mps the text toolbar comes in quickly and then a quick flash of code and then a blank screen - it then takes at least 90 secs for the text to come actually into the text editor - we have tested this on speeds of 15mps and then it seems to work ok - bottom line is we need to have it work at speeds of 6mps which is normal browsing in aust on 3G network - we can only think that on lower speeds something is hanging ??

Our tech guys cant work out the problem - can anyone help

We have installed the newest verion of ck editor in our software Runs fine in IE but in safari and chrome when browsing at speeds of about 6mps the text toolbar comes in quickly and then a quick flash of code and then a blank screen - it then takes at least 90 secs for the text to come actually into the text editor - we have tested this on speeds of 15mps and then it seems to work ok - bottom line is we need to have it work at speeds of 6mps which is normal browsing in aust on 3G network - we can only think that on lower speeds something is hanging ??

Our tech guys cant work out the problem - can anyone help

We have installed the newest verion of ck editor in our software Runs fine in IE but in safari and chrome when browsing at speeds of about 6mps the text toolbar comes in quickly and then a quick flash of code and then a blank screen - it then takes at least 90 secs for the text to come actually into the text editor - we have tested this on speeds of 15mps and then it seems to work ok - bottom line is we need to have it work at speeds of 6mps which is normal browsing in aust on 3G network - we can only think that on lower speeds something is hanging ??

Our tech guys cant work out the problem - can anyone help

We have installed the newest verion of ck editor in our software Runs fine in IE but in safari and chrome when browsing at speeds of about 6mps the text toolbar comes in quickly and then a quick flash of code and then a blank screen - it then takes at least 90 secs for the text to come actually into the text editor - we have tested this on speeds of 15mps and then it seems to work ok - bottom line is we need to have it work at speeds of 6mps which is normal browsing in aust on 3G network - we can only think that on lower speeds something is hanging ??

Our tech guys cant work out the problem - can anyone help

We have installed the newest verion of ck editor in our software Runs fine in IE but in safari and chrome when browsing at speeds of about 6mps the text toolbar comes in quickly and then a quick flash of code and then a blank screen - it then takes at least 90 secs for the text to come actually into the text editor - we have tested this on speeds of 15mps and then it seems to work ok - bottom line is we need to have it work at speeds of 6mps which is normal browsing in aust on 3G network - we can only think that on lower speeds something is hanging ??

Our tech guys cant work out the problem - can anyone help

To reproduce, use the attached test case:

• unzip linkmenu_testcase.zip. Copy the linkmenu folder to the _source/plugins directory and the config.js file to the root ckeditor folder.
• Open any CKEditor sample in IE with debugging enabled as this sample logs content to the console.
• Enter some text into the editor and select some of the content.
• Open the toolbar menu item and click the 'Edit Link' option. This will open the link dialog and should log the selected text to the console.

Problem: The selected text is often an empty string even though there was text selected in the editor.

This occurs intermittently so it may take a few attempts. If you do not reproduce the issue at first, change the selection in the editor and try opening the link dialog from the toolbar menu again.

Note: If you use the link icon directly from the toolbar instead of the menu item, the selected text is always correct.

To Reproduce:

• Open any CKEditor sample and copy the following into the Source view:

<p>
	<font size="3">Sample Text</font></p>

• Return to wysiwyg mode and click on the text in the editor.

Problem: The font size combo box displays the first font size in the list i.e. 8. It should not display any size.

This is confusing for the user because if they think the font size is 8 and wish to make it bigger e.g. 12, the font size actually gets smaller when size 12 styling is applied.

Error in Lithuanian translation:

cellPad:'Trapas nuo langelio rėmo iki teksto'

must be

cellPad:'Tarpas nuo langelio rėmo iki teksto'

To Reproduce:

• Set enterMode = CKEDITOR.ENTER_BR in your config file.
• Open any sample in a browser and paste in the content from the attached word document.

Problem: Alignment is lost.

Steps to reproduce:

1. Create a text file of size 10 MB.
2. Copy the text from the file and paste it inside the CK Editor.

Actual Result: It takes around 8 mins to paste the text inside the editor

Enter key is not being consumed by dialog even though the dialog has focus. Instead the keystroke is propagating up and is being processed by our application while the dialog is opened. See attachment for an explanation. config.dialog_startupFocusTab = true;

I looked at dialog.js to see if I could figure out what was going on. If I modify focusKeydownHandler to consume the enter key in all instances, things work as expected.

To reproduce the defect:

1. with JAWS on, Open any CK Editor sample, navigate to editor body.

2. Press Alt+F10 to access the toolbar.

3. Navigate to Spell Check As You Type button menu.

4. Press Enter/Space to activate menu

5. Navigate through the options using Arrow keys.

Issue: Focus not shown when we navigate through the options

It's because JAWS switching to Virtual PC Cursor when we open the menu, JAWS should stay in Forms mode when we are navigating through menu options.

This is a High Priority Accessibility defect for our Customer and needs to be fixed.

I have found it when reproducing #8989

To reproduce:

1. Open placeholder sample and clear editor contents
2. Insert placeholder
3. Try to move cursor behind it.

Result: you can’t do it neither with arrows nor with mouse. You can use End key but it does not always work.

Reproducible only in IE8 from CKEditor 3.5

CK editor asp .net not loading on IIS 7.5 managed pipeline mode: integrated. Works fine on managed pipeline mode: classic. Please investigate

To reproduce:

1. Open placeholder plugin sample
2. Put cursor behind placeholder and try to delete it.

Result: you can't.

This is actually how Firefox works. It does not allow for removing non-editable elements with backspace key
Insert the below code in HTML page, open it in Firefox and try to delete placeholder.

<div contenteditable="true" style="margin-bottom:25px; border:3px solid black;">
<p>This is a <span contenteditable="false" data-cke-placeholder="1" class="cke_placeholder">[[sample placeholder]]</span>. You are using <a data-cke-saved-href="http://ckeditor.com/" href="http://ckeditor.com/">CKEditor</a>.</p>
<div>

Perhaps CKEditor might introduce some code working around this issue

when i changed image(icons.png) from editor.css IE browser bring the old image from cache instated of new image. In short IE browser is not refresh css it take the old css value from cache even changes has made.

To reproduce:

1. Open bbcode sample and clear all contents
2. Insert link http://google.com?test=1&abc=xt using link dialog
3. Now realize that parameter abc should have value txt not xt :). Try to correct it.
4. Switch to source

Result: [url=http://google.com?test=1&abc=xt]http://google.com?test=1&abc=txt[/url]

Ampersand is escaped and URL got doubled.
Each time you switch to source and back new amp; is added:

[url=http://google.com?test=1&abc=xt]http://google.com?test=1&abc=txt[/url]

Reproducible in all browsers from CKEditor 3.6.

To reproduce:

• Open the replacebyclass sample and place the cursor between the words 'sample' and 'text'. Note that these words have a bold styling applied.
• Open the 'Paste as plain text' dialog and type some content.
• Click Ok.
• Switch to source mode to see the HTML content.

Problem: The bold styling is split into 3 different strong tags. It should be merged into one single tag.

Actual Result:

<strong>sample </strong><strong>pasted text </strong><strong>text</strong>

Expected Result:

<strong>sample pasted text text</strong>

This issue is also mentioned in ticket #8908.

It also happens if styled text is pasted into styled content in the editor using Ctrl+V e.g. select the word text in the above sample, place the cursor inside the word sample and use Ctrl+V. There will now be 3 different strong tags for this content.

To Reproduce:

• Copy the following content into the Source view of the editor. This is just a numbered list with 3 different levels. Each level has a font-size defined:

<ol style="font-size:20px;">
	<li>
		List 1</li>
	<li>
		List 1
		<ol style="font-size:16px;">
			<li>
				List 2</li>
			<li>
				List 2
				<ol style="font-size:12px;">
					<li>
						List3</li>
				</ol>
			</li>
		</ol>
	</li>
	<li>
		List 1</li>
</ol>

• Return to wysiwyg mode and select the entire editor contents.
• Click the Bulleted List icon in the toolbar to convert the list to a bulleted list.

Problem: The font styling for the sub-lists are lost. The font-size style for each sub-list is overwritten with the value from the top-level list:

<ul style="font-size: 20px;">
	<li>
		List 1</li>
	<li>
		List 1
		<ul style="font-size: 20px;">
			<li>
				List 2</li>
			<li>
				List 2
				<ul style="font-size: 20px;">
					<li>
						List3</li>
				</ul>
			</li>
		</ul>
	</li>
	<li>
		List 1</li>
</ul>

The styling for the sub-lists should be preserved. This also occurs when converting from bulleted lists to numbered lists.

As requested on the community forum: ​http://cksource.com/forums/viewtopic.php?f=11&t=25578

"It seems that the ckeditor js files is not valid json? any plan with it? Thanks."

Using the 'API' sample provided with the editor source (or on the nightly build page e.g. ​http://nightly.ckeditor.com/7490/_samples/api.html), attempt to insert the following HTML in the middle of the document text, e.g. just after the word 'This': <span>{</span>

Using Chrome (latest version 19.0.1084.52 at time of writing), only the '{' is inserted. With IE and Firefox, the opening and closing 'span' tags are correctly inserted.

Obviously this could easily be a probably with Chrome rather than with CKEditor itself, though either way, any leads on a workaround would be very helpful.

OS: Win7, Browsers tested: Google Chrome 19, Firefox 12

If CKEDITOR is initialized inside a jQuery UI Dialog the WYSIWYG Area is just empty and editing is impossible until the display mode is switched manually via the "Source code" button. Resizing, clicking on formatting options will result in exceptions:

"this.document.getWindow().$.xxxxxx" -> "Cannot call method xxxxxx of undefined"

In IE9 everything seems to work as expected.

A short example is provided as attachment.

If using a 'meta' tag in the html source and switching between source view and rendered view (not source view), a 'p' tag is added as follows:

Input source: <meta content="text/html; charset=UTF-8" http-equiv="Content-Type" />

After to switching rendered view and switching back to source view: <p>

&nbsp;</p>

<p>

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

</p>

This creates an empty line at the top of the document.

1. Body tag disappears after switching between source view and rendered view and back to source view. This is impotent since its style disappear also.

Input source: <body leftmargin="0" topmargin="0" offset="0" marginheight="0" marginwidth="0"> </body>

After to switching rendered view and switching back to source view: source is empty!

2. Same issue as 2 with 'html' tag.

Input source: <html> <body> </body> </html>

After to switching rendered view and switching back to source view: source is empty!

To Reproduce:

• Copy the following into the source view. This is just a bulleted list followed by a numbered list.

<ul>
	<li>
		item 1</li>
	<li>
		item 2</li>
	<li>
		item 3</li>
	<li>
		item 4</li>
</ul>
<ol>
	<li>
		Numbered list item</li>
</ol>

• Switch back to wysiwyg mode and select the entire bulleted list.
• Click on the Number list toolbar icon to convert the list type.

Problem: The order of the list items is reversed. The actual result is:

    item 4
    item 3
    item 2
    item 1
    Numbered list item

The result should be:

    item 1
    item 2
    item 3
    item 4
    Numbered list item

This also occurs when converting from numbered lists to bulleted lists. It is a regression in 3.6.3 and seemed to be introduced with rev #7403

How to reproduce:

• 1 - Go to ​http://nightly.ckeditor.com/
• 2 - Choose the sample "Using the "Enter" key in CKEditor"
• 3 - Choose the 'use <BR> when enter is pressed' setting.
• 4 - select 'underline' in the toolbar and type some words.
• 5 - Type enter for going to a new line
• 6 - deselect 'underline' in the toolbar

Now all underlining is removed from the previous line. The bold and other styles have the same problem.

In paragraph mode this does not happen. Same if you do not go to a new line. Therefore expected: text style on previous line is preserved after an enter in BR mode and subsequent deselect of the style in the toolbar.

Browsers tested: FF: bug found Safari: bug found Chrome: bug found IE9: Works as expected IE8: Works as expected

I can't enable the plugin in IE9, when I try an error occurs - msg:

SCRIPT438: Object doesn't support property or method 'hasAttribute' loaderbase.js, line 3425 character 1

Error is in file:

​http://svc.webspellchecker.net/scayt26/loader__base.js

How to reproduce the bug:

1. open ​http://ckeditor.com/demo

2. switch to source code and paste the following:

<p>
<a href="/userfiles/images/Mouse.jpg"><img alt="" src="/userfiles/images/Mouse.jpg" style="float: left; width: 100px; height: 100px; " /></a>some text<br />
	<a href="mailto:someone@example.com?subject=Message%20subject">Email someone</a></p>

3. select the image

4. click on the link icon

Expected result:

The URL field contains /userfiles/images/Mouse.jpg

Actual result:

The URL field is empty

also tested on nightly build at

​http://nightly.ckeditor.com/7490/_samples/replacebyclass.html

Hello, I am making a new website for a small business and I am trying to have some php tags (example:

 <?php echo "something"; ?>

) inside my editor. But I cant figure it out how to do it correctly, Ive been trying some stuff I found over the internet but still not working fine. I know this is possible as I've been watching some topic over here. Aprecciated for you help in advance.

When the Upload field is enabled on dialogs, it does not have a WCAG compliant label associated.

<input type="file" size="29" name="upload">

This input should have an aria-label or a <label> element associated with it.

When the File upload input is enabled, an IFrame is rendered in the UI. Due to the presence of this IFrame, proper markup would need to be applied to the IFrame's document as for any other full document.

Since this IFrame is not intended to present a full HTML document, but rather is the container for the upload input, its IFrame semantics could be removed.

One way to resolve this is to apply role="presentation" to this IFrame.

Hi there,

I am having an issue with using unlink on existing links. When I first enter the page it is greyed out. I then highlight the link and the unlink button still stays greyed out. Any ideas on what's causing this?

I am using version 3.6.1

The jQuery Adapter version of jQuery.val() does not handle .val(undefined) the same way the original jQuery.val() does. jQuery.val() uses the arguments.length property to determine whether the .val() call is a 'get' or a 'set', which determines what the function will return (the element's value or its jQuery object, respectively). This is done in the following code (from jQuery 1.7.1, attributes.js).

val: function( value ) {
		var hooks, ret, isFunction,
			elem = this[0];

		if ( !arguments.length ) {
			if ( elem ) {
				hooks = jQuery.valHooks[ elem.type ] || jQuery.valHooks[ elem.nodeName.toLowerCase() ];

				if ( hooks && "get" in hooks && (ret = hooks.get( elem, "value" )) !== undefined ) {
					return ret;
				}

				ret = elem.value;

				return typeof ret === "string" ?
					// handle most common string cases
					ret.replace(rreturn, "") :
					// handle cases where value is null/undef or number
					ret == null ? "" : ret;
			}

			return;
		}

		isFunction = jQuery.isFunction( value );

		return this.each(function( i ) {
			var self = jQuery(this), val;

			if ( this.nodeType !== 1 ) {
				return;
			}

			if ( isFunction ) {
				val = value.call( this, i, self.val() );
			} else {
				val = value;
			}

			// Treat null/undefined as ""; convert numbers to string
			if ( val == null ) {
				val = "";
			} else if ( typeof val === "number" ) {
				val += "";
			} else if ( jQuery.isArray( val ) ) {
				val = jQuery.map(val, function ( value ) {
					return value == null ? "" : value + "";
				});
			}

			hooks = jQuery.valHooks[ this.type ] || jQuery.valHooks[ this.nodeName.toLowerCase() ];

			// If set returns undefined, fall back to normal setting
			if ( !hooks || !("set" in hooks) || hooks.set( this, val, "value" ) === undefined ) {
				this.value = val;
			}
		});
	}

The jQuery adapter works differently, explicitly checking the first argument for undefined instead of using arguments.length:

			return function( newValue, forceNative )
			{
				var isSetter = typeof newValue != 'undefined',
					result;

				this.each( function()
				{
					var $this = jQuery( this ),
						editor = $this.data( 'ckeditorInstance' );

					if ( !forceNative && $this.is( 'textarea' ) && editor )
					{
						if ( isSetter )
							editor.setData( newValue );
						else
						{
							result = editor.getData();
							// break;
							return null;
						}
					}
					else
					{
						if ( isSetter )
							oldValMethod.call( $this, newValue );
						else
						{
							result = oldValMethod.call( $this );
							// break;
							return null;
						}
					}

					return true;
				});
				return isSetter ? this : result;
			};

This results in inconsistency when .val(undefined) is called. jQuery treats this as a setter and returns the jQuery object, whereas the jQuery Adapter treats this as a getter and returns the object's value. This breaks chaining, and probably has other consequences.

Type a text, set format to DIV, so it wraps the text as a div. When i then press enter inside, i expect that he creates a <p> tag inside the div after the text, but instead he creates a p tag after the div.

i have forceEnterMode set to true.

To reproduce the defect:

1. Open Ajax Sample and click at bottom right hand side of editor

2. Click on Numbered list icon in the toolbar.

3. Numbered list starts with 1.

4. Start typing the text.

Issue: The typed text replaces the Numbered list

This is happening in IE 8 Compat Views & IE9 Compat View

This issue was introduced in rev 7374 to fix defect 7932

All our products use IE Compat View & it's a high priority for us

Steps:

1. Add a table
2. Put the cursor in any cell
3. Right-click -> Cell -> Insert Cell Before (a cell is inserted)
4. Without moving the cursor from the cell where the caret is located, right-click -> Column -> Insert Column After/Before

BUG: The column is inserted but a script error message appears. Happens in all browsers.

Using the code below in a custom config file, I get a javascript error when I click the link icon and it brings up the link dialog with the advanced tab removed. The error says "Uncaught TypeError: Cannot call method 'setValue' of undefined ckeditor.js:149" in Chrome. If I comment out line 10 in the code below (the line that removes the advanced tab), then the error goes away.

Using similar code to remove the advanced tabs from the image, flash and table dialogs works fine. Is there something else I need to do when trying to remove the advanced tab from the link dialog?

Code:

CKEDITOR.on( 'dialogDefinition', function( ev )
	{
		// Take the dialog name and its definition from the event
		// data.
		var dialogName = ev.data.name;
		var dialogDefinition = ev.data.definition;

		if (dialogName == 'link')
		{
			dialogDefinition.removeContents( 'advanced' );

			dialogDefinition.onFocus = function()
			{
				var urlField = this.getContentElement( 'info', 'url' );
					urlField.select();
				var targetField = this.getContentElement('target', 'linkTargetType');
					targetField.remove(6);
					targetField.remove(4);
					targetField.remove(2);
					targetField.remove(1);
			};
		}
	});

Sites which are working fine with CKEditor 3.2 for a long time are having problems since a few weeks. Text gets a span with scaytid-data:

original text: [films.dag_3]

text after saving: [<span data-scayt_word="films.dag_3" data-scaytid="1">films.dag_3</span>]

Please help!

When adding 11 or more elements to a custom stylesSet, the stylesSet displays out of order in CKEDITOR.

For example:

CKEDITOR.stylesSet.add('test',[
{ name: 'Item 1', element: 'span', attributes: {'class' : 'item1'} },
{ name: 'Item 2', element: 'span', attributes: {'class' : 'item2'} },
{ name: 'Item 3', element: 'span', attributes: {'class' : 'item3'} },
{ name: 'Item 4', element: 'span', attributes: {'class' : 'item4'} },
{ name: 'Item 5', element: 'span', attributes: {'class' : 'item5'} },
{ name: 'Item 6', element: 'span', attributes: {'class' : 'item6'} },
{ name: 'Item 7', element: 'span', attributes: {'class' : 'item7'} },
{ name: 'Item 8', element: 'span', attributes: {'class' : 'item8'} },
{ name: 'Item 9', element: 'span', attributes: {'class' : 'item9'} },
{ name: 'Item 10', element: 'span', attributes: {'class' : 'item10'} },
{ name: 'Item 11', element: 'span', attributes: {'class' : 'item11'} },
{ name: 'Item 12', element: 'span', attributes: {'class' : 'item12'} },
{ name: 'Item 13', element: 'span', attributes: {'class' : 'item13'} }

]);

Appears in the following order:

Item 7 Item 1 Item 3 Item 4 Item 5 Item 6 Item 2 Item 8 Item 9 Item 10 Item 11 Item 12 Item 13

I've tried this in CKEDITOR 3.3, 3.6, and 3.6.3.

how to get or show data from data base in kfc editor

We are using CKEditor on one of our web pages. We have a custom 'Save' button which saves the entire form data including CKEditor text. Sometimes while after making changes and then clicking the custom Save, the test is saved as blank. Below are two save options for saving CKEditor test in out page.

1) On clicking on auto save button(inside ckeditor). Result: Data gets updated in database.The plug-in which we are using for bringing data from UI to the servlet is working fine.

2) On clicking on the save button of edit form: Result :While normal saving, intermittently we are not getting data from UI .So the data saved in table override to NULL.

Are there any chances that when we do manual save, at the same time the CKEditor autoSave is also called and due to this simultaneous events the value in CKEditor goes null ?

Steps:

1. create a 3rows, 3 columns table
2. vertical split the first cell in the first row
3. select the first cell, merge down.

Expected: the table is still 3 rows, 3 columns
Defect: the table is messy.

An 'Unspecified Error' is sometimes thrown when selecting text in the editor. We cannot reproduce this in a standalone testcase, however it happens very often in our application. It happens in IE8 and IE9 when run in IE7 document mode.

The issue happens when you select text by starting the selection at the end of the editor. We believe this is related to the following code in the selection plugin which handles the case where the user clicks below the body.

function onHover( evt )
{
	evt = evt.data.$;
	if ( textRng )
	{
		// Read the current cursor.
		var rngEnd = body.$.createTextRange();
		rngEnd.moveToPoint( evt.x, evt.y );

		// Handle drag directions.
		textRng.setEndPoint(
			textRng.compareEndPoints( 'StartToStart', rngEnd ) < 0 ?
			'EndToEnd' :
			'StartToStart',
			rngEnd );

		// Update selection with new range.
		textRng.select();
	}
}

Adding a try/catch around this code as in the attached patch seems to fix this issue. Can you see any undesired consequences of this patch?

Steps to Reproduce

1. In the editor, type the following:
   
   Line 1
   Line 2
   Line 3
   
   
2. Highlight all three lines of text, click the "Insert/Remove Numbered List" button.
3. Highlight "Line 2", click the "Insert/Remove Bulleted List" button.

Expected Result
Text has styles successfully applied.

Actual Result
Pressing "Insert/Remove Bulleted List" will cause IE7 to crash.

Note: This will also occur if you attempt to nest an ordered (numbered) list into an unordered (bulleted) list.

Steps to Reproduce

1. In an editor window, enter "dad mom hot cold computer RADIO"
2. Click the "Find" button.
3. Check the box next to "Match whole word".
4. Type "computer" into the search box.
5. Click Find.

Expected Result
"computer" is highlighted in the editor window

Actual Result
A dialog appears with the following text: "The specified text was not found."

Note: This feature will work properly if the word is first found while "Match whole word" is not enabled.

steps:

1. create a 3x3 table
2. horizontal split the first cell in the second row
3. vertical split the second cell in the first row,

Defect:
the table becomes messy.

This bug is in "verticalSplitCell" function. When figuring out where to insert the new cell by checking the virtual row, the index is wrong. My fix:

var currentIndex = 0;
// Figure out where to insert the new cell by checking the vitual row.
			for ( var c = 0; c < newCellRow.length; c++ )
			{
				candidateCell = newCellRow[ c ];
				// Catch first cell actually following the column.
				if ( candidateCell.parentNode == newCellTr.$
					&& currentIndex > colIndex )
				{
					var candidateCKCell =  new CKEDITOR.dom.element( candidateCell ) ;
					newCell.insertBefore(candidateCKCell);
					
					break;
				}
				else{
					if (candidateCell.colSpan>1){
						currentIndex  = currentIndex + candidateCell.colSpan;
					}else{
						currentIndex  = currentIndex + 1;
					}
					
					candidateCell = null;
				}
					
				
			}

When making a bulletlist or numberlist the bullet/number do not follow the same font size as the text.

The code below is generated by ckeditor.

<ol start="1" style="list-style-type: upper-alpha;"> 
<li> <span style="font-size: 48px;">test1</span></li> 
<li> <span style="font-size: 48px;">test2</span></li> 
<li> <span style="font-size: 48px;">test3</span></li> 
<li> <span style="font-size: 48px;">test4</span></li> 
<li> <span style="font-size: 48px;">test5</span></li> 
</ol> 

To fixed it I have to edit the HTML style manually to:

<ol start="1" style="list-style-type: upper-alpha;"> 
<li style="font-size: 48px;"> <span style="font-size: 48px;">test1</span></li> 
<li style="font-size: 48px;"> <span style="font-size: 48px;">test2</span></li> 
<li style="font-size: 48px;"> <span style="font-size: 48px;">test3</span></li> 
<li style="font-size: 48px;"> <span style="font-size: 48px;">test4</span></li> 
<li style="font-size: 48px;"> <span style="font-size: 48px;">test5</span></li> 
</ol> 

Ticket REF : 6579-ROHN-1167

"Избор ор сървъра" (Browse Server) should be written "Избор от сървъра". The typo appears in the Image Info and Link tabs of the Image dialog and the General tab of the Flash dialog.

To reproduce the defect:

1. Open Replace by class sample, 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 happening from revision 7383

Reproducible in Safari on Windows & all browsers (Safari, Firefox) on MAC

I want to do something after I click the new page button. To handle the event I do :

this.on('afterCommandExec', handleAfterCommandExec);

function handleAfterCommandExec(event) {
    var commandName = event.data.name;
    ...
}

When I click on a button, commandName has a value (undo, redo, about, ...) but with the new page button, commandName is undefined.

Chrome browser.

• Put the cursor on the first line of wysiwyg.
• Type something
• Press enter
• Type something on the next line
• Press enter again

Result: Every time when you pressing enter to put cursor on the next line, webpage scrolling by itself with redactor.

Expected result: Pressing enter affect only wysiwyg, not the entire page.

One of our clients has requested the ability to maintain cursor position when switching from Editor View to Source View and back. Currently when you do this you completely lose your position. This is not ideal when the document they are editing is a very large document and you are editing something in the middle to lower part of it.

Change request here is to keep the current cursor position when switching between views.

1. Create a link of type url and give it an id and name.
2. Now enter no of lines below this link. These lines are added as spacer.
3. Create another link and select its type as 'Link to anchor in the text' and select the anchor name or id of the link created in step 1.
4. The new link must be created quite some distance from the first link i.e the second link must be at a scrollable distace so that when we click the second link the focus moves up or down the page.
5. Now click the second link. In IE and chrome focus will move to the first link while in firefox instead of the focus getting shifted to the target link the page reloads.

I have verified that this is not a behaviour intinsic to firefox by creating two such links in a html page without ckeditor and it behaves as expected i.e the focus shifts, just like in IE and firefox. The problem occurs only when ckeditor is loaded.

One difference I observed between the source code of the preview page as generated by IE and FF is that FF had this additional line insided the html body

<p>
	<link href="http://ckeditor.com/apps/ckeditor/3.6.3/contents.css" rel="stylesheet" type="text/css" />
</p>

If this is acknowledged as a bug we will require it to be patch in 3.3.1 and 3.5.3 also as we have customers using these releases and waiting for a fix.

• create new paragraph and select any font or font size (or the both)
  
• type any char and hit backspace
  

Note that "font" is now displayed on elements path panel. Also if you used font name it will be changed to "Arial" independently on which font name you've used. If you type any char now and toggle to source mode you will see font tag instead of span.

When you set a MozTransform scale factor to the content body of the editor, when writing something the browser scroll in the wrong place. That happens too with pageDown button, the document scrolls down but not to the real end of the enlarged document, but to the end of the document without the transformation.

It seems that Firefox don't consider that zoom scale factor, that others browser do.

To reproduce this bug after the CKEDITOR.replace part add (content should be long enough to scroll):

CKEDITOR.on('instanceReady', function(ev){
            var body = ev.editor.document.getBody().$;
            body.style.MozTransformOrigin = "top left";
            body.style.MozTransform = "scale(1.5)";
            body.style.OTransformOrigin = "top left";
            body.style.OTransform = "scale(1.5)";
            body.style.TransformOrigin = "top left";
            body.style.Transform = "scale(1.5)";
            // IE
            body.style.zoom = 1.5;
        });

Browser name and OS: Windows 7, Chrome, both fully updated Steps to reproduce: CKEditor v3.6.3 or the nightly built at ​http://nightly.ckeditor.com/7500/_samples/replacebyclass.html, when you copy more than one element and paste it using CTRL+V, all elements are placed inside a parent paragraph or heading (whatever the 'Paragraph selector' setting was set for).

This can be seen at the element path underneath the editor or by clicking 'Show blocks'.

When you view source and go back again, the content has gotten formatted rightly.

Browser name and OS: Windows 7, Chrome, both fully updated Steps to reproduce: CKEditor v3.6.3 or the nightly built at ​http://nightly.ckeditor.com/7500/_samples/replacebyclass.html, when pasting using CTRL+SHIFT+V (plain text paste), all content is divided over DIV elements.

Each paragraph becomes a DIV, but when a paragraph contains BR's, each single line also becomes a DIV. In Firefox this is handled the way (I think) is supposed to be.

Hello,

I am using CKEditor from the Hero Framework available at www.heroframework.com .

I tried putting this as the last line of the config.js file of the \ckeditor\_source\core directory.

After changing the config.js file, I restart the CKEditor by restarting the file publishing URL by logging out and logging back in.

I enter the following code in the editor:

{php_code}{literal}<?php

print "Hello, world!";

?>{/literal}{/php_code}

It changes to:

<p>

{php_code}{literal}<!--?php

print "Hello, world!";

?-->{/literal}{/php_code}</p>

Can you help me to overcome this problem?

Regards SB

On opening a page in an iFrame that contains the CKEditor 3.6.2 I get the following exception
SCRIPT5007: Unable to get value of the property 'getElementsByTagName': object is null or undefined ckeditor_source.js, line 8 character 187

IE Debugger stops at if(!d){var e=document.getElementsByTagName('scrip');

Javascript debugger in ckeditor_source.js

In the following code:
Compressed version of core/ckeditor_base.js. See original for instructions. /*jsl:ignore*/

/*jsl:end*/

To reproduce the defect:

1. Open Ajax Sample, Click on "Align Right" icon.

2. Click Bulleted List icon & create 3 list items.

3. Click on Increase Indent icon & create 3 list items.

4. press enter,

5. Bullet shown at the same level with no content on next line.

6. Click Decrease Indent icon.

Issue: Bullet jumping back to align left

Same issue happens with Numbered list

To reproduce the defect:

1. Open Ajax Sample, Click on "Align Right" icon.

2. Click Bulleted List icon & create 3 list items.

Issue: Bullets are on left while content aligned to right.

Same issue happens with Numbered list

Current way of using regexp to protectSource/unprotectSource/protectRealComments/unprotectRealComments is not so good and hard to maintain, it's better using html parser to achieve the same objective.

Please review my code attachment.

I have been searching for this bug for days and tryed to repair it but could not find how to fix it. First of all I had the bug that my empty divs that where given a class were removed. So I found that if I put the config property ignoreEmptyParagraph to false, my <div class="hello"></div> stayed in my code editor. But it created a &nbsp; inside it like: <div class="hello"> &nbsp; </div> But that one creates white space. Is there a way that I can change the &nbsp into "" and ckeditor is not going to change it back to $nbsp;

Thanks in adventage, Yeens

Sorry if there's bad english

I've read the Czech translation file of CKEditor and because of the fact I don't know the e-mail connection to original Czech localization author, I've made the corrections of evident typos, divided into items as in the following, made style improvements suggestions and other suggestions, saved it to plain text file. I insert the related notes here. In case the original author won't have time for it or other reason prevents to contact him, I would like to attach the corrections made into downloaded cs.js file (​http://dev.ckeditor.com/browser/CKEditor/trunk#_source/lang) - when I figure out, how to add it here. If you have the connection to Czech translation maintainer I would be able to send it to him directly to speed up the process too:

1) id : 'Id',

better (?): "ID"

2) cancel : 'Storno',

better (?): "Zrušit"

3 confirmNewPage : 'Jakékoliv neuložené změny obsahu budou ztraceny. Skutečně chete otevrít novou stránku?',

correction of two evident typos: "Jakékoliv neuložené změny obsahu budou ztraceny. Skutečně chcete otevřít novou stránku?"

4) targetParent : 'Rodičovské onko (_parent)',

correction of evident typo: "Rodičovské okno (_parent)"

5) toolbar : 'Vložit/změnit odkaz',

change of case to upper-case letter (the thing of style); but see the styl of the text later in the file "clipboard : 'Schránka/Zpět',", where can be seen, how is the equality of actions expressed using the same case: "Vložit/Změnit odkaz"

6) toEmail : 'E-Mail',

better: "E-mail"

7) langDirLTR : 'Zleva do prava (LTR)',

see further using and dictionary; Note: there is "zleva do prava" at least twice, the same the opposite variant: "Zleva doprava (LTR)"

8) langDirRTL : 'Zprava do leva (RTL)',

viz další užití: "Zprava doleva (RTL)"

9) emailAddress : 'E-Mailová adresa',

better: "E-mailová adresa"

10) toolbar : 'Vložít/změnit záložku', correction of typo (í->i): "Vložit/změnit záložku" or even the change of initial letter to upper-case letter (the thing of the style already described before): "Vložit/Změnit záložku"

11) invalidHeight : 'zadaná výška tabulky musí být číselná.',

correction of typo - the lower-case of initial to upper-case letter: "Zadaná výška tabulky musí být číselná."

12) validateHSpace : 'H-mezera musí být nastavena v celých číslech.', 434

better to express the H as horizontal and V as vertical, see next items (?): "H-mezera musí být nastavena v celých číslech." -> "Vodorovná mezera musí být nastavena v celých číslech."

13) validateVSpace : 'V-mezera musí být nastavena v celých číslech.'

better, see above (?): "V-mezera musí být nastavena v celých číslech." -> "Svislá mezera musí být nastavena v celých číslech."

14) hSpace : 'H-mezera',

better to express (?): "H-mezera" -> "Vodorovná mezera"

15) vSpace : 'V-mezera',

better to express (?): "V-mezera" -> "Svislá mezera"

16) cutError : 'Bezpečnostní nastavení Vašeho prohlížeče nedovolují editoru spustit funkci pro vyjmutí zvoleného textu do schránky

"Vašeho" -> "vašeho" - I would choose lower-case letter, it's not the same as "Váš" in the letter

17) pasteArea : 'Oblast vlkádání'

correction of evident typo: "Oblast vkládání"

18) 'E6E6FA' : 'Lavendulová',

correction of evident typo: "Levandulová"

19) allCaps : 'Ignorovat slova velkými písmeny',

better to use (?): "Ignorovat slova tvořená velkými písmeny"

20) dic_create : 'vytvořit',

upper-case letter in the beginning: "Vytvořit"

21) dic_info : 'Zpočátku se uživatelský slovník ukládá do cookies ve vašem prohlížeči. Ovšem cookies mají omezenou velikost, takže když slovník dosáhne velikosti, kdy se již do cookies nevejde, může být uložen na našem serveru. Chcete-li uložit Váš osobní slovník na našem serveru, je třeba slovník nejdříve pojmenovat. Máte-li již slovník pojmenován a uložen, zadejte jeho název a klepněte na tlačítko Obnovit.',

see the explanation above, number of item 16) - "váš": dic_info : 'Zpočátku se uživatelský slovník ukládá do cookies ve vašem prohlížeči. Ovšem cookies mají omezenou velikost, takže když slovník dosáhne velikosti, kdy se již do cookies nevejde, může být uložen na našem serveru. Chcete-li uložit váš osobní slovník na našem serveru, je třeba slovník nejdříve pojmenovat. Máte-li již slovník pojmenován a uložen, zadejte jeho název a klepněte na tlačítko Obnovit.',

22) ltr : 'Orientace textu zleva doprava',

and

rtl : 'Orientace textu zprava do leva'

"orientace" -> would you like to use the word "direction" (směr) instead "Směr textu zleva doprava" and "Směr textu zprava doleva" ?

but in the second case there is the thing described above, also correction of: "do leva" to "doleva"

23)

bgFixed : 'Nerolovatelné pozadí',

this means "Pevné pozadí" ? (pevné = fixed)

24) 'Zahrnou deklarace XHTML'

should be "Zahrnout deklarace XHTML" ?

To reproduce:

• Copy the following into the Source view of the editor:

<ul style="font-size: 10px;">
	<li>Level 1 - size 10
		<ul style="font-size: 24px;">
			<li>Level 2 - size 24</li>
		</ul>
	</li>
	<li>Level 1 - size 10</li>
</ul>

• Switch to wysiwyg mode and select the entire editor contents.
• Select 'Decrease Indent' on the toolbar. The margin of both lists will be decreased and the level 1 list will no longer be a list.

Expected result: The level 2 list should remain a list and should keep its font styling.

Actual result: The level 2 list remains as a list but its font styling is lost.

The markup after the 'Decrease Indent' action looks like:

<p>
	Level 1 - size 10</p>
<ul>
	<li>Level 2 - size 24</li>
</ul>
<p>
	Level 1 - size 10</p>

It should be:

<p>
	Level 1 - size 10</p>
<ul style="font-size: 24px;">
	<li>Level 2 - size 24</li>
</ul>
<p>
	Level 1 - size 10</p>

The resize options (resize_maxWidth and resize_maxHeight) don't work as expected, and they are completely broken in IE8.

Start a CKEditor instance with these options (or just one of them):

CKEDITOR.replace( 'editor1', {

"resize_maxWidth": "700px", "resize_maxHeight": "600px"

});

In IE8, an invalid argument error appears as soon as the user tries to resize the editor.

In other browsers no error appears but the editor doesn't behave as expected: if resize_maxWidth is specified it's impossible to resize the editor horizontally, if resize_maxHeight is specified the editor cant' be resized vertically.

I have reproduced this in the latest nightly build.

Some users forget that they have clicked the Maximize button, and instead of clicking it again to minimize - they click the browser back button and lose what they have written. If the Maximize button could be configured to 80% for example - users will be less confused and won't click the back button. Also you can make it minimize if clicked outside this 80% area.

The problem with popups that appeared in Chrome 18 and was fixed in Chrome 19, appeared again in Chrome 20... Confirmed in 20.0.1132.43.

As a result, the popup window with file browsers like CKFinder does not open again.

TC and more information about the issue with Chrome 18 is available here: #8855

Maybe let's just disable this part of code for all versions of Chrome?

• Make a list (numbered or bullet) like

1.text 2.text

• Make a new line outside the list
• Go back in the list with the cursor
• do a right mouse click outside the list to leave it
• insert another list, "1." appears and write "text"

--> the text appears one line below and if you delete the text (backspace) the "1." one line above will be deleted

• Make a list (numbered or bullet) like

1.text 2.text

• Make a new line outside the list
• Go back in the list with the cursor
• do a right mouse click outside the list to leave it
• insert another list, "1." appears and write "text"

--> the text appears one line below and if you delete the text (backspace) the "1." one line above will be deleted

We're using CKEditor with Internet Explorer 9 and aspell.

If you open up the spell checker window you'll see an error message: "This page cannot be displayed. The window was not opened from another window."

Using a different browser (IE8, Chrome, Firefox) this issue does not pop up.

This was also mentioned on the forums, already a year ago, alongside with a possible patch (which I did not yet got around to try) but I thought it would be good to register it here as well).

There is a bug in verticalSplitCell function, tabletools plugin. Current code: function verticalSplitCell ( selection, isDetect )

The destination row is empty, append at will.

if ( !candidateCell ){

newCellTr.append( newCell, true);

}

The destination row may not be empty when candidateCell is null, and the argument "true" should not be used.

Right code:

if ( !candidateCell ){

newCellTr.append( newCell );

}

Continuation of #9063

• Copy the following into the Source view of the editor:

  <ul style="font-size: 10px;">
  	<li>Level 1 - size 10
  		<ul style="font-size: 24px;">
  			<li>Level 2 - size 24</li>
  		</ul>
  	</li>
  	<li>Level 1 - size 10</li>
  </ul>
  

• Switch to wysiwyg mode and select the entire editor contents.
• Select 'Decrease Indent' on the toolbar. The margin of both lists will be decreased and the level 1 list will no longer be a list.

The supplied fix [7522] results in the following HTML after the 'Decrease Indent' action:

<p style="font-size: 10px;">
	Level 1 - size 10</p>
<ul style="font-size: 24px;">
	<li>Level 2 - size 24</li>
</ul>
<p style="font-size: 10px;">
	Level 1 - size 10</p>

The problem with this is that the font-size is not reflected in the toolbar for the paragraph elements. Even if the user does change the font size on the paragraph text, the original font-size will still remain on the P element:

<p style="font-size: 10px;">
	<span style="font-size:14px;">Level 1 - size 10</span></p>

Can this font-size be moved into a span tag for the paragraph contents instead when the list is outdented, so that the font-size is reflected on the toolbar? i.e.

<p>
	<span style="font-size:10px;">Level 1 - size 10</span></p>
<ul style="font-size: 24px;">
	<li>Level 2 - size 24</li>
</ul>
<p>
	<span style="font-size:10px;">Level 1 - size 10</span></p>

If this is too complex a change right now, would it be possible to only keep the font-size style for UL and OL elements? i.e.

<p>
	Level 1 - size 10</p>
<ul style="font-size: 24px;">
	<li>Level 2 - size 24</li>
</ul>
<p>
	Level 1 - size 10</p>