Custom Query

Paste this code in source mode (config.enterMode is set to CKEDITOR.ENTER_BR):

<div id="body">
  foo
</div>

In wysiwyg mode, push enter after foo and click on one of the bullet buttons. Back to source mode, the ul tag is outside the div element.

Expected result :

<div id="body">
  foo
  <ul>
    <li>
      &nbsp;
    </li>
  </ul>
</div>

Actual result :

<div id="body">
  foo
</div>
<ul>
  <li>
    &nbsp;
  </li>
</ul>

1. open ckeditor at trunk and switch to source mode

2. input

1<a href='http://www.taobao.com'>2</a>3

3. switch to wysiswyg mode and select all text

4. set link to ​http://www.ckeditor.com

5. switch to source mode again

expect :

<a href='http://www.ckeditor.com'>123</a> (same with tinymce)

actual result :

<a href="http://www.ckeditor.com">1</a><a href="http://www.taobao.com">2</a><a href="http://www.ckeditor.com">3</a>

ps :

i attach a ugly patch for this problem ( i think it's a bug) , hope for a better solution

We are using mutliple CKEDITOR instances on one page. We hide and display them by killing sections of the page and later repopulating them. Because we kill the CKEDITOR HTML before the final getData processing was finished it left the CKEDITOR in a state where getData and setData would not update the iframe contents.

I have attached the file with the fix that we added.

In /_source/plugins/editingblock/plugin.js line 47. You get the data from the editor. If an exception happens in the getData code then isHandlingData doesn't get set to false. After that the iframe contents become impossible to update. This will effect all other CKEDITOR instances on the screen.

We just added an empty try catch so as to ensure that regardless of errors that happen isHandlingData will always get reset to false. Thus not effecting the usability of any other CKEDITOR instance.

We did the same at line 74.

To reproduce: In our case, we would call editor.destroy() and remove the ckeditor instance from the screen. Destroy would fire an event that would later try to access the contentDocument of the iframe. That would throw the error because it no longer existed on the screen. We also had an blur event set to the editor that would grab the data.

Anyway I hope this helps.

On entering an anchor at the start of a paragraph, the text or character to the right of the inserted anchor is deleted. This occurs in IE8.0.7601.17514 but not in Firefox 7.0.1, using Windows 7.

Certain html snippets introduce extra white space on each switch between source and wysiwyg.

In 6.0.472.63 (59945) Built on Debian 6.0.2, running on Debian 6.0.3, Iceweasel/3.5.16 (like Firefox/3.5.16), and recent versions of Safari the attached snippet exhibits the problem in at least 3.6.2 and the nightly build as of 2011-10-27.

The behavior is somewhat different (less desireable?) with fullPage : true than without.

In both cases each round trip wysiwyg->source->wysiwyg introduces a <p>&nbsp;</p> fragment.

By selecting a dom range who contains invalid Html tags, IE causes an error in the error function at the line 201 of the element.js:

this.$.appendChild( node.$ );

In the case value contains an invalid tag, fe.: <foo>some content</foo>, the "this.$" is an instance of DispHTMLUnknownElement who doesn't implements the appendChild function.

the error is caused by the range.select(true), this.createBookmark(); line 1636 plugins/selection/plugin.js, clone.insertNode( startNode ); line 528 /core/dom/range.js

We are currently experiencing this issue with IE 8 and 9, we haven't tried with prior version of the software.

Go to the demo in IE9 and enable SCAYT. Now try using your mouse to highlight a line of text. After a few characters/words it will stop and bug out. It also bugs out using shift + arrow keys to highlight.

Also reports of this happening in ff, but I haven't been able to reproduce that one.

​https://github.com/WebSpellChecker/ckeditor-plugin-scayt/issues/30

This bug can be reproduced only when user uses backward selection. And no problem with forward selection.

We can customize CKEditor to not display the collapse toolbar icon or the element path bar. However there is no way to remove the instructions for these features from the a11yhelp dialog.

It would be great if we could customize the a11yhelp contents to match the set of features that are available in different instances of the editor.

When opening the spellchecking dialog the first suggested word is not automaticly selected in IE9, you have to click it before the suggestions show at the bottom of the dialog. This is not the case in other browsers (IE8, FF, Chrome).

To reproduce the defect:

Open Replace by Class sample.

Use Tab key to navigate in to the editor.

Now Press Shift + Tab.

Expected Result: Focus should go back to browser since there is no focusable element before the editor.

Actual Result: Focus/Cursor still remain in the editor

This is an Accessibility Issue

Descriptive summary : Copy-Pasting content from MS Word 2007 to the newly downloaded CKEditor 3.X causes the following issue:

1. The multi-layered bullet points do not appear correctly.
2. The MS Word style "Title" has an underline which is not pasted into the editor.

Steps to reproduce : Copy content from the attached word file to the online demo.

Browser name and OS : We have installed the editor on a Virtual Machine:

1. computer configuration: Intel Pentium
2. OS: Windows Server 2003 R2 - SP2

Client 1:

1. computer configuration: Intel core i5
2. OS: Windows 7 Ultimate (x32)
3. Browser name and version: IE9

Client 1:

1. computer configuration: Intel core i5
2. OS: Windows 7 Ultimate (x64)
3. Browser name and version: IE8

Screenshot : attached

Sample data : attached

Please see comment:4

Steps to reproduce:

1.Click on Selection Field plugin and add some values. 2.After adding the content to the editor, select the 'selection field' click on the 'right align'.

3. You will observe that the Selection Field is broken.

Note: This happens in firefox.

1. Open CKEditor demo in Webkit Browser
2. Insert a link using the link button.
3. Highlight the link.
4. Press the unlink button.

Observe that is removed but inspecting the source of the editor show that an empty <a></a> has been left at the end of the previous link pointing to where the previous link was pointed.

I was told by the helpdesk to open a ticket here with regards to an issue concerning ckeditor running over IE in an intranet environment. The full correspondence, attachments and findings are details here: ​http://helpdesk.cksource.com/view.php?ticketref=9936-QRTY-8066

Here is the summary of things: A *Local Intranet* app using ckeditor renders the ckeditor correctly but all the plugin buttons are not responsive, if the internet (not local intranet) has Active Scripting set to disabled. This is an IE issue and not a ckeditor issue, but it can be dealt with. The thing is that in IE if the internet security zone's Active Scripting is disabled, it seems like innerHTML (which is used by ckeditor to render the editor) produces the correct html but does not bind any events required to activate the buttons, such as onmouseup.

The workaround to this is simple (and is detailed in the original helpdesk ticket).

P.S. The above security settings is not a custom settings but the default settings for IE in Windows servers. For example, if you install Win 2008, IE security settings by default are set to Enable Active Scripting in Local Intranet, but Disabled Active Scripting in Internet zone. This allows running local scripts with the exception of events in innerHTML. I was not aware of this limitation in IE prior to using ckeditor and I will be more than happy if my conclusions are incorrect.

In source mode, enter this code :

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

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

To reproduce the defect:

1. Open any sample and keep cursor in editor body.

Expected Result: Align Left & Text direction from left to right icons should be highlighted in the toolbar.

Actual Result: Only Text direction from left to right icon is highlighted & default Alignment Align Left icon not highlighted in the toolbar

2. Click on Text direction from right to left icon.

Expected Result: Align Right & Text direction from right to left icons should be highlighted in the toolbar.

Actual Result: Only Text direction from right to left icon is highlighted & default Alignment Align Right icon not highlighted in the toolbar

<html>
<head>
<title>CKEditor Sample</title>
</head>
<body>
<p> abcd<span contenteditable="false">XXX</span>e<p>
</body>
</html>

For above sample, in CKeditor 3.6.2, the cursor is move to the front of span after I clicked backspace and delete 'e' that after the span. Why is that? How can I change the code to correct it? Thanks.

I have written a YouTube plugin Ref: RE: Form submission from: Contact Us - [9883-OTKM-0306] [2a836e4d]

Frederico asked me to open a ticket and attach the plugin.

Steps to reproduce

1. Open API Sample.

2. Place cursor at end of content in CK Editor.

3. Press "Set Editor Contents" button.

4. Press Shift+Tab twice & move focus back to content area in CK Editor.

Issue: On FF 7 cursor shows up at the end of content area.

On all other browsers (FF 3.6, IE(6,7,8,9), Opera & Safari) cursor shows at the beginning of content area.

1.open ckeditor at trunk in ie (ie6 or native ie8) and switch to source mode 2.input the following source:

<table border="0" style="width: 100%" title="tbdescguide">
	<tbody>
		<tr>
			<td>
				<p>
					&nbsp;士大夫士大夫都</p>
			</td>
		</tr>
		<tr>
			<td>
				<p>
					12345678</p>
			</td>
		</tr>
	</tbody>
</table>

3. switch to wysiwyg mode and select text "12345678" or "2345678" or "5678" using mouse (here you can note :user's selection is changed automatically , for details you should see pics in the attachment )

4. press backspace button

expect :

selected text removed

actual result:

selected text still remains ,but selection gone and cursor goes to the start position of the original selection.

PS: you can not ctrl-x or ctrl-v for that selected text too, maybe the selection is broken when it is changed automatically in step 3 .

PS2: tinymce has the same problem , maybe it's a stubborn bug for ie not for editor.

1. open ckeditor at trunk in ie (ie6 or native ie8) and switch to source mode
2. input the following source:

<table border="0" style="width: 100px" title="tbdescguide">
	<tbody>
		<tr>
			<td>
				<p>
					&nbsp;士大夫士大夫都</p>
			</td>
		</tr>
		<tr>
			<td>
				<p>
					12345678</p>
			</td>
		</tr>
	</tbody>
</table>

3.switch to wysiwyg mode and click the point in pic1(see attachment)

4.now the cursor is after '8' (see pic2) , then click the point in pic1 again (see attachment)

5.now the cursor is after table ! (it's always what i want , see pic3)

expected:

same click same cursor position (after table , see pic3)

actual result:

first click the cursor is after '8' (see pic2) ,second click the cursor is after table (see pic3)

PS : i also provide a patch in attachment , it will solve this problem , but i do not know its side effect.

On the demo page initialize a new ckeditor with the following enter-mode:

CKEDITOR.config.enterMode = CKEDITOR.ENTER_BR; CKEDITOR.appendTo('demoInside', { height: 300 });

Go to 'source' view and type:

<table>
 <tbody>
   <tr>
      <td>
	  <table>
	    <tr>
	      <td>
	         <meta>
		 <link>
	      </td>
	    </tr>
	  </table>
        </td>
      </tr>
    </tbody>
</table>

Click again on 'source' mode to go back to normal mode (WYSIWYG). The browser now hangs.

It only seems to happen with a table nested in another table in combination with 2 'link' or 'meta' tags or a combination.

The problem seems to occur in fragment.js in the 'while (1)' loop.

Although it might not be correct html to have 'meta' or 'link' tags in the body part, a lot of our clients are using reports/templates with this kind of code for certain (historical) reasons and now suddenly run into this problem since we have switched from FCKEDITOR to CKEDITOR. Please make it backwards compatible.

Take

(a) the Authority;

(b) the Commissioners;

(c) the OFT; and

(d) in relation to credit unions in Northern

and copy it into ​http://ckeditor.com/demo - ensure there are six spaces after each closing bracket. Then copy the same text within the demo and paste it back into the demo page - five of the six spaces disappear''''' This is very frustrating. Using IE9 and Windows7 64-bit and CKEditor 3.6.2 (revision 7275)

Safari, chrome

1. Set cursor in Text area, Set font=Verdana (from drop-down list), set size = 26
2. Click "Collapse toolbar" button
3. Start typing

Actual: style settings (Font,size) are reset Expected: Specified settings should work

1. Start with the following content:

     <div>Line 1</div>
     <div>Line 2</div>
   

2. In WYSIWYG, select both lines:

     <div>^Line 1</div>
     <div>Line 2^</div>
   

3. Copy using ctrl+c and paste (ctrl+v) at the end of Line 1:

     <div>Line 1^</div>
     <div>Line 2</div>
   

4. The result is something like:

   <div>
   	Line 1<br />
   	<div>
   		Line 1</div>
   	<div>
   		Line 2</div>
   </div>
   <div>
   	Line 2</div>
   

5. Select all four lines and create a list.

Result: multiple lists are created from the selection

Expected: a single list is created with all four lines

Note: The expected behavior is derived from two things. The first is that the content appears to be flat from the user's point of view and selecting it should result in a flat list. And secondly, when a similar test case is attempted using the native browser execCommand('InsertOrderedList') call, the list that is created is a single list with four items.

If you call setReadOnly and getSnapshot synchronously, an Error is thrown in IE (7-9, not tested in 10PP)

Reproduce:

1. Go to ​http://ckeditor.com/demo
2. Open the IE development tools
3. Into the console, type in one line CKEDITOR.instances.editor1.setReadOnly(true); CKEDITOR.instances.editor1.getSnapshot();
4. Hit enter
5. An error occurs.

Working variation:

0. Reload page
1. Type into the console CKEDITOR.instances.editor1.setReadOnly(true);
2. Hit enter
3. Type CKEDITOR.instances.editor1.getSnapshot();
4. Hit enter
5. No error occurs

A workaround is to set readOnly first and do the rest of the work in a timeout.

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

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

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

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

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

then outside scope, define the buildList function:

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

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

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

Alternatively:

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

Kind regards, Amund

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

OS: Windows 7 SP1 Browser: Chrome 15.0.874.121

Paste the following HTML into a file on your machine:

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

In one tab in Chrome open the HTML file above.

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

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

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

You could also see this behavior with the following html:

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

Content Security Policy is a W3D draft aiming to prevent the exploitation of XSS vulnerabilities. It prevents the execution of JavaScript that is directly embedded into HTML code via an inline script element, on-attributes and javascript:-urls. Only external javascript files from a whitelisted domain are executed.

CSP is supported by Firefox since version 4.0 and by the current development versions of webkit. Event the Internet Explorer 10 preview has basic support for CSP.

The main usecsae of CKEditor is to allow users to edit HTML code, which causes a non zero risk of XSS vulnerabilities in either CKEditor itself or the surrounding website. CSP support would be very helpful to mitigate these risks.

Steps to reproduce

1. Create a website which uses CKEditor
2. Add the following HTTP-Response header. In PHP this is done using the "header" function: X-Content-Security-Policy: default-src 'self'
3. Open the page in Firefox > 4.0

Expected Result

CKEditor should work, assuming that it was installed on the same domain as the webpage.

The Firebug extension for Firefox is very helpful because it will list all the violations of the CSP.

To reproduce the defect:

1. Insert a table with First Row as Headers and default values for Rows & Columns.

2. Enter c & d as the values for the cells in the first row.

3. Split the last cell in the first row vertically.

4. See that rowspan=2 applied to all the cells except last cell in first row.

5. Keep cursor in first table cell & select the row by clicking on tr tag in elements path bar.

6. See that first row is selected. Use Ctrl+C to copy the row

7. Move the cursor to a different table row and use Ctrl+V to paste the content.

Issue: Table row data is pasted as text into a single cell

This is using ajax but not the MS update panel, I am using the Telerik RadAjaxPanel.

I have added a check to see if it is a RadAjaxPanel and it works now.

Fix:

if (con.GetType() == updatePanel || con.GetType().FullName == "Telerik.Web.UI.RadAjaxPanel")

docprops.js creates a hash table of meta elements, keyed by the name converted to lower case. However, there are several cases of tests such as:

name in hash

which fail if the meta element name is not all in lower case. Fix is to replace several occurrences of the above with:

name.toLowerCase() in hash

Also in setupMeta:

result = ( name.toLowerCase() in hash ) ? hash[ name.toLowerCase() ].getAttribute( 'content' ) || '' : '';

The below description summarizes first 11 comments.

@Nickholt has extended docProps dialog with extra meta tags values. He copied the code that we use for standard values like ‘author‘ and to his surprise it didn’t work for attributes with values like meta name="THIS.Is.An.Upper.Case.Meta.Name. so he used toLowerCase() Method on name attribute.

Our code works and custom code is completely different story which makes this request rather invalid but I thought that perhaps we could make our code more flexible. Who knows if there won’t be a browser or a mobile tool that needs this change to display documents correctly.

Just a thought but perhaps fixing #8668 which to me may related will also fix this one.

Could you add line height option for ckediter. some time ,we nend adjust line height between lines.So I hope, It can support line height adjust option.

Steps to reproduce:

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

EXPECTED: the insertion point moves one character to the left

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

Descriptive summary: Unable to set 'focus' within the WYSIWYG editor on devices using Opera Mobile. Same issue also affects the default browser on Kindle devices (Silk).

Steps to reproduce:

1. Download/install the Opera Mobile emulator: ​http://www.opera.com/developer/tools/mobile/
2. Go to ckeditor.com/demo, and try to set focus/cursor within WYSIWYG editor (this fails - see attached file Image_1_WYSIWYG_Editor_NoFocus.JPG).
3. Click the 'Source' button of the editor (this succeeds - see attached file Image_2_Source_Editor_FocusOK.JPG).

Browser name and OS: Opera mobile / multiple OS

When using Mozilla Firefox (or at least version 9.0.1), when a DIV with absolute positioning is not the first thing you click inside the editor, then it becomes uneditable.

Paste this inside a CKEditor to re-create:

<div>1. Click me</div>
<div style="position:absolute;">2. now try to edit me</div>

I note that this works as expected in competing editors such as TinyMCE.

Juste create a table, type space into one of the cells and paste some text with carriage return into it. The text is pasted into the next cell.

If you're in the last cell of the table, the text is pasted just after the table.

This is reproducible with CKEditor demo

Hi,

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

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

Note: We have a valid license for the CKEditor.

Thank You, Siju Thomas.

On Firefox 8 on Windows 7:

steps to reproduce:

1. go to demo page
2. edit source and change it to "<p></p>"
3. stop editing source
4. focus on editor using the tab key (do not click on the editor)
5. type a single character

Expected: Just the character should be typed.

Actual: A newline spontaneously appears before the character, moving the character down.

Steps to reproduce:

1. Create a table (default values are fine)
2. Place the cursor in the first cell and click/drag to highlight the rest of the table
3. Paste the table in the editor

Expected result: The pasted table retains the width of the copied table

Actual result: The pasted table appears very small and has the minimum column width possible (screenshot attached)

Workaround: Copy the table by placing the cursor outside of the table when highlighting it. The table pastes properly this way.

The problem is reproducible on the ckeditor.com/demo application.

Add a table using the default options:

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

The split the first cell vertically (starting from CKEditor 4.5.0 Horizontally - #8024):

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

Then merge the first cell down:

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

It should revert to the original layout, i.e. the first set of html pasted, but instead the first row ends up with four table cells, and the second row ends up with just two.

• Open editor and clear all content
  
• Apply Formatted paragraph format
  
• Type some chars and hit Shift+Enter or Enter
  

Outcome: cursor jumps to the start of the current line and new line is added before this one.

Chrome Reproducible steps:

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

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

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

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

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

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

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

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

I have a document which is using style elements for bold, italics and underlines. eg:<span style="font-weight:bold">bold</span><span style="text-decoration:underline">underline</span>. I am not able to undo the styles using 'bold' and 'Italic' plugins. The issue is also with other plugins like 'underline' and 'strike through'

Under Windows, if I double-click on a word, the space after the word is also selected. If I then click on a button to add an underline, bold, link, etc. that trailing space will become underlined, part of the link, etc.

Normally, links, etc. should end at the end of the word.

Proposed solution: When creating a new element from a selection, trim trailing whitespace and re-add that space on the outside of the closing tag.

I tried to write a patch, but I am not familiar enough with the code base and was unable to find that place where new elements are created.

1. All browsers
2. Steps to reproduce:

• choose font style ( "bold" for example)
• type something
• then press Enter twice
• then move on the previous line, using mouse

Result: Bold font was reset Expected result: If any font style was chosen, it keeps still while typing. Screens are attached

Labels for all required fields on our dialogs should have an astrisk(*) and instructions for identifying required fields should be clearly labeled at the beginning of the form.

This is a failure of Accessibility Checkpoint 1.3.1

This is clearly documented in Examples of Success Criterion for 1.3.1

See links here.. ​http://www.w3.org/TR/2012/NOTE-UNDERSTANDING-WCAG20-20120103/content-structure-separation-programmatic.html

​http://www.w3.org/TR/WCAG20-TECHS/H44.html

1. Goto ckeditor.com/demo
2. Tap on 'Little'
3. Press the source button.

• set the enter mode to P or DIV
• set some style, for example bold to add span with class='bold'
• clean all text from the edited area
• press enter (<p><br></p> will be added)
• switch to bold
• write some text (you will have <p><br></p><p><span class='bold'>aa</span></p>)
• go to the 1st line
• press delete

the expected result is that you'll get <p><span class='bold'>aa</span></p>

but instead you get <p>aa</p>

I understand that this is a webkit bug, but unfortunately I guess that when they will fix the issue it will be with inline style instead of a class.. thanks

Ticket REF: 7320-RYDC-2204

Would be nice to have a plug-in available to draw tables like in Office Word.

The Main advantage of using this way with standard height and width is, user may not be confused to insert the table. With the current plug-in have great and more features , but may leads to confuse the user also.

To reproduce paste in the below code: 1.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
	<head><!-- Facebook sharing information tags -->
		<meta content=" " property="og:title">
		<title></title>		
	</head>
	<body leftmargin="0" marginheight="0" marginwidth="0" offset="0" topmargin="0">
		<table border="0" cellpadding="20" cellspacing="0" width="100%">
			<tbody>
				<tr>
					<td valign="top"><!--Begin Module Standard Content-->
							<h1 class="h1">Heading 1</h1>
							<h2 class="h2">Heading 2</h2>
							mollis a.
					</td>
				</tr>
			</tbody>
		</table>				
	</body>
</html>

2. Try to apply font-size or font color to text in heading one
3. Because of the comment above there will be no change and result will look like

   <span id="cke_bm_111S" style="display: none;">&nbsp;</span>Heading 1<span id="cke_bm_111E" style="display: none;">&nbsp;</span></h1>
   

I'm creating a custom dialog where I'm setting the value of a text area

var el = dialog.getContentElement('tab1','description');

el.setValue(result.datastylesheet?,true);

Will always detect that the value of the element has changed. Per the documentation the noChangeEvent parameter should either trigger the change event or not. It seems to be firing the event regardless

With following code div properties don't show up in context menu when right clicking on image

<table>
	<tbody>
		<tr>
			<td>
				<div class="test">
					<img alt="a" src="http://a.cksource.com/c/1/inc/gfx/logo.png" /></div>
			</td>
		</tr>
	</tbody>
</table>

In addition selection path updates to reflect image has been selected. In #8445 without the div this doesn't happen. It would seem dialog.getSelectedElement() skips first child of td.

<table>
	<tbody>
		<tr>
			<td>
				<img alt="Silva.jpg" src="/images/Silva.jpg" style="width: 100px; height: 133px;" /></td>
		</tr>
	</tbody>
</table>

Assume you have the following content within the ckeditor:

    <p>This is</p>
    <p>[anchor] an anchor</p>

Where [anchor] is the anchor placeholder.

Placing the cursor at the end of the first paragraph and hitting the DELETE key causes the anchor to be removed whereas I would expect that the second paragraph would be merged into the first paragraph and the anchor retained. [IE9 and FF10]

Placing the cursor at the beginning of the second paragraph, and hitting the BACKSPACE key also removes the anchor. [IE9]

This seems to work as expected on Chrome (WebKit).

I tried this on the following nightly build sample, and it still seems to be an issue: ​http://nightly.ckeditor.com/7385/_samples/replacebyclass.html

Incidentally, hitting the ENTER key immediately before an anchor on this nightly build seems to cause the anchor to get vertically squished (see screenshot).

in 3.6.2 with IE8 _samples\enterkey.html

When Enter is pressed: Break the line with a <BR>

In editor, CTRL+A to select all text, and CTRL+C to copy. Then with the selection remains, just paste on the selection.

The IE8 shows the javascript error: Line 130, invalid parameter

In BR mode, and tab size = 9. To reproduce :

• Write some words.
• Change the font and size of these words.
• After the last word, push tab key. If you enter some text, the font and size are lost

To Reproduce:

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

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

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

To Reproduce:

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

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

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

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

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

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

Go to CKE demo. Insert a table. Attempt to select the cells to do something, like change background color. There is no visual indication of what cells are selected.

Sorry if the title isn't very descriptive, but here is the issue. If I add a <div> tag to the document, then hit enter/return, it creates a new <div> tag even though the default block element is a <p> tag. This is a major problem for clients when they copy/paste content that may have a stray <div> tag. If they paste something with a <div> tag, then start typing new text after that, the <div> tag hijacks the current block level element being used and there is no way to return to it without editing the source.

Personally I have an issue with this because it does not allow me to insert a custom <div> tag around, lets say, an image. I'd like to create something such as:

Expected: <p>text</p> <div class="figure"><img src=... /></div> <p>text</p>

Actual <p>text</p> <div class="figure"><img src=... /></div> <div class="figure">text</div>

Lastly, you may wonder why I'm adding a div with the class of "figure", well, because CKeditor does not recognize the <figure> element.

Expected behavior:

<p> tags should be the default block level element _always_. Regardless of what was preceding it. Hitting return/enter should use that default block element, not continue to use the previous block element. Ideally it would recognize <figure> as well. I'd like to be able to insert a <figure> element containing an image, hit return, then start typing text into a <p> tag, not a <div> or <figure> tag containing text. HTML5 support was added to a recent version, but apparently someone forgot about the <figure> tag.

In chrome (on windows) the markup is cleared when using the native spellchecker. Bug found in version 3.6.2 and 3.6.3.

To reproduce:

• Go to demo in ckeditor.com
• through the javasscript console make a new editor with native spellchecker enabled:

  CKEDITOR.config.disableNativeSpellChecker = false;
  CKEDITOR.appendTo('demoInside', { height: 300 });
  

• in source view paste the following:

  <span style="font-size:22px;">This line contains a missepled word<br />
  <br />
  This is the second line</span><br />
  

CTRL-right click the misspelled word ('missepled') and choose a suggestion. You will see the 2nd line come up a little already. Go the the end of the line (press "END") en press ENTER and type some new words. The markup off the new words is lost.

If you copy an image on iOS (5.1 tested), it looks like its working, but if you show the source it shows: <img src="webkit-fake-url://749E63E5-2740-41C0-BACB-512E6198931E/imagejpeg" /></p>

No one Else can see this image...

Is it possible to paste it as URI image? See: ​http://en.wikipedia.org/wiki/Data_URI_scheme

​http://php.net/manual/en/function.htmlentities.php Like htmlspecialchars(), htmlentities() takes an optional third argument encoding which defines encoding used in conversion. If omitted, the default value for this argument is ISO-8859-1 in versions of PHP prior to 5.4.0, and UTF-8 from PHP 5.4.0 onwards. Although this argument is technically optional, you are highly encouraged to specify the correct value for your code.

In case of PHP 5.4 environment htmlspecialchars() will return an empty string when supplied with a text in non-default encoding (UTF-8) and no exact encoding specified in third argument. So you need to implement an ability to pass text encoding name to editor() method somehow.

Similar to the (now closed) ticket #8689, IE9 crashes with an "A problem displaying caused Internet Explorer to refresh the webpage using compatibility View" error on clicking in the editor area, when you have an empty textarea and a stylesheet in contentsCss that contains a clearfix for <p>:

p::after {

clear: both; display: block; height: 0; visibility: hidden; content: ".";

}

Commenting out the line 'content: ".";' IE doesn't crash anymore (but the clearfix won't work either).

Other browsers don't show this problem (Opera, FF, Safari, Chrome).

<span style="display: inline-block"><a href="/send-now"><img alt="Buy - Global Express" src="sites/default/files/media/buy_button.gif" /></a></span>

Paste the above HTML in source.

While using CK editor in IE, if we select the image and click on the link editor, it looses focus and link is inserted at the beginning of the HTML rather than at the image itself.

This is due to display: inline-block and happens only in IE. Please fix.

Scenario:

• I start typing
• I hit Ctrl-B (for bold) and type a word
• Then I hit it again (to stop typing in bold)
• Type a few more words
• Hit Ctrl-Z for undo

The cursors jumps at the beginning of the line. Furthermore, as I continue typing, further strange cursor jumps occur.

I'm using Ubuntu 11.10 64bit with Gnome 3. I can reproduce this in Chrome 18, not in Firefox 11.

When editing a HTML5 Boilerplate page (download a template here: ​http://github.com/h5bp/html5-boilerplate/zipball/v3.0.2; see template details here: ​http://html5boilerplate.com) the conditional comments between the doctype and <html> declaration [used by Modernizr for polyfill detection] are lost. Subsequent html comment blocks within the <html> tags are retained (although the formatting of these is sometimes changed.

Examples of the code before and after are shown in this forum post:: ​http://cksource.com/forums/viewtopic.php?f=11&t=25267&p=64818#p64818

I verified on the nightly build 3.6.4, downloaded 17 April 2012.

In IE8, unable to edit selected text with keyboard when the selection was finished by releasing the left-mouse button outside of the ckeditor box.

I was previously using 3.6.1, which worked fine for the most part, but in order to fix an issue that cropped up (support for ipads), we decided to upgrade to the latest version.

Using 3.6.3, i now receive the following error when the ckeditor tries to load:

Sys.ScriptLoadFailedException: The script ' http://localhost/idev/ckeditor/ckeditor.js?t=B8DJ5M3' failed to load. Check for: Inaccessible path. Script errors. (IE) Enable 'Display a notification about every script error' under advanced settings. Missing call to Sys.Application.notifyScriptLoaded().

My instance of ckEditor is located inside a div which is located inside an AJAX update panel. The div initially is set to be visible = false, as per the subject. It is toggled to be visible when a button is pushed. The js file is actually at that location as well.

Thinking this could be a problem/conflict with something else in my code, I made a very simple website which ONLY had a ckEditor contained in a div contained in an update panel.

<%@ Register Assembly="CKEditor.NET" Namespace="CKEditor.NET" TagPrefix="CKEditor" %>

<html xmlns=" http://www.w3.org/1999/xhtml"> <head runat="server">

    <title>Untitled Page</title>

</head>
<body>

    <form id="form1" runat="server">
	<div>
        <asp:ScriptManager ID="scriptManager1" runat="server" />

        <asp:UpdatePanel ID="upCk" runat="server" UpdateMode="Conditional"> 
			<ContentTemplate>
			
				<asp:Button ID="btnToggle" runat="server" Text="toggle" /> 
				
				<div id="divCk" runat="server" visible="false">
					<CKEditor:CKEditorControl ID="ckEdit" runat="server" />
				</div>
			
			</ContentTemplate>
		</asp:UpdatePanel>

    </div> 
	</form>

</body>
</html>

(the button simply toggles visibility and updates the updatePanel when clicked)

When divCk is set to initially be visible=true, ckEditor works perfectly. When divCk is set to initially be visible=false and the user toggles divCk's visibility by pressing the button, ckEditor does not load correctly, instead presenting the error mentioned above.

I've tested it in 3.6.2 and have the same problem, but, as noted, do not experience it in 3.6.1.

Am I missing some change to how we should load ckEditor post 3.6.1?

To reproduce the defect:

1. Open AJAX Sample, select a text color ( ex: red)

2. Start typing the text, see that text color(red) applied to entire text in the paragraph.

3. Keep cursor in the middle of the paragraph & select a different text color ( ex: green)

Issue: Red color that was applied to the text before was removed, only green color will apply to the text that was typed after the current cursor position

Same issue with Background Color

We expect the text color for the entire paragraph should stay red & green color should be applied to the text typed after current cursor position

Steps to reproduce the defect:

1. Open the Ajax sample in IE.
2. Create a new table with 3 rows and 3 columns.
3. Click into any of the cells in the table.
4. Click on tr in the elements path bar to select the entire table row.
5. Now click backspace.

Expected result: The entire row is deleted. (behaviour in FF)

Actual result: Only 1 cell in the row is deleted.

Create a list (numbered or item list) and then backspace to delete a list item. This splits the list instead of removing the list item.

Steps to reproduce the defect:

1. Hold Alt, Left Shift & PrintScreen to enable high contrast mode.
2. Open the Ajax sample in FF.
3. Type some text into the editor.
4. Click on the Find/Replace buttons in the toolbar to open the Find/Replace dialog.
5. Type some of the text that you previously entered into the editor into the Find field in the dialog.
6. Click the Find button.

Expected Result: The text that you are trying to find should become highlighted in the editor.

Actual Result: The text does not get highlighted. It only gets highlighted when you close the Find dialog.

Steps to recreate:

1. Insert a textfield with "blah" as value.
2. Edit the textfield and remove "blah".
3. It will still say "blah" in the WYSIWYG frame.

select a text and change its font size, text color and background color. Copy the selected text to the clipboard. Change position of cursor to new line and paste clipboard content via browser's tooltip. Pasted text should have the same formatting. Instead, the only formatting that is preserved is the text background.

OS: Windows 7 Professional SP1

Browser: IE

Version: 9

Scenario:

1. Switch to source mode
2. Insert this html:

<form action="/formHandler" class="hp-smartInsertForm" method="post">
	<fieldset>
		<p>
			Here you need to add link <a href="http://www.google.com?v=1" target="_self">http://www.google.com</a></p>
	</fieldset>
</form>

3. Switch back to WYSIWYG mode
4. Double click the link

Defect: Link editing dialog shown, but field for href is blank

Scenario 1 -

1. Create a table with 3 rows and 5 columns.
2. Enter some data in each row and column.
3. Add 2 more rows to the table.
4. Select row 1 & 2, copy the text using ctrl+c.
5. Now Select row 4 & 5 and paste the text using ctrl+v.

Actual Result: Row 4 & 5, will get merged as single row and Row 1 & 2 will be get pasted in a single row

Expected Result: The text in row 1 & 2 should be get copied to row 4 & 5 similar to what we see in ms-word

Scenario 2 -

1. Perform the first 4 steps as mentioned in scenario 1
2. Put the cursor in row 4 column 1
3. Press ctrl+v to paste the text

Actual Result: Row 1 & 2 will be get copied in row 4 column 1.

Expected Result: The text in row 1 & 2 should be get copied to row 4 & 5 similar to what we see in ms-word

Scenario 3 -

1. Perform the first 3 steps as mentioned in scenario 1
2. Select any single cell (Say Row 1 column 1)
3. Put the cursor in row 4 column 1
4. Press ctrl+v to paste the text

Actual Result: The text in the selected column will be get pasted in row 4 column 1 along with column border.

Expected result: Only the text in a column should be pasted and not the column border

Steps:

1. input multiple lines of text as pic1 in firefox.

2. ctrl + a to select all text, then make all selected text bold/underline/... as pic2.

3. select one line (such as the second line) to unbold the whole line of text as pic3.

4. place cursor at the end of second line and input "ab"

Expected result:

"ab" is not bold.

Actual result:

"ab" is bold.

Possible cause:

when style in firefox, br is included in "strong" tag as pic4 and when unstyle br is not removed with "strong" tag as pic5.

When tapping in the editor to enable the on screen keyboard and edit the text, as well as using the next / previous control on the key board the editor does not allow text to be added.

I have tested this with the latest release of CKEditor 3.6.3 as well as jquery.mobile-1.1 and jquery-1.6.4

When CK is instantiated with some kind of contents there is some kind of loop (I think it's on the parser) that locks the browser.

Tested with chrome and FF.

I attach a simple html with a test case that shows the behavior

Bullet a list of 6 items. Delete the fifth bullet item from the middle of the list. Back space to attempt to rejoin the remaining bullet items to the list. There is a wider space than expected between the last 2 items. The only way to get rid of this space is to un-bullet list and re-bullet.

I am using the CKEditor Demo ​http://ckeditor.com/demo on iOS 5.1.1

1. Select and Copy Text that already exists in edit.
2. Paste the text further down in the editor.
3. Focus cursor anywhere in the editor and tap twice to get the Select option menu.
4. Attempt to choose Select All, the cursor directs to the top of the text editor, but all of the content in the editor has not been selected.

I was using ​http://ckeditor.com/demo iOS 5.1.1

When I click on a "label" element the field that the label is defined for ("for" attribute) get focused so I cannot modify the label.

Affected : Firefox 12.0 on Linux, Chromium 18 on Linux, Safari 5.1.7 on Windows Works on : Internet Explorer 9 on Windows, Opera 11.62 on Windows.

1. Insert the following html:

<p>
	123456</p>
<pre>
123456
123456


</pre>
<p>
	123456</p>

Switch to WYSIWYG mode and move cursor after the "2" char in the first line of the pre block. Hit Shift+Enter. The new line will appear after the "5" char.

2. Html:

<pre>
123456
123456
123456
123456</pre>
<p>
	123456</p>

Switch to WYSIWYG mode and put cursor to the end of the second line of the pre block. Hit Shift+Enter. Cursor will appear at the start of the 4th line instead of the 3rd line. Toggle to source mode: note that line break disappeared.

0. Start an empty page
1. Select "normal" format and write some words
2. In new line select "heading 1" format and write some words
3. Select all and try to apply "normal" format

-> nothing changes Expected: Heading format is changed to "normal"

If the first line is a heading the format can be changed.

1. Add a new table (2x3)
2. Enter some text in all cells beside the last cell in the middle row

foo|bar|test foo|bar|<LEAVE THIS CELL EMPTY> foo|bar|test

3. Select all
4. Apply style heading 1

--> The Empty cell is removed (TD is lost). It's now impossible to enter some text in this cell.

Happens in IE9.

Repro:

• go to ​http://ckeditor.com/demo
• select and remove all of the text
• type "A" [shift-enter] "-123" [shift-enter] "B" [shift-enter] "C"
• position the cursor between the "-" and the "1"
• type [shift-enter]

Result: A -1 23 B C

Expected Result: A - 123 B C

Using iOS5.1 on the iPad.

In any CKEditor instance, when clicking the Browse Server button CKFinder opens in a new Tab.

1. The "Upload" button is missing and should be next to the "Refresh" button. I understand this is because of lack of iOS support of input type=file.

2. When you try to choose a file to link to via the context menu drop down (push the down arrow in the upper left corner of the thumbnail), you can Delete, View, Resize and Rename but you cannot Select or Download.

• IN IE9 go to ​​http://nightly.ckeditor.com/7478/_samples/enterkey.html and switch to the ENTER_BR setting.
• add a line of text at the end of the document
• select the entire line (with the mouse of by keyboard) and make the text bold, it doesn't work.

Only when applying the formatting for the second time it does work.

The same occurs with Underline and Italic formatting. When doing this on a specifiek word in the line the problem does not occur.

The problem might have something to do with this issue: ​https://dev.ckeditor.com/ticket/6706

In FF, go to CKEditor demo. Go to Source view. Ctrl-a, then paste the attached html into Source View. Go to non-source view. Press page down key. Keep pressing. About two-thirds of the way down, page down will get stuck.

Follow this simple steps:

1. create a table with 3 rows, 3 columns.
2. merge the first two cells in the first row.
3. veritical split the last cell(the cell after the merged cell) in the first row.

The table structure becomes messy after the third step.
The bug is in "tabletools/plugin.js", cellInRow function. Developer should avoid adding duplicate cells, similar with "cellInCol".

Steps to Reproduce

1. Paste the following into "Source" view:

   <p id="TEST" class="headerInfo">Text</p>
   

2. Leave Source view and highlight "text".
3. Click the "Insert/Remove Bulleted List" button to apply the ul/li formatting
4. Click the "Insert/Remove Bulleted List" button again to remove the ul/li
5. Review "Source" view of html

Expected Result

<p id="TEST" class="headerInfo">Text</p>

Actual Result

<p class="headerInfo">Text</p>

When I write some text in the editor and click the back button in the browser, and then when I click the forward button - the text isn't in the editor. This is in all browsers. It is working in TinyMCE. I'm not sure if this is a Bug or a New Feature.

In IE9, (in WYSIWYG mode)

Inside a <p> tag:

Creating a few lines of text separated with <br /> (shift+enter in default cfg) and then selecting one of those lines using arrow keys

now if i open the link dialog box and fill in an url and press OK, no link is created.

Alternatively, if not the whole line is selected but only a word, then a link may get created but its text will be the same as the URL instead of the selected word.

This bug is reproducible in the online demo at ​http://ckeditor.com/demo

This bug seems to have come and gone a few times before: ​http://dev.ckeditor.com/ticket/8132

/Ola

Create a table in ckeditor. Make first row as header. Now select multiple rows of a column along with thead. Apply any cell property, all the selected cells get converted to thead.

When javascript code is inserted in source mode in the middle of html code and it has spaces in the closing script tag, rendering in display mode fails.

i.e. <script>alert("hello world!");< / script>

To reproduce:

1) Using Apple Mail, copy a fragment of text with a couple of paragraphs of text 2) Paste it in coeditor (for example, in the demo: ​http://ckeditor.com/demo)

Only the first paragraph is pasted.

It doesn't happen in Chrome.

I am getting script errors 1003 and 5009 when building an application on IE 9. I am using ExtJS 4, Ext Direct and jQuery. The application work fine on Chrome and Firefox. The application works just fine when I remove the loading of CKEditor. The script errors appear to be in Ext

Insert a table in the editor, insert another table after an empty line:

table

(empty line)

table

It is not possible to remove the line between the two tables.