Custom Query

Currently, styles can be like this:
[

{name: 'myP1', element: 'p', attributes: {'class': 'class1'}},
{name: 'myP2', element: 'p', attributes: {'class': 'class2'}}

]);

Problem 1: it is not possible to apply both classes. When a class is applied, the other is removed...

Problem 2: when applying myP1 or myP2 to a H2, H2 will be turned into a P. I would like something like this: [

{name: 'myBlock1', element: '#', attributes: {'class': 'class1'}},
{name: 'myP2', element: 'p', attributes: {'class': 'class2'}}

]);

Style myBlock1 could be applied to any block without changing its tag.
Actually, CKEditor's code seems to provide a wildcard # to target any block element but it does not seem to work as expected.

1. go to ckeditor.com/demo
2. set the 'source' to

   <p>
   	<a href="foo">I am a link</a></p>
   

3. return to wysiwyg mode
4. place the cursor immediately before the 'l' in 'link'
5. press enter
6. press backspace
7. view source

[expected]: The source is relatively unaltered: there's only one link.

[actual] there are two links:

<p>
	<a href="foo">I am a </a><a href="foo">link</a></p>

Some more info: Pressing 'enter' the first time breaks the links apart. I would consider this a bug, but the behavior is somewhat reasonable. Pressing 'backspace' removes the break and the links are now adjacent. The expected behavior here is that the links have rejoined, since the "backspace" logically has undone the action of pressing "enter".

This bug was discovered as a user attempted to manipulate some copy-pasted song lyrics. Here's an excerpt of the source that was generated by the paste:

<p>
    Big wheels keep on turning,<br />
    carry me home to see my kin<br />
    singing songs about the southland.<br />
    I miss ole bamy once again and I think it&#39;s a sin.<br />
    Well, I heard Mister Young sing about her.<br />
    Well, I heard ole Neil put her down.<br /></p> 

Steps:

1. go to ckeditor.com/demo
2. set the source to the code snippet above
3. return to wysiwyg mode

now...

In Firefox:

1. Go to the end of the Nth line (where N > 1)
2. Hit Enter
3. Hit Backspace
4. Hit Shift + Enter
5. [Bug] Watch first line disappear and cursor jump to top

In Chrome:

1. Go to the end of the Nth line (where N > 1)
2. Hit Enter
3. Hit Backspace
4. Hit Shift + Enter
5. You are now unable to get rid of your newly created paragraphs

I wrote a CKEditor plugin and used CKPackager to create a new ckeditor.js. This new file had some javascript errors. This happened, because the CKPackager broke a code snippet when it tried to minify this snippet. I added a unit test to the test.js:
[ "function(){var a;delete a;}" ]
This test fails, too. The result of this test is
"function(){var a;delete a.a;}"

Now I always have to fix this manually in the created ckeditor.js. Would be great, if this could be fixed.

Thanks in advance.

Greets, Marc

It is sometimes very confortible to have a prepared config file where You could see all the available configuration (commented out) and its documentation without having to go online and search what configuration parts are worth to be added to some particular project (it takes less time to go through config text file).

I have made such sample configuration file and would like to suggest to add it to the project. It is based on the official documentation and at the moment - up to date. In the first usage examples I have placed default values instead of writting them seperately.

This sample/tool/wizard should allow the user to test the behavior of as much config options as possible and get the js code that he needs to use for use it in his implementation.

Proposed in ​http://dev.ckeditor.com/ticket/5998#comment:8

Steps to Reproduce: -Look at the demo page -look at the top right of the hidden field icon

The white space above and to the right should be made transparent

In Webkit, element.tabIndex usually returns -1 for elements that can't be focused on, and 0 for elements that can. However, Webkit also (incorrectly) returns 0 for the tabIndex of <fieldset> and <legend> elements, despite the fact that calling .focus() on a <fieldset> or a <legend> has no effect.

The fallout of this from CKEditor's perspective is that if you have the following structure:

<form>

<textarea class="ckeditor" name="wysiwyg"> </textarea> <!-- possibly other content, all of which has tabIndex of -1 --> <fieldset>

<input type="text" name="other_input" />

</fieldset>

</form>

then when you try to use the tab key to navigate from the wysiwyg element to the other_input element, you'll appear to get "stuck" inside the wysiwyg element. What happens is that the tab plugin sees that the <fieldset> appears to have a tabindex of 0, and hence calls the fieldset's .focus() method instead of the other_input's .focus() method.

I've confirmed this both in 3.3.1 and trunk. Attached is a page (intended to be put in the _samples/ directory) upon which this bug can be seen.

My first suggestion is to patch core/dom/element.js to specifically check the tabIndex attribute (which doesn't appear to be bugged) for <fieldset> and <legend> elements. I guess that's a bit of a hack, since someone -could- wish to assign element.tabIndex directly from JavaScript - but I've no idea how to handle that cleanly.

Any better ideas? Patch attached just in case that really is the best way.

I've worked around this in my own code by monkey patching getTabIndex from core/dom/element.js to just always return -1 for <fieldset> and <legend> elements. Not pretty, but fine for the site that I'm working on at the moment.

Naturally I've reported this to Webkit. See ​https://bugs.webkit.org/show_bug.cgi?id=42765

Hello,

I've written a php connector which will use ftp nstead of file system commands. Right now, only php5 is supported, because i use my own created FTPStandalone class.

Setup is quite easy You need only to add the following config in ckfinder config.php

$configFTP? = array(

"ip" => "127.0.0.1", "port" => "21", "user" => "username", "pass" => "password", "path" => "The/Path/From/FTP_HOME/To/baseurl"

);

port is optional, if not set, port 21 will be used path example webserver document root: /var/www/vhosts/domain.de/httpdocs

base path for uploading: /uploads/files/ckfinder

complete path: /var/www/vhosts/domain.de/httpdocs/uploads/files/ckfinder

ftp homedir (complete path) /var/www/vhosts/domain.de/

so the path configuration should be: $configFTP?path? = "/httpdocs/";

this example is based on parallels plesk

feel free to tell me if you like it or what i could do better.

Steps to reproduce

• Insert the following html to source and place the caret at the marked place:

  <ul>
  	<li>
  		It^em
  		<ul>
  			<li>Sub-item</li>
  		</ul>
  	</li>
  </ul>
  

• Move two times with the right arrow key.

Notice that the second time, the caret is placed in the beginning of the sub item and not the end of the first item as expected.

CKLangtool works only with single quotes, it is causing problems like this one: #6038.

• Open a sample.
• Type 'aaaa'.
• Open the find dialog, check Match whole word.
• Search for 'a'.

A JS error is thrown.

With WebKit browsers, the dialog tabs get highlighted when we click on them or when hitting CTRL+10 to keyboard navigate them. This can be even considered a feature.

The problem is that the highlight border appears partially covered by other tabs, because of their default z-order.

We should have it in a way that the active tab moves to the top, so the border appears entirely.

With the Arabic language, it's possible to note that something went wrong with the "1%" marker of that localization entry.

I've build a couple custom plugins now and keep running into the problem that the windows never seem to stretch to accomodate the content. Thus I have to very carefully set the minWidth correctly in the dialog definition.

I thought this was my fault until I came to the templates dialog. In SVN, the templates container is also not wide enough for the contents. To replicate, pop open IE in quirks and open the templates dialog.

There are two possible fixes for this (or both): 1) Define the templates dialog as being bigger 2) Rollback #4863 - if you change dialog.css .cke_skin_kama .cke_browser_iequirks .cke_dialog_page_contents and set position = relative (or just remove it)...the dialogs will accomodate the content better.

There might be another fix which is making the templates scroll contents better styled, because right now it looks like there is excessive whitespace in there serving no purpose. But even when I managed to make that box smaller, the intro text above it still runs over. Thoughts?

With any file manager when I click the "Browse server" button ckeditor opens a new window/popup . I want ckeditor to allow me to open the filemanager in a "fake" popup like the one that are created from javascript. I'm developing an application using extjs and I would like to be able to open a filemanager in a window created by extjs.

I thought the easiest way to do this is to modify the filebrowser plugin to make it call a function instead of opening the "url" in a popup. then that function will call whatever extjs code I would need to create the window.

I made this simple modification to the filebrowser plugin and it would be nice if it could be integrated in future versions as it would be easier to mange the updates and I think others might benefit from it too.

the attached patch is for ckeditor 3.3.1

• Load the following html and place the caret as marked:

  <ol><li>Lorem ^ipsum</li></ol>
  

• Click on the Page break icon.

Notice that the item is splitted into two different items.

As in object. Thank you very much.

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

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

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

From ​http://cksource.com/forums/viewtopic.php?f=11&t=19714

1. Open IE and go to CKEditor demo: ​http://ckeditor.com/demo
2. Paste this HTML code into source view

   <p>
   <a href="#" onclick="window.open('http://www.anydomain.test','windowname','width=320,height=240'); return false"><font size="2">wordinsidelink1 wordinsidelink2 wordinsidelink3 wordinsidelink4</font></a></p>
   

3. Turn on the spell checker
4. Switch between HTML and design views to see the code changes

When the spell checker checks the document, it apparently splits the font tag in the following way: word1 and its font tag is enclosed inside the misspell span. I.E. <span class="scayt-misspell"><font>word, then the following three words are <font><span class="scayt-misspell" id="thisone">word

Works fine in FF. Hope that helps describe the problem well enough!

When having a larger document, the SpellChecker dialog becomes useless. I have tried editing the following document in CKEditor:

​http://en.wikipedia.org/w/index.php?title=Black_hole&printable=yes

and after opening the "SpellChecker" dialog (with the "Check Spelling" button), after I clicked "Finish Checking" button inside of the dialog, it didn't close in a reasonable amount of time (it took almost 9 minutes, I have pretty fast internet connection). I have tested it in IE8.

To reproduce load the attached HTML source and use WSC.

I have no idea how spell checker works, but it looks like the problem is that the data is sent in a really small chunks, thus checking the whole document requires hundreds of HTTP requests.

There is one more thing that I do not understand here: I have pressed the "Check Spelling" button, I did not change anything in the dialog and just pressed the "Finish Checking" button. Why is it taking so long if I did not change the document at all?

If it really has to take a lot of time, we could at least display an estimated time required to finish processing, because it is definitely not obvious that this operation may take so long.

When I attempt to move a textarea (turned into a CKEditor) using the jQuery-UI framework, the moved textarea freezes up and doesn't allow any editing. I have attached a file that demonstrates this issue and I really hope there is some temporary workaround!

In MS Word, Google Docs, etc if you type in:

• Some Text

The editor automatically creates a bulleted list. This is very helpful to users because it's fast and doesn't require the user to stop their train of thought.

If CKEDITOR had this it'd be huge.

To reproduce the defect:

1. set enterMode = CKEDITOR.ENTER_BR in the config option.

2. Open Ajax sample. Type some text.

3. Press Enter at the end of the line.

Expected Result:

New line is created and cursor is shown in the new line.

Actual Result:

New line is created but Cursor is shown in the same line from where we have pressed Enter.

Cursor will move to Correct line only when user starts typing the text.

Tested in IE 6&7

One of the complaints I get from a lot of people who use the program is that they cannot tell if their file is uploading. (I mean I can tell, but it's not user friendly). We often upload large flash videos or pictures to the server and this can take several seconds.

The problem is that the window never gives any notification of the upload. It should at the very least provide a message saying "Your file is being uploaded". At best, it would be more AJAXy and offer a progress bar (Although I understand the complications with that).

This problem is probably even more present for internet users who have slower connections. My current solution is to hack the file browser plugin. Before it starts the upload, I popup a window (Using a timeout) with a simple gif. I save the reference on the element, then when the URL comes back, I look for a saved window and close it.

This feature could be as basic or as advanced as you guys want, but I think it'd really make the filebrowser more informative in that regard.

To reproduce the defect:

1. Open any sample except Ajax.

2. with out keeping the cursor in editor body try to select a Font(ex:Georgia).

Expected Result:

see that font is selected and shown in Font Name drop down list.

Actual Result:

Font selection goes back to empty by itself

3. select the font type again. (I am able to select the font this time).

4. Change font size to 22.

5. Click on Bold button & notice that the button doesn't has any effect.

6. Click on Underline button & notice that the button doesn't has any effect.

7. Start typing some text.

Expected Result:

see that text has font Georgia and Size 22 ad should be Bold and Underlined.

Actual Result:

See that Types text has only Underline applied and no Font Name, Font Size or Bold formatting applied.

Tested against IE 6 ,7 & 8.

To reproduce this defect in Ajax sample, type some text,Remove the Editor,Click on Create Editor again & follow steps 1 to 7 and you will see the same behavior.

I'm using fakeobjects in a custom plugin. This plugin creates a div element, which is inserted as a fake element in the editor.

Problem is that the fake element is an image, so using 'editor.insertElement()' function inserts the element inside a paragraph, when it should be inserted outside the currently selected element.

With CKEditor v3.4b, Windows 7, IE8 or FF3.6 or Chrome 5. Suppose you use the following styleset

{ name : 'normal', element : 'p' },
{ name : 'normal/red', element : 'p' , attributes: { "class": "red" }}

Select the "normal/red" style with the help of the combobox. After that move the cursor away, and then click on the previously modified paragraph again. Now the combobox will select the "normal" and not the "normal/red".

It seems as if CKEditor selects the first style that matches the HTML element, not regarding the class name.

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

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

The width of the toolbar comboboxes (style, format, fontsize, etc.) should be configurable. Most of the time the name of the selected item is abbreviated and cannot be read.

There is no need for adjusting the width to the combobox content. Being able to set the width manually is fine.

Michael

I have created a custom template and added it to the list of templates. It outputs a generic embedded audio file using an object and embed tag. However, in IE6 and IE7, when the markup is placed into the editor, the embed tag and all but one of the param tags are stripped out. It seems to only way to get this to not happen is to set the embed type to "application/x-shockwave-flash". So, in essence, this bug does not occur for embedded flash content.

Here is the markup added to the templates list:

<object id="audio" width="0" height="0"><param name="console" value="AudioPlayer" /><param name="controls" value="audioWindow" /><param name="autostart" value="true" /><param name="src" value="YOUR_AUDIO_FILENAME_HERE" /><embed name="audio" width="0" height="0" src="YOUR_AUDIO_FILENAME_HERE" console="AudioPlayer" controls="audioWindow" autostart="true" /></object>

In IE6 and IE7, the result added to the editor is:

<object id="audio" width="0" height="0"><param name="console" value="AudioPlayer" /></object>

I have tried with many different variations of the object, param and embed attributes all with the same result. However, I can cut/paste the code into the editor and it is not stripped out so it seems to be somehow related to the template functionality.

"li" elements which are not nested inside of a "ul", and inside of 3 levels or more of tags, cause the parser/cleaner to duplicate the HTML multiple times (sometimes hanging the browser).

"li" without "ul" is bad HTML, but the handling of the problem with the HTML is a difficulty.

Try pasting this code into source view:

<table> <tr> <td> ABC <table> <tr> <td> XYZ <table> <tr> <td> 123 <li>Hi</li><li>Hello</li><li>Hola</li> </td> </tr> </table> </td> </tr> </table> </td></tr></table>

Then switch back to WYSIWYG view. Anything of this format causes the HTML to duplicate itself several times.

I've got a problem with unordered / numbered lists with IE8 on WindowsXP.

• Create an unordered list with some items.
• Now try to get one item to the upper line with the "delete"-key.
• This will not work.
• If you try the "backspace"-key on the line that should be added to the item above you got an inconsistent list, because the </li>-Tag of the upper line will not disappear.

This error is not in Firefox3 (WinXP), but IE8 (Windows7)

This is also the case in ​http://ckeditor.com/demo/

only in ie : user types code to generate flash:

<object class="holiday-logo"
                classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
                height="68" width="300">
            <param name="movie"
                   value="http://img01.taobaocdn.com/tps/i1/T12MVIXfVNXXXXXXXX.swf"/>
            <param name="wmode" value="transparent"/>
            <object class="holiday-logo"
                    data="http://img01.taobaocdn.com/tps/i1/T12MVIXfVNXXXXXXXX.swf"
                    height="68" name="holiday-logo"
                    type="application/x-shockwave-flash"
                    width="300">
                <param name="wmode"
                       value="transparent"/>
                <a href="http://www.taobao.com/"
                   style="height: 43px; margin-left: 56px;" target="_top">
                    淘宝网
                    <img alt="淘宝网" height="110" src="http://www.taobao.com/"
                         title="Taobao.com - 阿里巴巴旗下网站" width="167"/>
                </a>
            </object>
        </object>

ckeditor transforms it to a img in wysiwyg mode ,but when you click fake img,the pop up dialog's url(源文件) field is empty ,ckeditor should read inner object element's data attribute .

I receive the following error when trying to destroy a CKeditor 3.4 instance using a plugin :

Uncaught exception: TypeError: Cannot convert 'K' to object
Error thrown at line 92, column 1741 in <anonymous function: getSnapshotData>():
    return K.getFrameDocument().getBody().getHtml();
called from line 114, column 4746 in <anonymous function: init>(o):
    o.data=l(n).getSnapshotData();
called via Function.prototype.call() from line 6, column 3258 in <anonymous function: on>(o, p, q, r):
    var s={name:d,sender:this,editor:o,data:p,listenerData:g,stop:q,cancel:r,removeListener:function(){l.removeListener(d,e);}};
called via Function.prototype.call() from line 6, column 4027 in <anonymous function: fire>(h, i, j):
    d=f=false;
called via Function.prototype.call() from unknown location in <anonymous function: fire>(b, c):
    /* no source available */
called from line 24, column 4875 in <anonymous function: getSnapshot>():
    var l=this.fire('getSnapshot');
called from line 87, column 1760 in <anonymous function: j.undo.Image>(r):
    var s=r.getSnapshot(),t=s&&r.getSelection();
called from line 88, column 831 in <anonymous function: save>(r, s, t):
    s=new l(v.editor);
called from line 87, column 277 in v(w):
    s.save();
called via Function.prototype.call() from line 6, column 3258 in <anonymous function: on>(o, p, q, r):
    var s={name:d,sender:this,editor:o,data:p,listenerData:g,stop:q,cancel:r,removeListener:function(){l.removeListener(d,e);}};

I guess that CKeditor's snapshot attempt is being fired after the editor has been destroyed? I have attached a small test plugin to make it easy to reproduce. The error was caught using Opera. The editor does destroy but the error message means not cleanly at a guess.

Firebug is breaking on t.getNative().createRange is not a function Line 118 in ckeditor.js as soon as the image plugin is opened by clicking on the toolbar icon for the image plugin.

Reproduce : Firefox with firebug installed, script tab enabled and open. Visit ​http://ckeditor.com/demo and monitor the script tab. Press the blue play button in firebug to skip through the first _gat is not defined error (That's the standard bad js google offer you for tracking and nothing to do with this bug,) Now click on the Image plugin icon in the CKEditor instance in the demo. You will see this reported bug. Then stepping through that one, the next is : x is undefined Line 118 and then finally : ae[ag] is undefined Line 94.

So really, it's three bugs but they all stem from the same place and can be stepped through as described above. All three undefined.

When using common PC mouse with Apple Mac right mouse click on underlined word doesn't show SCAYT context menu.

​http://docs.cksource.com/CKEditor_3.x/Developers_Guide/Toolbar

['BidiLtr' 'BidiRtl'],

Should be :

['BidiLtr', 'BidiRtl'],

Missing comma.

​http://ckeditor.com/demo

if content selected contains a table ,then apply list format ,the table will change to be first in content.

1. Insert line of text
2. Insert a table
3. Insert some text below the table.
4. Select all
5. Press "bullet list" button

Hello!

Someone suggested I add a ticket for an updated plugin made in 2006 for FCK.

The plugin adds a Preview button that POST's the currently edited html to an user-specified URL, where one could add a layout, replace template vars etc, in order to preview the page as it would look.

You can find the code here: ​http://cksource.com/forums/viewtopic.php?t=18603 or attached.

I've attached some screenshots with the crash and the error log.

Here an example of the code I used:

	<iframe src="fullpage.html" height="550" width="800"></iframe>

	<iframe src="fullpage.html" height="550" width="800"></iframe>

	<iframe src="fullpage.html" height="550" width="800"></iframe>

	<iframe src="fullpage.html" height="550" width="800"></iframe>

	<iframe src="fullpage.html" height="550" width="800"></iframe>

	<iframe src="fullpage.html" height="550" width="800"></iframe>

	<iframe src="fullpage.html" height="550" width="800"></iframe>

	<iframe src="fullpage.html" height="550" width="800"></iframe>

CKEditor has some problem with delete cells in tables. After delete any cell, table layout is incorrect. In my opinion we should remove option 'delete cells' (many editors working like that example Excel - only allow to remove row or column, no single cell) or after this action do colspan or rowspan to keep table layout stable.

Confirmed in IE7 @ Win XP.

When having a table in the article, the content above it is not properly handled by CKEditor. For example:

• when clicking on a link, the "Unlink" button is not available in the toolbar
• when clicking on the first paragraph, the following buttons are not selected: "Left Justify", "Text direction from left to right"

To reproduce, paste the following source in source mode:

<p>
	First line</p>
<p>
	<a href="http://www.google.com">http://www.google.com</a></p>
<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>

and switch to wysiwyg mode. Click on a link, result: the "Unlink" button is not available and "Left Justify" is not selected.

Note: you'll not be able to reproduce this issue if you don't switch to source mode first (so, when creating the same content manually, everything will work as expected... until you switch to source mode for a while).

Looks like a regression introduced in 3.2.1.

Table cells need the ability to set the border-top, border-bottom, border-left and border-right properties so that you can set the border width, color and type as desired for each cell. In particular, it is currently not possible to set the border-top for one cell to none.

It would also be helpful to be able to set a style and class tags for a cell like you do on the advanced tab of the table properties page.

In general, it would be great to have an advanced tab for cell properties allowing you to set more things for each cell.

In the old fckeditor I could enter the following (incorrect) HTML code in source mode:

<li>item one</li>
<li>item two</li>

When I toggled / switched back to wysiwyg mode fckeditor would realize I was trying to make a list and automatically append the proper UL tag around my list items like so:

<ul>
   <li>item one</li>
   <li>item two</li>
</ul>

I've noticed that ckeditor 3.3.2 does not automatically detect that I'm trying to create a list and not only does it not add in the ul tags but instead creates new lines (more and more of them) every time I toggle from source to wysiwyg like so: First toggle:

<p>&nbsp;</p>
<p>
<li>
	item one</li>
</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>
<li>
	item two</li>
</p>

Second toggle:

<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>
<li>
	item one</li>
</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>
<li>
	item two</li>
</p>
<p>&nbsp;</p>

Making the problem worse each time.

The problem is more pronounced if I forget to put in wrapping ul/ol AND also forget closing li tags. So for example if I put this into source:

<li>item one
<li>item two

When I toggle out and back into source I now lose my first item completely and see this in source:

Code: Select all

<p>&nbsp;</p>
<p>
<li>
   two</li>
</p>

I realize users shouldn't be putting in bad list HTML code, but it seems unfortunate that the old version of the editor was able to handle this situation and the new editor makes a mess of it

I've posted about this issue in the forums here: ​http://cksource.com/forums/viewtopic.php?f=11&t=20104

There might be a situation, when one wants to use a custom tag, for example to process it on the server side later.

There is a problem with handling custom tags when inserting the content into the editor.

When checking the _samples/api.html sample and trying to paste the following content into the blank wysiwyg area with the "Insert HTML" button:

<dynamic>http://www.google.com</dynamic>

the result is as follows (tested in rev 5872):

• IE 6: dynamic tag is lost: <p>http://www.google.com</p>
• IE 7: dynamic tag is lost: <p>http://www.google.com</p>
• IE 8: dynamic tag is lost: <p>http://www.google.com</p> (the result in FCKEditor 2.6.6 is different: <p><dynamic></dynamic>http://www.google.com</p>)
• FF 3.6.9: dynamic tag is lost: <p>http://www.google.com</p>
• Safari 5.0.2: dynamic tag is pasted correctly <p><dynamic>http://www.google.com</dynamic></p>

When switching from the source mode to wysiwyg mode and back with the following HTML:

<p><dynamic>http://www.google.com</dynamic></p>

the result is correct in all cases:

• IE6: <p><dynamic>http://www.google.com</dynamic></p>
• IE7: <p><dynamic>http://www.google.com</dynamic></p>
• IE8: <p><dynamic>http://www.google.com</dynamic></p>
• FF 3.6.9: <p><dynamic>http://www.google.com</dynamic></p>
• Safari 5.0.2: <p><dynamic>http://www.google.com</dynamic></p>

If we bind handler functions for both 'blur' and 'click' events - they fires infinitely. Browser firefox 3.5.7 OS Windows XP SP3

To reproduce the defect:

1. Open Ajax sample.

2. Insert a Table, Go to a Table cell and activate Cell Properties dialog.

3. In Border Color or Background Color field enter 'gren'insted of green and press OK button.

Expected Result:

Cell properties dialog is closed and Cell Background or Border color remains same since the user has entered invalid value.(This is what is happening in Firefox)

Actual Result:

Cell properties dialog is not closed and every time the user presses OK button an Extra span is added in the Cell.

This will also happen when a French User types the Color Correct but in French.

Ideal solution would be to change the labels of Background Color & Border Color fields to indicate that user should enter Hexa decimal values or CSS Values.

The reason why we are not using the Color picker dialog is it's not satisfying Accessibility Requirements, since there are no labels for Colors in Color Picker dialog.

1. Paste to empty editor tekst
   

<ul>

<li>

a</li>

<li>

b</li>

<li>

c</li>

</ul> <ul>

<li>

d</li>

<li>

e</li>

<li>

f</li>

</ul>

2. Select all
   

3. Click right mouse button. Select 'Bullet list properties'
   
4. Choose some list type. There is no results even on first list

In IE when the user types something that looks like an url or mail it's automatically converted to a link. Sometimes is useful and it has been requested that this feature is available also in other browsers #302

But it's also a source of problems and other people prefer to not have this option enabled and now it will be possible with IE9: ​http://blogs.msdn.com/b/ieinternals/archive/2010/09/15/IE9-Beta-Minor-Change-List.aspx

document.execCommand("AutoUrlDetect", false, false) 

My proposal is to introduce a new config setting similar to the ones for Firefox to disable object resizing or table editing, and by default make it behave like other browsers. After all, it should be possible to watch the keyboard and do the autodetection ourselves with a plugin and it will work the same way in all the browsers and we could tune it because previously it was detecting too many things for some users.

Also it's important to test it before the final IE9 is released in order to detect any bug with the new option at their side.

1. Open empty editor
   
2. Create order or unorder list
   
3. Any number or bullet don`t show until press any key

When opening the "Check Spelling" dialog, JavaScript errors appear in the error console:

Unmatched </frame> encountered.  Ignoring tag.
apps/ckeditor/3.4/plugins/wsc/dialogs/tmpFrameset.html:48
Unmatched </frame> encountered.  Ignoring tag.
apps/ckeditor/3.4/plugins/wsc/dialogs/tmpFrameset.html:49
Unmatched </frame> encountered.  Ignoring tag.
apps/ckeditor/3.4/plugins/wsc/dialogs/tmpFrameset.html:50
Unmatched </frame> encountered.  Ignoring tag.
2s1.spellchecker.net/spellcheck3/script/ssrv.cgi:192
Unmatched </span> encountered.  Ignoring tag.
s1.spellchecker.net/spellcheck3/script/ssrv.cgi:361
Unmatched </font> encountered.  Ignoring tag.

Perhaps it's something worth to check... the whole spell checking process ended successfully though.

paste this in the editor :

<ul>
	<li>
		line 1</li>
	<li>
		line 2</li>
	<li>
		line 3</li>
</ul>

then apply a style (from the Styles list) to the UL. The style is then applied to all LI children elements...

On my site, applying a style ({ name : 'Slider content' , element : 'div',attributes : { 'class' : 'slider_content' }}) to the UL gives this :

<ul>
	<li>
		<div class="myClass">line 1</div></li>
	<li>
		<div class="myClass">line 2</div></li>
	<li>
		<div class="myClass">line 3</div></li>
</ul>

instead of :

<div class="myClass">
<ul>
	<li>
		line 1</li>
	<li>
		line 2</li>
	<li>
		line 3</li>
</ul>
</div>

hoping I am not mistaking on this issue...

When using CKEditor dynamically in IE8 Compatibility mode CKEditor will crash if a hash (#) is in the url. For example, when calling CKEditor.replace, post page load, and after a hash is set, CKEditor will try to include the following paths:

​http://20.20.0.100/Tests/CKEditor/Example/#/../ckeditor/config.js?t=A8LE4JO

​http://20.20.0.100/Tests/CKEditor/Example/#/../ckeditor/lang/en.js?t=A8LE4JO

In both cases the paths to the actual files should be: ​http://20.20.0.100/Tests/CKEditor/Example/../

and NOT

​http://20.20.0.100/Tests/CKEditor/Example/#/../

Clearly this is a major issue as CKEditor will not load at all in IE8 Compatibility mode. This seems to only be an issue in this mode.

I have 24 CKEDitor instances in a page. With the latest Firefox using Firebug profiler I get

i()    24    71.74%    5361.136ms    5361.49ms    223.395ms    39.052ms    383.467ms   
ckeditor.js (line 18)

function () {
    var i = !!this.$.offsetHeight &&
        this.getComputedStyle("visibility") != "hidden", j, k;
    if (i && (b.webkit || b.opera)) {
        j = this.getWindow();
        if (!j.equals(a.document.getWindow()) && (k = j.$.frameElement)) {
            i = (new h(k)).isVisible();
        }
    }
    return i;
}

and the page freezes for a long time.

The most time consuming function in 3.4.0 is getNext():

getNext()   24   18.71%   387.901ms   393.449ms   16.394ms   15.711ms   20.288ms   
ckeditor.js (line 14)

So you see the load differences.

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

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

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

Browser: chrome 5.0.375.86 OS: Ubuntu 9.04

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

expected source:

<pre>
a
b
c
</pre>

actual source:

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

See attached video.

If a horizontal line is inserted between texts and you try to move the cursor (with up and down arrows) once reached the hr line the focus is still kept but the cursor disappears and the whole browser window will receive future up/down movings.

Reproduce steps:
1: Enter a few lines of text
2: Insert horizontal line
3: Enter some lines of text below the horizontal line too
4: Try to move the cursor up to the first sentence using the up arrow key on your keyboard

I have tested this on IE, Firefox and Chrome and only chrome is having this problem, (chrome version: 6.0.472.53) both on linux and windows.

Maybe it's only a chrome bug but just in case as I'm a happy user of ckEditor and use it in my jCore project as the main editor I thought I will let you know. BTW: Thanks for your great work!

Continuation of #6380 In IE

1. clear edit area
2. enter some text, without line break
3. select,copy/cut entered text (ctrl+c/x)
4. paste by holding ctrl+v

Expected result:

• pasted text is in one line, without paragraphs

Actual:

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

Bug does not occur in CKE 3.0

Only on activation, then it works fine... Any event for that?

Found when checking #6370 In Opera

• set new empty page
• set text formating as "Formated"
• enter some text - formating is back to normal
• set formating again - enetered text format changes itself (video)
• result in CKE3.4.1

{{{{ <pre> test<span style="display: none">&nbsp;</span></pre> <pre> <span style="display: none">&nbsp;</span> </pre> }}} The same test case in CKE 3.4

<pre>
<span _fck_bookmark="1" style="display: none">&nbsp;</span>test</pre>
<pre>
<span _fck_bookmark="1" style="display: none">&nbsp;</span>
</pre>
}}}[[BR]]
[[BR]]
[[BR]]

linked with #6370

1. go to ckeditor.com/demo
2. set the article source to:

   <pre>
   aaaa
   &nbsp; bbbb
   &nbsp; cccc
   &nbsp; dddd
   eeee
   </pre>
   

3. switch to WYSIWYG.
4. while trying to set the cursor at the end of line, it jumps to next one (video)

Reproduce:

1. Open _samples/output_html.html
2. Click "Align right"
3. Click "Source" (or submit)

Result:
Firefox 3.6.10:
p align="right"
Chrome 6.0.472.63:
p align="right" style=" "
IE 8, Opera 10.62
p style="text-align: right"

Steps to reproduce:

1. Define the following style:

CKEDITOR.config.stylesCombo_stylesSet = 'wiki_styles';

CKEDITOR.addStylesSet('wiki_styles',
[
    { name: 'Code', element: 'pre', attributes: { 'class': 'Code'} }
]);

2. From Internet Explorer, write a paragraph and place the cursor at the begining of the paragraph.
   
3. Select the style defined in step 1 from the styles combo (named "Code").
   

After following these steps, the text entered in step 2 will be inside a pre element, but the class attribute won't be defined.

CKEditor version: 3.4.1
Browser: Internet Explorer 8
OS: Ms Windows 7

I debugged the code and found that the problem is in the "toPre" function located in "_source\plugins\styles\plugin.js". According to the comment, IE normalizes innerHtml to <pre>, breaking whitespaces, and to avoid that, a new <pre> element is created. The new <pre> lacks the original class attribute (and all other attributes) defined in the style definition.

Thanks!

Steps to reproduce the defect:

1. Open up the Ajax sample.
2. Type a line of text and press enter.
3. Insert an image.
4. Place the cursor over the image and hold down the left mouse button to drag the image downwards until the arrow cursor is replaced by an image similar to this ø.
5. Now release the left mouse button.
6. Click back into the line of text that you typed.

Expected: The cursor will appear flashing in the same place that you clicked in the text.

Actual: The cursor does not appear at all.

Run the attached code example. Click to put the cursor at beginning of first line - event fired. Now drag select within the same line - event NOT fired. Now drag select within the second line - event fired.

In IE6 there's Shift+Enter and nestes lists issue.

Steps to reproduce

1. Use following contents with selection:

   <ul>
   	<li>
   		test 1^
   		<ul>
   			<li>
   				test 11</li>
   			<li>
   				test 12</li>
   		</ul>
   	</li>
   </ul>
   

2. Press Shift+Enter

Expected: New line (not a list item) below "test 1" is created.

Actual: Cursor is moves into the "test 11" line.

This is IE bug only:

I can see that the table with smiles is placed in TD tag (with class cke_dialog_contents) and the TD tag has attribute style="width:270px;height:120px;".

If I put 64 smiles into the smiles table into 8 columns then this table with smiles is bigger then the surrounding TD tag (width:270px;height:120px;).

In FF it is OK and the surrounding TD is enlarged according to the smiles table but in IE it is not.

Add an hidden field into the content and focus it. Notice that the elements path says "hiddenfield" and not "input".

Steps to Reproduce the defect:

1. Open the Ajax sample in IE8.
2. Type some text into the editor.
3. Highlight the text using the mouse or CTRL + A (in preparation for copying to the clipboard).
4. Click on "Edit" in the browser

Expected: You should be able to copy the highlighted text from the Edit menu in the browser.

Actual: The highlighted text is erased.

Hi,

My name is Micha Kaufman, from Pixiesoft. Small Israeli software company.

Few years ago we made a very nice WYSIWG editor, pretty much like CKEditor. we called it "RichtextArea", you can see the demo at:

​http://www.pixiesoft.com/richtextarea/samples/sample10.htm (works under IE only - we're not as good as you are....:-)

(The demo is the only page I can show you, as all other pages are in Hebrew)

I would like to help you to improve your product, by sharing some knowledge we have, and/or ideas to improve your product.

for instance, we've made a very simple (but usfull) button that embed YouTube video. (in the demo you can find this button in the most-right side of the middle buttons row). Click on it, and paste the "embeded code" from any youTube video.

Our code checks that it looks like normal youTube code (and not malicius script), and insert it into the HTML. it also adds "wmode="opaque" to avoid IE bug when the movie is on top of any other element.

This is one of the most wanted features in our editor, and I feel that your tool can be must better with such button, as it's almost perfect except for this one...

It's also very easy to develop, one of the easiest button we created. I can help you if you like.

Thanks, Micha

The captions of this tab look slightly untidy and are not consistent with one another. The text of the button could also benefit from a slight change.

My suggestions:

Caption for the file upload field:
is: Upload OR Send it to the Server
should be: File to be uploaded
(the same text can be used no matter what type of upload we are dealing with)

Button:
is: Send it to the Server
should be: Send to server
(the "server" should definitely NOT be capitalized)

The standard "Browse" button would also look better if it was more in-line with other CKEditor buttons but I realize styling form elements is a bit tricky.

Steps to reproduce

• Launch _samples/output_html.html
• Align paragraph to the right
• Switch to source mode
• Result:

  <p align="right" style=" ">(...)</p>
  

(there is an empty style in opening tag)

The Find dialog doesn't submit on the Enter key, user has to Tab to the Find button. This is an usability issue.

When using the "Check Spelling" feature, spell checker checks all the mistakes pretty quickly, however it has serious problems with applying changes that users is trying to make.

Steps to reproduce

• Load the attached document in source mode
• Switch to wysiwyg mode
• Click on a "Check Spelling" button
• After the dialog is loaded, scroll down to the bottom of the article (inside of the dialog)
• Find "14th" (which is highlighted), click on it, select "Utah" from Suggestions
• Click "Change to"
• Result: after waiting for over a minute, the word is still not changed

In Firefox, straight after inserting the first template ("Image and Title") the cursor is invisible.

In Safari 5.0.2 @ Mac, the cursor is blinking, but it is blinking straight before the image instead of being at the beginning of the text (should be here: "|Type...").

• Create a table and select a cell (as in the picture).
• Click on the bold button.
• Without blurring the cell, start typing.

Actual: The text isn't bold. Expected: The text is bold.

1. On "sharedspaces" sample page, put the cursor inside editor;
2. Click on "Show Blocks" button;
   • Actual Result: Editor is not anymore focused.

In Chrome, SCAYT repositions cursor in enterMode BR. The issue is almost always reproducible.

1. Open the editor with enterMode=BR.
2. Enable SCAYT.
3. Type some text which will not be a valid word.
4. Hit Enter FAST after finishing typing.
5. Wait a bit to see that the cursor goes back to the end of the previous line.

Seems to be a regression introduced in 3.4.0.

To reproduce:

• insert table
  
• cell properties
  
• in background field, enter invalid color "foo"
  
• click ok
  

Results:

• in IE: "Invalid property value" error, ok button is rendered useless; an anecdotic form submission happened but can't reproduce
  
• in FF and others: value seems to be ignored (I think this is wrong, invalid value should be used regardless as long as it doesn't break CSS), however element's style does get rewritten and dirty flag gets set
  

Expected behavior (I presume):

• Either update the invalid value regardless (don't try to parse to rgb(...))
  
• Or, provide a remark to the user and don't close the dialog and don't update any document contents
  

Secondary:

• A valid value without "#" is invalid just the same: "111111"; for convenience, a # should be implied when it can be hex-parsed ("111","111111")
  

To reproduce (IE, English):

• Click image button
  
• In URL field type a very long string
  
• Caret will disappear in the right side as the text is wider than the input
  
• Same happens with nearly all dialog text input fields
  

To reproduce:

• Insert a table
• Use snap menu to add another row

Result:

• No contentDom event is triggered

Same happens for probably all table operations: change style, class, etc.

Browsers that don't support tag editing still support ckeditor's source mode, which is better than nothing, and provides a more gradual operational decline.

My suggested patch creates a env.isTextCompatible var, and if env.isCompatible is false but env.isTextCompatible is true, ckeditor defaults to a text entry mode with limited, but still existent functionality.

• Open a sample. Remove all contents.
• Click on the Bold icon twice (apply & removed the styling on collapsed selection).
• Type a few characters, e.g. 'aaa'.
• Hit CTRL+A.

Note that the bold icon is highlighted.

Firebug shows:

<strong></strong>aaa

The changes of [5747] introduced the following problems in IE:

1. Column resizer's position doesn't accurately reflect cell spaces, few pixels offset makes the resizer always appear before mouse is actually moved into;
2. The cursor shape is inconsistent with other browsers, even composed of two sharps when moving along the visible region.

Delete Cell leaves a wrong rowspan.

1. Use following content:

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

2. Delete any of the left column's cells (labeled with 1, 2 or 3).

Result: The table has 2 rows and rowspan=2 on the second one (which is wrong).

When using Safari 5.0.2 @ Mac, pressing the down arrow results in moving to the next cell on the right side instead of to the cell at the bottom.

Steps to reproduce

• Using the following table:

  <table border="1" cellpadding="1" cellspacing="1" style="width: 500px; ">
  	<tbody>
  		<tr>
  			<td>
  				1</td>
  			<td>
  				2</td>
  		</tr>
  		<tr>
  			<td>
  				3</td>
  			<td>
  				4</td>
  		</tr>
  		<tr>
  			<td>
  				5</td>
  			<td>
  				6</td>
  		</tr>
  	</tbody>
  </table>
  

• go to the first cell, press "down" arrow key
• result: cursor is now in cell "2" instead of in cell "3"

After inserting a "Text Field" into the editor, cursor doesn't show up automatically.

Steps to reproduce

• Click on "Text Field" button
• Type some values and press enter
• Result: text field is inserted into the editing area, but the cursor is not visible.

Confirmed in Safari 5.0.2 @ Mac.

Steps to reproduce the defect:

1. Open the Ajax sample in IE7.
2. Click on the Insert Table icon to dispaly the table properties dialog.
3. Enter the number 1001 (or greater) into the Cell Spacing (or Cell Padding or Border Size) text field & click OK.
4. See that the table is displayed without the Cell Spacing attribute value applied to it.
5. Right click on the table and choose Table Properties from the context menu to display the Table dialog.
6. Change the value of the Cell Spacing textfield from 1001 to the number 10 & click OK.
7. See that a table is displayed with the correct Cell Spacing attribute value applied.
8. Right click on the table and choose Table Properties from the context menu to display the Table dialog.

Expected: The value in the Cell Spacing textfield is 10.

Actual: The value in the Cell Spacing textfield is 1001.

1. Create list which few items
   
2. Select some items and type some character e.g 'a'
   

Expected result (like in IE) new character will be inserted to separated li which replace selected li

Actual result new character is invisible and selected li are removed

1. Create list with some items
   
2. Select some items and insert smile
   

Expected result Smile will be added to list

Actual result Depends on browser smile is added above list (FF: after switch to source view and back) or just don`t added to list (IE)

Issue seen in IE7.

To Reproduce:

1. insert form element at the top of the page.

2. click "Select All" to select all elements of the page

3. then, click "Cut" icon --> all elements excepts the

form element is cut, but the form element remains.

1. Crete list like this:

<ul>

<li>a

<ul>

<li>[b</li> <li>c

<ul>

<li>d]</li>

</ul>

</li>

</ul> </li> <li>e</li> <li>f</li>

</ul>

2. Create selection form 'b' to 'd' item as in example
   

3. Type some char e.g. 'a'
   

Expected result

New char will be replacing 'b' item and rest of selection will be removed

Actual result

I don`t see typed char and list has strange structure. Diffrent structure depends on browsers.

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.

3. See that selected font option missing from Font Name drop down list.

4. Start typing the text

Expected Result:

Selected font option should show in Font Name drop down list.

Actual Result:

Selected font option not shown in Font Name drop down list. Even when we look at Element path bar or HTML Source <span> tag for Font Name not shown.

To reproduce the defect in AJAX Sample. Type some text save the page.open the Editor again and repeat the above steps

In IE, when setting innerHTML, any starting <!----> comments are removed. Test: insertHtml('<!--comment-->foo') Affected: dataProcessor.toHtml Fix: prefixing a dummy <foo:bar /> tag keeps comments and whitespace in place, remove when converting to data.

If you include html "&gt;" in the styles definition (name part) the editor throws an error after you click that style in the combobox (most possibly other html to).

For example:
'Webunity &gt; portfolio'

Error: this.element.getDocument().getById(this._.items[m]) is null
Source File: <snip>/ckeditor.js?t=AAM84PO
Line: 135

I found this because my CMS gets the styles from the DB and uses htmlspecialchars(PHP) to print customer specific styles to CkEditor.

Since this will probably be closed without fixing, i just wanted to log it for future users.

While working on #5084 I've noticed that there's a mismatch between the two methods.
The reason is that we use the contents element in the dialog::resize method, while we use the dialog element in the dialog::getSize method.

Under some circumstances CKEditor takes more space in width than the requested width when loading CKEditor.

(Look at the red border on the testcase and on the screenshots.)

What I found out:

• it only occurs in Firefox (tested with 3.6.12 and 4 Beta 7)
  
• it does not occur in IE8
  
• I only saw it when I have two instances of CKEditor on the page
  
• when I have two times nearly the same CKEditor on the page, the problem does not occur (thats why my attached testcase uses two different skins; but on my system where I integrated CKeditor into it also works with only one skin; I could not reproduce that with the sample configuration)
  
• the problem might depend on the skin (kama seems better than office2003 / v2, but it could also be reproduced with kama)

OS: Windows XP

checkStartOfBlock returns "false" for the following case:

<p><br>^</p>

From the code perspective the cursor might not be at the start of the block, but visually it is.

Pertains to non-IE browsers.

When you pick a color for the background or for text, this seleted color is saved for a next usage. This behavior is for instance implemented in MS word. The default color or the last used color is visible in the combobox, and you have only to click on the color; if you want to change the color you have to click on the arrow and selected a new one.