Custom Query

I want to present my own translation for help topics for CKFinder.

Environment

Opera 11.10

TC 1

1. Clear content
2. press Striketrough button and Subscript button
3. type some text

Actual result

Strikethrough line is placed above entered text

TC 2

1. Clear content
2. press Striketrough button and Sperscript button
3. type some text

Actual result

Strikethrough line is placed below entered text

Expected result for TC1 and TC2

• Strikethrough line is crossing the entered text.
• when entered text is selected again, and sub/sup is disabled ane enabled again, everything works fine

In other browsers above cases are working fine

In AIR, open the smiley dialog. Note that the blue border is position half way through the image, so it interrupts viewing the smiley.

Environment

Opera 11.10; Connected with context menu issue #7644

TC

• open any sample
• enable fullscreen mode
• click right mouse button in edit area (menu is shown in wrong place)
• disable fullscreen mode
• enable fullscreen mode again

Actual result

Editor is wrongly placed (cke 3.4.3; 3.5+) or is missing (cke 3.5.2+)

Tested with the CK Demo Version: Inserted Code ( as Source)

<table class="vtad">
<tbody>
<tr>
<td class="vtad">

<a href="/sites/files/images/users/Karin/preistraeger.png" target="_blank" title="Preisträger FK 2011"><img alt="Preisträger FK 2011" src="/sites/files/images/users/Karin/thumb_preistraeger.png" style="width: 100px; height: 100px;float: right;"  /></a>

<ul>
<li>
<a href="/node/1441">Gleitende Durchschnitte 3.0 (Moving Averages 3.0) - 1. Preis</a></li>
<li>
<a href="/node/1442">Lineare Regressionsgeraden in der Technischen Analyse - 2. Preis</a></li>
<li><a href="/node/1454">
Handelsstrategien auf Basis von Strukturbr&uuml;chen bei Korrelationen und Volatilit&auml;ten  - 3. Preis</a></li>

         Alle Arbeiten finden Sie unter <a href="/forschungsarbeiten">"Forschungsarbeiten"</a> oder direkt unter dem Link
                                                                                 <a href="/taxonomy/term/63" >"Award 2011"</a>.<br/>
<em>Foto: Preisträger des VTAD-Award 2011. Von links nach rechts: Dr. Gregor Bauer (Vorstandsvorsitzender der VTAD e.V.),
Dr. Manfred Dürschner (1. Preis), Joachim Lenz (2. Preis), Dr. Daniel Ziggel und Dr. Dominik Wied (3. Preis).</em>

                         </ul>
</td>

</tr>
</tbody>
</table>

Code after deactivating and activating ht Source View

<table class="vtad">
	<tbody>
		<tr>
			<td class="vtad">
				<a href="/sites/files/images/users/Karin/preistraeger.png" target="_blank" title="Preisträger FK 2011"><img alt="Preisträger FK 2011" src="/sites/files/images/users/Karin/thumb_preistraeger.png" style="width: 100px; height: 100px;float: right;" /></a> <a href="/forschungsarbeiten">&quot;Forschungsarbeiten&quot;</a><a href="/taxonomy/term/63">&quot;Award 2011&quot;</a>
				<ul>
					<li>
						<a href="/node/1441">Gleitende Durchschnitte 3.0 (Moving Averages 3.0) - 1. Preis</a></li>
					<li>
						<a href="/node/1442">Lineare Regressionsgeraden in der Technischen Analyse - 2. Preis</a></li>
					<li>
						<a href="/node/1454"> Handelsstrategien auf Basis von Strukturbr&uuml;chen bei Korrelationen und Volatilit&auml;ten - 3. Preis</a></li>
					Alle Arbeiten finden Sie unter oder direkt unter dem Link .<br />
					Foto: Preistr&auml;ger des VTAD-Award 2011. Von links nach rechts: Dr. Gregor Bauer (Vorstandsvorsitzender der VTAD e.V.), Dr. Manfred D&uuml;rschner (1. Preis), Joachim Lenz (2. Preis), Dr. Daniel Ziggel und Dr. Dominik Wied (3. Preis).
				</ul>
			</td>
		</tr>
	</tbody>
</table>

Following links disappeared:

<a href="/forschungsarbeiten">"Forschungsarbeiten"</a>
<a href="/taxonomy/term/63" >"Award 2011"</a>

CKEditor currently allows users to specify the border size for a table and the border colour for a table cell. We would like to expand this so that it is possible for users to specify the size, colour and style of the border for both tables and cells.

This would require new fields on both the Table dialog and the Cell Properties dialog for border width, border color and border style.

If you have two or more paragraphs of text, and misspell a word, the cursor shifts when the word is marked. This means that continuous typing can cause the text to get jumbled up.

Steps to reproduce:

1. Type out two paragraphs of text, with no misspellings.
   
2. Begin typing a sentence above the second paragraph. This time include some misspelled words.
   
   1. After the word has been marked, you should notice the cursor moves.
      
      

This typically happens more often when the user is typing quickly.

1. Open stylesheetparser demo page;
2. Load the following source by input (but not from file)

   <style>
   	p.red
   	{
   		color:red;
   	}
   </style>
   <p class="red">some red text</p>
   

3. Check Styles combo;

• Actual Result: The style doesn't show up.

1. Enable SCAYT, load the editor with the following source:

   <p>
   	<a name="anchor1">anchor mis</a>pell</p>
   

2. Wait until word "mispell" is marked by SCAYT;

• Actual Result: marker splits up the anchor text into two, with each of them get applies the anchor styles.

1. Now open context menu on first anchor and change the name to "anchor2";
2. Check source:

• Actual Result:

  <p>
  	<a name="anchor2">anchor </a><a name="anchor1">mis</a>pell</p>
  
  

Not sure if we have already a ticket for it.

The XHTML sample is using classes for different styles and it works fine (it's possible to apply bold and italic to the same text):

coreStyles_bold	: { element : 'span', attributes : {'class': 'Bold'} },
coreStyles_italic	: { element : 'span', attributes : {'class': 'Italic'}},
coreStyles_underline	: { element : 'span', attributes : {'class': 'Underline'}},

However, when using the following:

config.coreStyles_bold = { element: 'span', attributes: { 'style': 'font-weight:bold'} };
config.coreStyles_italic = { element: 'span', attributes: { 'style': 'font-style:italic'} };
config.coreStyles_underline = { element: 'span', attributes: { 'style': 'text-decoration:underline'} };

CKEditor allows setting only one style on the same selection. It's quite strange because each style uses a different CSS rule (font-weight/text-decoration etc.).

Environment

CKE 3.6, Opera 11, IE6/7, Chrome

TC

• Load BBCode sample
• clear content
• type "default"
• change font size to 200, type 200
• change font size to 150, type 150 See that newly typed text is bigger, than previous, and element path contains two size
• repeat for other font sizes

Result

the size tags, are not closed after changing font size to other values:

default[size=200]200[size=150]150[size=120]120[size=100]100[size=50]50[size=30]30[size=300]300[size=200]200[/size][/size][/size][/size][/size][/size][/size][/size]

Attached screen

Expected

default[size=200]200[/size][size=150]150[/size][size=120]120[/size][size=100]100[/size][size=50]50[/size][size=30]30[/size][size=300]300[/size][size=200]200[/size]

IEJSLeaksDetector detected memory leaks for CKEditor in IE8 and IE7

To reproduce the issue:

1. Download and install IEJSLeaksDetector: ​http://joinmicrosofteurope.com/files/IEJSLeaksDetector2.0.1.1.zip

2. Point IEJSLeaksDetector to ajax.html in the nightly build, for example, ​http://nightly.ckeditor.com/6870/_samples/ajax.html.

3. Create and remove CKEditor a couple of times and then stop the application.

4. Notice that IEJSLeaksDetector reports memory leaks.

I tried to test it with no buttons on the toolbar and still got the memory leak.

I have attached a screen shot.

Our page has several divs that are placeholders for CKEDITOR instances. When a user clicks on one, it closes the active editor, and creates a new instance of CKEDITOR on the clicked div using CKEDITOR.replace. When you have an editor instance open, right click to open the context menu twice, and click on another div to open the editor, I get this error.

Cannot call method 'split' of undefined

This error only occurs when I am using ckeditor.js and not ckeditor_source.js. I've tracked the error down to line 23 of ckeditor.js. Here is a snippet of the issue:

q=function(x){var y=x.config.skin.split(','),z=y[0],A=a.getUrl(y[1]||'skins/'+z+'/');

Interestingly, I cannot find any reference in the source to 'config.skin.split'. It seems that this only exists in the ckeditor.js file.

Steps to reproduce:

1. Start out on a page with two div elements with ids, 'editor1', 'editor2'.
2. Use CKEDITOR.replace to replace 'editor1'
3. Right click on the active editor to activate the context menu
4. Left click on the active editor, not clicking on the menu items
5. Repeat Step 3
6. Repeat Step 4
7. Use CKEDITOR.replace to replace 'editor2'

Tested in Chrome, IE8/9

I use autogrow with sharedSpaces. On firefox 4 it's not working properly. In this case editor loads with default height and added 20 pixel (think it's one line-height) on every click inside editor.

It works correctly on ff 3.6 and with autogrow.html samples file (on ff 4).

To reproduce the defect

1. Open any sample except AJAX.

2. With out focus in Editor body,select a font(for eg: Comic Sans MS) from Font Name drop down list.

Expected Result:Selected font option shown in Font Name drop down list.

Actual Result:Selected font option not shown in Font Name drop down list but when we start typing the text, the option will be shown in the drop down list.

Same behavior happens with Font Size drop down list

Tested against IE6,IE7,IE8 & IE9

We would like to see improvements in the selection API and associated documentation for CKEditor. Some of our products are extending the editor to support features such as content-assist, word completion, extracting the selection into new documents etc. While the CKEditor selection API does a good job of isolating us from browser differences, it is very difficult to figure out how to use and could be more robust in what API it provides.

Suggestions on areas where we would like the API extended and better documentation are included below:

API to help user query selection:
a) Get the plain text of the selection.
b) Get html behind selection (properly formed)
c) Get element at cursor
d) Proper selection change API (see ticket #6443)
e) Find out if the selection is contained in a single block element, or spans more than one block element.
f) Find out if the selection spans any markup.

API to help user modify selection:
a) Adjust the selection to remove leading or trailing the whitespace. (Double-click selects word plus trailing whitespace, whereas most of our operations are likely to want to work on just whole words).
b) Expand selection to span complete words.
c) Expand selection to whole block.
d) Reduce selection to be contained in one block.

Better documentation/examples around range/selection/bookmark functionality:
a) What is the difference between bookmark and bookmark2, and when should I use one rather than the other?
b) When does a selection/range/bookmark become invalid.
c) Useful examples of how to use selection/range/bookmark API

1. Load the editor in enterMode BR;
2. Empty the editor, type in some content;
3. Select all, then apply one inline style like bold;

• Actual Result: Everything looks fine except cursor is not blinking at the end of doc;
• Expected Result: Text selection remains unchanged.

Problem can be reproduced from CKEditor 3.5.1 rev. [6272], it gets fixed in CKEditor 3.6.1 rev. [6919] and gets broken again in CKE 4.0 beta.

To reproduce the defect:

1. Open Ajax sample and type "foo".

2. Press Horizontal Line button.

Expected Result:

Horizontal Line is inserted after current paragraph and cursor goes to empty paragraph after Horizontal line.

Actual Result:

Horizontal Line is inserted after current paragraph but cursor goes to end of current paragraph instead of the empty paragraph after Horizontal line and we can not place the cursor after Horizontal line using keyboard or mouse.

Same issue was raised in ticket #7583 but it was closed as fixed, but the issue in the ticket was not fully fixed. so i opened this new ticket

• Set pasteFromWordPromptCleanup = true.
• Copy-paste any doc file into the editor using CTRL+V or paste button (NOT paste from Word button).
• Hit "cancel" when the cleanup prompt appears.

Note that in FF, unlike other browsers, Word's metadata appears in source (o:OfficeDocumentSettings etc.).

In our CMS, the CKEditor is sometimes loaded in the background, in a hidden div (part of a tabset). Although hidden, the editor instance is already created and works fine.

When displaying the DIV, I want to focus the editor, and do so by using editor.focus(). This will put focus on the editor. This works correctly for and empty editor or one with content, and works correctly in all browsers.

The only exception is Firefox (tested on both version 3 and 4), which adds the following content on a editor without any content:

<p><br />
	&nbsp;</p>

The result being an empty editor, with a <br /> tag in it. In addition, focus is placed on the second line, but when starting to type it will place all text on the first line, NOT removing the second line. You just can't type anything on the second line.

This issue has been present since at least 3.5.3.

Steps to reproduce:

1. Create a DIV with display: none;
2. Place a textarea inside, without any content
3. Replace the textarea with a CKEditor
4. Show the DIV (it will not have focus)
5. Focus the editor using editor.focus()
6. The code mentioned above is inserted into the editor

Expected result:

6. The editor is focused, content remains empty

Does not apply for:

• other browsers than Firefox
• editor with existing content
• manually focusing the editor by clicking on it
• editors not hidden when created

If you click (select) an image, table, anchor, ... in FF then the selection handles appear. Now try to reset the selection using javascript code :

oEditor.getSelection().reset();

OR

var doc = oEditor.document; var range = new CKEDITOR.dom.range(doc); var body = doc.getBody(); range.setStart(body, 0); range.setEnd(body, 0); oEditor.getSelection().selectRanges( [range] );

The selection is removed (this can be checked with selection.getSelectedElement), but the selection handles in the wysiwyg area remain.

Also, when trying to select an element using javascript code (oEditor.getSelection.selectElement()), the selection handles do not appear.

I think this is a bug in CKEditor and not in FF because it did work in the previous version FCKEditor.

To reproduce the defect:

1. Open CK Editor, insert a table and enter data in all table cells.

2. keep cursor in first table cell and select the text in all table cells using mouse or key board and press Ctrl + C

3. keep cursor in the paragraph after the table and press Ctrl + v.

Expected Result: A new table is pasted which has same no of rows and Columns as the table inserted in step 1.

Actual Result: Data in all table cells are pasted but not as table. when we keep cursor in the pasted data Element path bar shows tr and td tags but no table tag.

when we go back to source view and come back to Rich Text it will combine all the pasted data as single paragraph.

Load the following content:

<p><img src="​http://a.cksource.com/c/1/inc/gfx/icon.png" /></p>

Click on the image, then select the anchor item in the menu. Add an anchor with any content. Submit the anchor dialog.

Cut image (only the image, not the attached anchor!) from the document. Paste the image back into the document. Paste it repeatedly.

Expected: Cutting content from the document should remove the content from the document that is moved into the clipboard.

Actual: Content remains within the document but is *also* put into the clipboard.

Ideally this new anchor feature would work in a WYSIWYG type fashion, but in it's current incarnation it's hard to use.

Additionally it's pretty debatable on whether the anchor should be copied at all in the above scenario. Common sense indicates it should not, as I did not select the anchor to be cut, so why is it in my clipboard to begin with?

This test occurred in firefox 4

There's a small visual defect of the autogrow plugin that flicks the vertical scrollbar when growing.

Feature request to introduce dialog to maintain a list at list item level, including list item style type and start numbering.

The issue is present with Firefox 3.6.18 and 4.0 (on Linux and Windows). Maximize works fine in Chrome 11.

CKEditor 3.4.2 works without any issues in exactly the same setup.

I would like an event fired when a dialog move has been completed.

When you are working in br mode the lists work different than in p mode. To see what i mean:

Set this in your config file: config.enterMode = CKEDITOR.ENTER_BR;

In WYSIWYG mode write something like: testing lists ckeditor

Then highlight: testing lists and the beginning of the line where's 'ckeditor' but not the text from it

Then click on any of the list buttons (numbered/bulleted list). You will get the three lines listed while in p mode you will get only the two highlighted lines listed.

Flash plugin url escapes some values.

Testing against ​http://nightly.ckeditor.com/6928/_samples/replacebyclass.html

To reproduce:

1. Insert new flash element through dialog
2. Set value to [url|ALL|9839]
3. Close dialog
4. View source to verify bug. embed tags src attribute gets url escaped

Expected (new lines added for readability):

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" data="[url|ALL|9839]">
<param name="quality" value="high" />
<param name="movie" value="[url|ALL|9839]" />
<embed pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" src="[url|ALL|9839]" type="application/x-shockwave-flash"></embed>
</object>

Got (new lines added for readability):

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" data="[url|ALL|9839]">
<param name="quality" value="high" />
<param name="movie" value="[url|ALL|9839]" />
<embed pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" src="[url%7CALL%7C9839]" type="application/x-shockwave-flash"></embed>
</object>

From what I could see this might be some difference in embedNode.setAttribute and CKEDITOR.dom.element.createFromHtml -> setAttributes

This bug is a rewritten forum entry ​http://cksource.com/forums/viewtopic.php?f=11&t=22508

It occurs in IE7 and IE6 with enterMode set to BR from CKEditor 3.5.3.

1. Copy the attached file to samples
2. Load it
3. click on a select box.

Result:JS error pops out: Message: editor.getSelection() is null or not an object Line: 818 URI: /_source/plugins/wysiwygarea/plugins.js Code: range = editor.getSelection().getRanges()[ 0 ];

The bbcode plugin is now textifying all unknown HTML elements (in wysiwyg), this's ok for inline elements only but not blocks, e.g.

1. Open "replacebyclass" sample, copy all content;
2. Open "bbcode" sample page and paste in the clipboard content;
3. Switch to Source and back.
   • Expected: pasted paragraphs new lines remains.
   • Actual: All line-breaks are now lost in wyiswyg.

After creating a table using "Insert Table" plugin, the column size gets automatically changed after you start typing into the columns. There is no way to assign fix column size to the table.

Also when the table is selected, pressing delete or backspace key does not remove the table from the editor. To remove the table, you need to select the previous and next line of the table as well.

This behavior is seen on FireFox and IE.

1. Append the following to content.css file:

   ul, ol {
        color:#888888;
        line-height:16px;
   }
   

2. Open any of the rich combo

• Actual Result: List box items are affected by content style.

The "showborders" makes assumption on existence of certain table dialog field thus get broken when table dialog definition is reduced.

1. Create a link (i.e. to an anchor)
2. Save and re-open the page for editing
3. Move cursor to last position of link
4. Select the whole link and remove it
5. Start typing plain text

PROBLEM: the text is undelined, but should have no format

This function return 'old' data but check dirty function returns proper value. This is especially visible when switch between source and WYSIWYG mode. Please look at attached file. To reproduce just open attached file and fire any editor command and look at firebug console. This issue is also reported here ​http://cksource.com/forums/viewtopic.php?t=22532.

The enter key does not work when the cursor is directly after a placeholder. The ForceEnter setting does not alter this behavior.

To reproduce the issue, just open the placeholder Sample, ​http://nightly.ckeditor.com/6949/_samples/placeholder.html, position the cursor right after the closing brace of the placeholder, and press the enter key. A new line will not be created.

To reproduce the defect:

1. With JAWS on, Insert an Image, Open Image properties dialog of the image.

2. Navigate to width and height fields, change the values of those fields.

3. Now navigate to Reset size button and press space bar.

Expected Result: Width and height values for the image restored to original values and JAWS should read updated values of width and height.

Actual Result: Width and height values for the image restored to original values but JAWS not reading out the updated values of width and height.

we can fix this be keeping aria-live="assert" on width and height fields when the user presses Reset size button.

The table tools plugin provides many useful functions for inserting and deleting table cells/rows/columns, merging cells, splitting cells etc. However these APIs are not available when developing extensions to the editor. Can these APIs please be exposed so that we can provide extensions to the table functionality in our products?

Steps to reproduce the defect:

1. Open the Ajax sample in either Safari or Chrome.

2. Enter some text.

3. Select the text and choose Comic Sans MS (or any other font name) from the Font Name combo box in the toolbar.

4. Select the text & hit spacebar. See that the Font Name in the combo box changes to Arial.

5. Type so more text.

Result: The text that has been entered is Comic Sans MS (or whatever font you chose) but Arial is still displayed in the Font Name combo box.

To solve the problem, I have to modify the file plugins/editingblock/plugin.js. Is this OK ?

New code : (1 line disabled, 1 line added)

CKEDITOR.editor.prototype.setMode = function( mode ) {

this.fire( 'beforeSetMode', { newMode : mode } );

var data, holderElement = this.getThemeSpace( 'contents' ), isDirty = this.checkDirty();

Unload the previous mode. if ( this.mode ) {

if ( mode == this.mode )

return;

this.fire( 'beforeModeUnload' );

var currentMode = getMode( this ); data = currentMode.getData(); currentMode.unload( holderElement ); this.mode = ; LINE HAS BEEN DISABLED

}

holderElement.setHtml( );

Load required mode. var modeEditor = getMode( this, mode ); if ( !modeEditor )

throw '[CKEDITOR.editor.setMode] Unknown mode "' + mode + '".';

if ( !isDirty ) {

this.on( 'mode', function() {

this.resetDirty(); this.removeListener( 'mode', arguments.callee );

});

}

modeEditor.load( holderElement, ( typeof data ) != 'string' ? this.getData() : data);

FOLLOWING LINE HAS BEEN ADDED this.mode = (this.mode == 'wysiwyg') ? 'source' : 'wysiwyg';

};

Steps to reproduce the defect:

1. Open the Ajax sample in IE8 or IE9.

2. Insert a table that has a width of 120% and is right aligned.

Result: There is no horizontal scrollbar so you cannot view the data in the left-most cells. If you remove the editor there is still no horizontal scrollbar.

Reported in ​http://cksource.com/forums/viewtopic.php?f=6&t=22581

I have searched and couldn't find anything relevant.

ok so I am not using the save button that comes with CKEditor I am basically just sending the contents to of the text property to the database.

So when I have a page that causes to the editor to be populated with existing data and then I modify that data and then click my own save button nothing changes in the database....when I run through debug with visual studio 2010 when i check the contents of the text property of the editor control after I have changed it and clicked the button(as stated above) the text property still contains the old data that i pulled out of the database on page load and so therefore it writes the same data back

When you click an element in the elements path, the elementspath.js plugin executes the instruction

editor.getSelection().selectElement(element);

However, in all browsers except Firefox, the editor.getSelection().getSelectedElement() returns null !

Is this a problem that has been solved already in some patch ?

1. Load the following source in IE:

   <div style="float: right">
   Foo <img alt="" src="http://a.cksource.com/c/1/inc/img/demo-little-red.jpg" /> Bar</div>
   

2. Select an image
3. Click "Image" button (do not use the context menu)
4. Image dialog opens, but all fields are empty.

It looks like it started happening in 3.2.1.

on ie8- if you add a style on an element using background:url() it get completely stripped from the source, same problem with background-image:url()

It can be reproduce in your demos as well.

code example:

    <div style="text-align: center; width: 800px; background: url('http://symple2.com/editor_images/image_c88658f6/Patterson Farms/Fresh Produce/PattersonProduceEadsmallheader_02_419.jpg') left top repeat-y;">
             test</div>

Reproduce:

1. With Safari and Chrome, go to ​http://ckeditor.com/demo
2. Right click on the Little Red Riding Hood image.
3. Select "Image Properties"
4. Changle "Alignment" to "<not set">
5. Press "Ok"

Place your cursor in the "Little Red Riding Hood" text that is next to the image. Observe that the cursor is as tall as the image. This differs from other browsers. While this is probably inherent to the browser, perhaps there is something that can be applied to the image so that it remains inline but does not affect the cursor size.

In version "Nightly Build":

To reproduce, change to source-code view and paste this html code:

<title>aa</title>
bbb

now switch again to view html, and again to source-code, now the code will be:

<p>
	<html>
		<head>
			<title></title>
		</head>
		<body></body>
	</html>
</p>
<p>
	<title></title>
	bbb</p>

In version 3.6: To reproduce, change to source-code view and paste this html code:

<title>aaa</title>
bbbb

now switch again to view html, and again to source-code, now the code will be:

<p>
	&nbsp;</p>
<p>
	<title></title>
	bbbb</p>

• Insert a flash object, with some height and width.
• Click on the image.
• Open the styles combo and see that image styling options are available.
• Click on "image on the right". See that the image's dimensions get reset.

Hi, a nice feature to have would be to fire an event when we click on a template to select it.

I "forked" the code like this to do so (very easy indeed):

file: /ckeditor/_source/plugins/templates/dialogs/templates.js line: 58

item.on( 'click', function() { insertTemplate( template.html ); } );

replace with

item.on( 'click', function(event) {editor.fire('templateSelected', event); insertTemplate( template.html ); } );

This little thing could be the first step to a "I-know-which-template-is-used-right-now" dynamic.

Just as a notice, this is useful in the case you have multiple templates, each with its own css. You select a template, you do a few modification, and send data to server. Then, if the server needs to know which template was selected to fetch the appropriate css, you're screwed.

If an event is fired, at least you can do some work to get the css path. Let's say the template thumb and its css are in the same folder. If you know the thumb's src, you know the css place.

After a clic on the template, you can get the target (event.data.getTarget()) and then browse up to the <table>, then down to the <img> and you're ok.

But that's an other story . Just the fire('templateSelected') would be very nice!

Thanks

1. Append the following styles to the content.css file:

   p,strong
   {
   	border: 1px dotted #000;
   }
   
   

2. Load the editor with following content:

   <p><strong>paragraph1</strong></p>
   <p>paragraph2</p>
   

3. Copy all content and paste at the end of doc.

• Actual Result: The computed style of the content is pasted as inline style.

To reproduce the defect:

with config.pasteFromWordRemoveStyles = false & config.pasteFromWordRemoveFontStyles = false copy the text from attached word doc and paste it in to the editor.

Expected Result Text pasted properly and should be same across all browsers

Actual Result we are seeing the differences between IE(6,7,8& 9) & all other browsers.

In IE the top text is shown in bold and big font size where as in other browsers it is shown with small font size and with out bold.

I have attached screen shots of pasted text in IE & FF.

To reproduce:

1. start with a clean editor.
2. set font size to 20 (or some other formatting ending up in span)
3. type 'asdf' hit shift+enter
4. type 'asdf' hit shift+enter
5. type 'asdf'

6. now, select row 2 and 3 with mouse.
7. press the bullet list icon/button.

the first bullet in the list will have lost the formatting.

To reproduce the defect:

1. Copy the list from attached word doc and paste it in to editor.

2. press enter after first list item.

Expected Result: A new empty list item is created and Numbers for other list items should update accordingly.

Actual Result: A new empty list item is created but Numbers for other list items are not updated they remain the same.

same behavior happens when we press enter after any of the pasted list items in the pasted list

Back in #4246 we've changed the way how image dimension is set: deprecate the attributes for inline styles. Some users are not adapted to this change (such as #5547) and some others on the opposite want it a step further - to propagate this convention to other plugins (e.g. flash, iframe).

As usual, as both criticism has it's own advantages, it looks like the best option is still to create a configuration entry for choosing the scheme of the dimension, as well as aligning all objects with this convention.

1. Load the editor with the following content:

   <article>article</article>
   

2. Put cursor inside the article block;

• Actual Result: New paragraph established.

If I enter this code into the source view using IE8:

<table>

<tr>

<td align="center">some text</td>

</tr>

</table>

It gets changed to

<table>

<tr>

<td align="middle">some text</td>

</tr>

</table>

The new value of "middle" instead of "center" and the page is no longer validate using an xhtml transitional dtd.

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

Steps:

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

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

It would be very useful to have ability to rearrange rows in a table. Ideally with drag/drop, but if not, even a context menu "move row up" / "move row down" would be helpful.

• Load the HTML content posted below
• Scroll down to the bottom, select and image and right-click on it

• Results: Firefox and IE scroll to the top. Additionally in IE "Image properties" option is not available (reported in #7974, because it is happening since CKEditor 3.3).

Firefox scrolls to the top since CKEditor 3.3.
IE scrolls to the top since [5214] (CKEditor 3.2.1).
Related ticket caused by the same changeset: #7934.

<p>
	(Scroll down to the bottom, select and image and right-click on it)</p>
<p>
	&nbsp;</p>
<p>
	&nbsp;</p>
<p>
	&nbsp;</p>
<p>
	&nbsp;</p>
<p>
	&nbsp;</p>
<p>
	&nbsp;</p>
<p>
	&nbsp;</p>
<p>
	&nbsp;</p>
<p>
	&nbsp;</p>
<p>
	&nbsp;</p>
<p>
	&nbsp;</p>
<p>
	&nbsp;</p>
<p>
	&nbsp;</p>
<p>
	&nbsp;</p>
<p>
	&nbsp;</p>
<p>
	&nbsp;</p>
<p>
	&nbsp;</p>
<p>
	&nbsp;</p>
<p>
	&nbsp;</p>
<p>
	&nbsp;</p>
<p>
	&nbsp;</p>
<p>
	&nbsp;</p>
<p>
	&nbsp;</p>
<div style="float: right">
	Foo <img alt="" src="http://a.cksource.com/c/1/inc/img/demo-little-red.jpg" /> Bar</div>

• Load the HTML content posted below
• Scroll down to the bottom, select and image and right-click on it
• Results: "Image properties" option is not available and IE scrolls to the top (reported in #7973, started happening in 3.2.1).

"Image properties" option disappeared in 3.3.

<p>
	(Scroll down to the bottom, select and image and right-click on it)</p>
<p>
	&nbsp;</p>
<p>
	&nbsp;</p>
<p>
	&nbsp;</p>
<p>
	&nbsp;</p>
<p>
	&nbsp;</p>
<p>
	&nbsp;</p>
<p>
	&nbsp;</p>
<p>
	&nbsp;</p>
<p>
	&nbsp;</p>
<p>
	&nbsp;</p>
<p>
	&nbsp;</p>
<p>
	&nbsp;</p>
<p>
	&nbsp;</p>
<p>
	&nbsp;</p>
<p>
	&nbsp;</p>
<p>
	&nbsp;</p>
<p>
	&nbsp;</p>
<p>
	&nbsp;</p>
<p>
	&nbsp;</p>
<p>
	&nbsp;</p>
<p>
	&nbsp;</p>
<p>
	&nbsp;</p>
<p>
	&nbsp;</p>
<div style="float: right">
	Foo <img alt="" src="http://a.cksource.com/c/1/inc/img/demo-little-red.jpg" /> Bar</div>

The below description was copied from bug #7928 comment 3.

Second example :

1. Create new table
2. Put the cursor in a cell
3. Add some text in the cell
4. Click "td" in the elementspath
5. Click with RBM on selected text
6. Go to cell properties and change the width of the cell
7. Save : JAVASCRIPT ERROR

Message: Object doesn't support this property or method
Line: 131
URI: /ckeditor/_source/plugins/elementspath/plugin.js

This has been true for all versions of IE from CKEDitor 3.4.1

Humor me with this one.

This involves a nested form and nested forms are not valid. Regardless, that does not explain why I am having this problem. You know it is possible to start with a single form, nest a form via javascript (Move Editor below), extract data via javascript, and be perfectly well with it. It only happens in IE7 and IE8, IE9 is happy.

1. Load the sample
2. Press "Create Editor".
3. Press "Move Editor".
4. Press "Source"

This recreates a scenario that I am having issues with. Here you will receive a JS error emanating from the richcombo plugin. The following event is fired on mode changes and it is the 'setValue' call below that is the cause of the problem.

editor.on( 'mode', function()
	{
		this.setState( this.modes[ editor.mode ] ? CKEDITOR.TRISTATE_OFF : CKEDITOR.TRISTATE_DISABLED );
		this.setValue( '' );
	},
	this );

Steps:

1. Grab latest nightly. (I used Revision number: 7007).
2. Add config.fullPage = true; to the config
3. Open the Autogrow sample in Firefox 4.
4. Click on Source on the default configuration autogrow sample.
5. Add the following Doctype above the html element: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
6. Click Source again to go back to WYSIWYG mode.
7. Enter several newlines to make the document taller than the contents.

Results: Autogrow fails. The height of the document is not adjusted.

Removal of the Doctype appears to fix the problem. Also appears to occur in Chrome on Mac.

1. Start with an empty editor
2. Press the "Bold" button
3. Type in "Test"
4. Press the "Horizontal Line" button
5. Type in "Test"

Note that step 5 produces text that is not bold. This text is expected to be bold and the editor seems to agree to a point as when you inspect the contents of the editor, you see (in <br /> mode)

<strong>TEST</strong>
<hr>
TEST
<strong></strong>

Note the empty strong tags at the bottom, which really should be around the second TEST. This is also reproducible on the demo, which is using <p> tag mode.

1. Go to demo page
2. Produce following content

3. Hit enter

Observe : an outdent-action occurs. Expected selection to be cleared and cursor to be position on an empty paragraph below the list.

Linked with Ticket #6845

TC

• open editor and clear contents
• open link dialog
• in url field enter: [space]​http://google.com
• press enter

Expected

New, correct link is added to edit area

Actual Result

<p>
	<a href="http://http://google.com">http://http://google.com</a></p>

1. Start with empty editor
2. Create anchor
3. Start typing

IE8 - the letters appear on the left of the anchor and you can't get to the right side using Right Arrow, End buttons or mouse.

Firefox - There are some problems with buttons and inconsistencies between how cursor is displayed and where it actually is. (Edit: these cases are not reproducible any more, but there's still a small issue, because after inserting an anchor the selection is placed before it and should be after it.)

1. After creating the anchor the cursor appears on the right but typed letters appear on the left.
2. You can’t get to the right side of the anchor using mouse or arrow button. Only End button works.
3. When you press End button cursor stays on the left but typed letters appear on the right.
4. When you delete letters on the right of the anchor (with backspace) the cursor appears on the left of the anchor but when you press delete the anchor is deleted not the letters on the left side of it.

This hasn't been working from CKEditor rev [6904]

To reproduce the defect:

1. Open CK Editor,click on IFrame icon to open IFrame Properties dialog.

2. On General tab enter values for width(200)& Height(100) and click on Advanced tab.

Expected Result: Style field should have following values width: 200px; height: 100px;

Actual Result: Style field is empty.

Put the following html into editor

<p>

This is some text</p>

<hr /> <p>

This is some more text.</p>

<p>

Another paragraph</p>

Place cursor at beginning of "This is some more text." line. Press backspace. The horizontal rule is not removed, cursor remains in the same place. Press backspace again. On FF, cursor moves to unexpected location (after the first line). Put cursor at beginning of the line again. Press backspace. Nothing happens. Press backspace again, finally the hr is removed.

Observed in 3.4.2 and 3.6

Please forgive the poor summary of this ticket, as it is hard to summarize.

When pasting content from Word, any Microsoft Word Comments are also pasted (whether or not "View Markup" is currently selected). This creates anchor links and footnotes in the content (which may or may not be desirable behavior) but also creates "empty"

<a>...</a>

tags around the first paragraph associated with the comment. The anchor tags are empty in the sense that they have no attributes such as "href" or "name".

I don't know if this is technically invalid html but it is certainly undesired behavior. Since our site stylesheets don't make these "a" elements stand out by default, the extra tags just remain undetected in the source code once the rest of the comment markup is deleted from the editor.

I attached a Word doc with contents that can be pasted into the editor to demonstrate.

I would also like to see at least a config option to strip out the comments completely, but I guess I can create a feature request ticket depending on how much of this behavior is considered a bug.

System: Windows XP, IE 8, Microsoft Word 2003

On FF4 dialogs who sets contents with setData methode makes empty undo step.
I've written a little plugin for testing. Set extraPlugins:'diatest' and 'DialogTest' as toolbar button.

1. Start with empty editor
2. Type some text then select it with a mouse and apply bold formatting
3. Copy text with CRTL+C
4. Text is still selected so delete it using BACKSPACE. Press backspace more than once to clean all the remainings
5. Paste the text using CRTL+V
6. Switch to source. You will see that <p>&nbsp;</p> tags were added to the beginning.
7. When you come back to WYSIWYG you will see extra empty space above the pasted text.

Issue is reproducible in Webkit and Firefox4 from CKEditor 3.5.1

1. Paste the list from the file into empty editor.
2. Switch to source and back to WYSIWYG
3. Press undo

Result: List jumps up and down but it is not removed.

Reproducible in Webkit from CKEditor 3.4

To reproduce the defect:

Scenario 1:

1. Open Ajax sample and insert a table with default values.

2. Go to any table cell(except first), enter some text, click on smiley icon to open smiley dialog.

3. click on one of the smileys.

Expected Result: Smiley is added in the table cell(where we had cursor in step 2) and cursor stays in the same cell.

Actual Result: Smiley is added in the table cell(where we had cursor in step 2) but cursor going to first table cell.

Scenario 2:

1. Open any sample(except Ajax) and insert a table with default values.

2. Go to any table cell(except first), enter some text, click on smiley icon to open smiley dialog.

3. click on one of the smileys.

Expected Result: Smiley is added in the table cell(where we had cursor in step 2) and cursor stays in the same cell.

Actual Result: Smiley is added in the table cell(where we had cursor in step 2) but cursor going to start of first paragraph in editor body.

Sorry for the mysterious summary. It's best to see the picture to know what I'm talking about.

The problem is that textarea is actually smaller then the wrapper div. It's no big deal but when focus comes to textarea it doesn't look nice any more.

Hi,

On firefox 4 I can copy an image from my computer and past it directly on to CKEditor (ctrl + c and ctrl + v), but, when I try to do this on IE 8 or google chrome nothing happens.

Does anyone know why?

Thank You!

Start mouse drag from the left of the very first button (Source) in the toolbox area (with grey background), dragging over the toolbar icons, it's still possible to make text selection.

Found in IE8/Quirks.

• Open the replacebyclass sample. Put the cursor at the end of first line.
• Click "Anchor" button and insert an anchor.
• After closing the dialog, click with a mouse inside of the editing area, but below the first line. Note that the anchor is now resizable.
• Type some text.
• Result: the entered text goes inside of an anchor. Even after pressing the enter key, the cursor does not move to the next line and user is still inside of the anchor.

Right-click in a table, use arrow keys to select a specific menu entry and press enter.

Expected: menu entry is activated Actual: nothing happens

1. Load the editor with the following content and selection:

   <p>
   	This is <span style="background-color: rgb(255, 0, 0);">some [sample] text</span>. </p>
   
   

2. Open background color panel and apply the 'auto' color to selection;

• Actual Result:

  <p>
  	This is <span style="">some </span>sample<span style=""> text</span>.</p>
  

• Expected Result:

  <p>
  	This is <span style="background-color: rgb(255, 0, 0);">some </span>sample<span style="background-color: rgb(255, 0, 0);"> text</span>.</p>
  

1. Load the editor with following content:

   <table style="width: 500px;">
   	<tbody>
   		<tr>
   			<td>
   				&nbsp;</td>
   		</tr>
   		<tr>
   			<td>
   				&nbsp;</td>
   			<td>
   				cursor here</td>
   		</tr>
   		<tr>
   			<td>
   				&nbsp;</td>
   			<td>
   				&nbsp;</td>
   		</tr>
   	</tbody>
   </table>
   

2. Place cursor in the last cell of the second row;
3. Insert column after/before

• Actual Result: Table remains unchanged. (Edit: fixed ~3.5.3)

1. Insert row after/before

• Actual Result: Row inserted with only one cell.

1. Prepare the editor with the following configuration, to avoid nested font family style:

   config.font_style =
   	{
   		element		: 'span',
   		styles		: { 'font-family' : '#(family)' },
   		overrides	: [ { element : 'span', styles : { 'font-family' : null } } ]
   	};
   
   

2. Load the the following content and selection:

   <span style="font-family:lucida sans unicode,lucida grande,sans-serif;">some [sample] text</span>
   

3. Open font name combo and click on "Aria";

• Actual Result:

  <p>
  	<span style="font-family:lucida sans unicode,lucida grande,sans-serif;">some <span style="font-family:arial,helvetica,sans-serif;">sample</span> text</span></p>
  

• Expected Result:

  <p>
  	<span style="font-family:lucida sans unicode,lucida grande,sans-serif;">some </span><span style="font-family:arial,helvetica,sans-serif;">sample</span><span style="font-family:lucida sans unicode,lucida grande,sans-serif;"> text</span></p>
  

1. Open sample page
2. Select sample text and apply "blue heading" to it.
3. Delete whole text
4. Press backspace button few more times to remove formatting
5. Start typing.

Result:
Firefox and Webkit- Path is showing “body h3” but the typed letters are small. If you change to source view you will see that there is no “h3” only “p”. This hasn't worked form CKEditor 3.5.3 rev [6586].

IE and Opera – the path is not refreshed but the typed letters have the blue heading formatting. In this case formatting is simply not removed. It has always worked that way for these two browsers.

1. Open replacebycode sample
2. Put the cursor inside editing area and press Alt+F10 to activate toolbar
3. Press Space or Enter key to switch to source
4. Press Space or Enter once more

Result: If you press Enter - nothing happens. If you press Space - browser scrolls down.

It looks like the toolbar is loosing focus. To switch back to wysiwyg you have to press tab, alt+F10 and Space or Enter - not very intuitive.

Reproducible in all IEs from CKEditor 3.0

• Open a sample and clear all contents.
• Type some text, hit one of the list buttons.
• Hit increase indentation.
• Hit the same list button as previously.

Expected: list is removed while margin stays attached to a p/div.
Actual: list is removed with the margin, reverting to a simple paragraph.

With JAWS opened:

1. Open link dialog;
2. Without putting anything in the URL field to trigger the invalid error;
3. Fill in the URL field, tab to the dialog buttons and shift-tab back to the input.
4. Ask JAWS to announce the field;

• Actual Result: JAWS read it as invalid text input.

I've only tested this in webkit, but it's a fairly annoying problem. After dragging text from one CKEDITOR instance to another, events are no longer fired properly on the parent window. I've attached a very simple example of this problem.

1. Click on the 'Click to test' button. It will fire an alert with the message 'Test Successful'.
2. Click the 'Click to replace' button. This will create two instances of CKEDITOR on the page.
3. Drag text from the first instance to the second instance.
4. Click on the 'Click to test' button. Nothing will happen.

In Chrome, if you repeat step 4, the message will now appear. In Safari, the button will never fire the message.

• Change enterMode to 'BR'
• Enter the following in editor:

1 2 3 4 5

• Highlight all then change font and change font size
• Highlight only 3,4,5 then click on the unordered list

Notice that the bullets are not properly generated.

With

config.enterMode = CKEDITOR.ENTER_BR

CKEditor creates paragraphs when inserting page break / horizontal line.

Result after inserting page break between two lines:

<p>
	first line</p>
<div style="page-break-after: always;">
	<span style="display: none;">&nbsp;</span></div>
<p>
	<br />
	second line</p>

and after inserting a horizontal line:

first line
<hr />
<p>
	<br />
	second line</p>

I have found some strange behaviour while pasting text marked as <sub>, under IE's

TC

• open editor
• Enter some text
• enable Subscript and enter some text
• select and copy text with subscript enabled
• press right cursor key or "End" on keyboard
• paste text
• press "End" again and paste

Actual

Under IE8 quirks:

<p>
	test<sub>test<sub><font size="1">test<sub><font size="1">test<sub><font size="1">test<sub><font size="1">test</font></sub></font></sub></font></sub></font></sub></sub></p>

Under IE6/7

<p>
	test<sub>test<sub>test<sub>test</sub></sub></sub></p>

Under Opera

<p>
	test<sub>test</sub><sub>test</sub><sub>test</sub><sub>test</sub></p>

Expected

Cursor keys should not influence pasting, and pasted subscript should be in one line, as in Opera. Perhaps additional </sub><sub> should also be removed?

Environment

IE 8Quirks, IE7, IE6

TC

• open editor
• insert form element
• insert text area and some "normal" buttons
• insert Image button with selected float: right

Expected

Image button is placed inside Form frame. (like in Opera 11.11)

Actual

Image button is placed below form.

Sample code:

<form action="send" enctype="multipart/form-data" id="1" method="post" name="Form1" target="_self">
	<textarea cols="30" name="Test text area" rows="5"></textarea><input name="Button 1" type="button" value="Button1" /><input name="Send" type="submit" value="send" /><input alt="test" src="google.com" style="border-bottom: 1px solid; border-left: 1px solid; margin: 11px; width: 12px; float: right; height: 12px; border-top: 1px solid; border-right: 1px solid" type="image" />&nbsp;</form>
<p>
	&nbsp;</p>

Environment

IE6/7, Opera

TC

1. create table with header row and split one header cell vertically

sample code:

<table align="center" border="1" cellpadding="1" cellspacing="1" style="width: 50%; height: 40px" summary="Summary">
	<caption>
		Caption</caption>
	<thead>
		<tr>
			<th rowspan="2" scope="col">
				Header1</th>
			<th scope="col">
				Header2</th>
		</tr>
		<tr>
			<th scope="col">
				Split header2^</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td>
				&nbsp;</td>
			<td>
				&nbsp;</td>
		</tr>
		<tr>
			<td>
				&nbsp;</td>
			<td>
				&nbsp;</td>
		</tr>
	</tbody>
</table>
<p>
	&nbsp;</p>

1. Set caret in Split header2^
2. select from menu Column -> Insert column before

Expected result

Column is inserted between two existing columns

Actual

Column is inserted as first column in table, and before existing two columns

Same thing happens when Insert column after is used.

Table dialog caption field doesn't allow multiple consequent whitespaces to be inserted, they will collapse into one single.

Environment

Found under Opera, also happens under IE

TC

• open image dialog
• fill all atributes on all tabs and press OK (or paste example code)

Image with link should be added

<p>
	<a href="http://dev.ckeditor.com/chrome/site/logo-ckeditor-dev.png" target="_blank"><img alt="ckeditor logo" class="test" dir="rtl" id="2" lang="pl" longdesc="http://dev.ckeditor.com/" src="http://dev.ckeditor.com/chrome/site/logo-ckeditor-dev.png" style="border-right: 11px solid; border-top: 11px solid; float: left; margin: 11px; border-left: 11px solid; width: 214px; border-bottom: 11px solid; height: 59px" title="test1" /></a></p>

• in WYSIWYG select image and copy to clipboard
• paste selected image, back into editor.

Expected

Copied image == pasted

Actual

Pasted image has no link attribute

</a><img alt="ckeditor logo" class="test" dir="rtl" id="2" lang="pl" longdesc="http://dev.ckeditor.com/" src="http://dev.ckeditor.com/chrome/site/logo-ckeditor-dev.png" style="border-right: 11px solid; border-top: 11px solid; float: left; margin: 11px; border-left: 11px solid; width: 214px; border-bottom: 11px solid; height: 59px" title="test1" />

1. Open Ajax sample
2. Type "test"
3. Select text with a mouse. It is important to select it from right to left. You can start from second "t" or from "s" or "e" but it is important to stop some distance behind first "t".

Result: In FF and Opera the buttons Copy/Cut don't get enabled. When you select text from left to right or stop in the middle of the word then these buttons are enabled.

In Webkit these buttons are never enabled (maybe this is due to security settings - didn't dig into it).

Of course after selection from right to left, copying/cutting text using CRTL+C/CRTL+X works. What is more even if those buttons were enabled you could not copy/cut text with them because of default security settings in your browser. Probably in most cases this would be just a visual change.

Affects IEs < 9:

Steps to reproduce:

1. Go to ckeditor.com/demo
2. Open a javascript console and execute, 'CKEDITOR.instances.editor1.resize(50);'

The height value that is assigned becomes 'NaNpx' which is an invalid argument. Likely this has to due with line 345 in theme.js.

345 - contents.setStyle( 'height', Math.max( height - delta, 0 ) + 'px' );

In this case since height is undefined, Math.max(undefined - delta,0) returns NaN. NaN + 'px' = 'NaNpx'. Other browsers must handle this error more gracefully than IE. A simple conditional statement should fix this problem.

344 - if(height) {
345 - contents.setStyle( 'height', Math.max( height - delta, 0 ) + 'px' );
346 - }

The documentation for this method states...

{Number|String} width The new width. It can be an pixels integer or a CSS size value.
{Number|String} height The new height. It can be an pixels integer or a CSS size value.

The method unfortunately only accepts a number parameter however. Resize calls the method setSize, here is the setSize method:

CKEDITOR.dom.element.prototype.setSize = function( type, size, isBorderBox )

{

if ( typeof size == 'number' ) {

if ( isBorderBox && !( CKEDITOR.env.ie && CKEDITOR.env.quirks ) )

size -= marginAndPaddingSize.call( this, type );

this.setStyle( type, size + 'px' );

}

};

As you can see, it only accepts a number as it's parameter.

When focus is set in legend of a fieldset, and then mode is switched to source and back, additional </BR> is added to fieldset.

Environment

linked with #6804 , Firefox 4/5b

TC

1. Paste following code into editor

   <fieldset> <legend>caption</legend> <p>keep going, CKeditor!</p> </fieldset>
   

2. Switch mode to WYSIWYG
3. Set caret in "caption"
4. Switch to source
5. Repeat steps 2-4, two times

Actual result

Additional </br> added

<fieldset>
	<legend>caption</legend><br />
	<br />
	<br />
	<p>
		keep going, CKeditor!</p>
</fieldset>