Custom Query

The jQuery adapter can make use of the valHooks feature instead of overriding val().

if ( CKEDITOR.config.jqueryOverrideVal ) {
    jQuery.valHooks[ 'textarea' ] = {
        get: function( elem ) {
            var $this = jQuery( elem ),
                editor = $this.data( 'ckeditorInstance' );
            
            if ( editor ) return editor.getData();
        },
        set: function( elem, value ) {
            var $this = jQuery( elem ),
                editor = $this.data( 'ckeditorInstance' );
            
            if ( editor ) editor.setData( value );
        }
    };
}

Hello, I'm trying to do 'drag and drop' with a picture using CKeditor 3.6.2. With firefox that works fine but that's not working with IE7

Could someone tell me if it's possible to drag pictures/drawings somehow with IE?

Thanks a lot!

To Reproduce:

• Copy the following into source view:

<ol>
	<li>A</li>
	<li>B</li>
	<li>C</li>
</ol>

• Return to wysiwyg and place the cursor after 'B'
• Press backspace twice to delete the 2nd entry entirely.

Expected Result: The cursor should be placed after 'A'.

Actual result: A new paragraph is created and the list is broken:

<ol>
	<li>A</li>
</ol>
<p>
	&nbsp;</p>
<ol>
	<li>C</li>
</ol>

Even if the user hits backspace again to try to re-create the original list structure, 'A' and 'C' are now treated as separate lists e.g. the numbering is restarted, if the user tries to indent the list, only 'A' is indented.

This was introduced with rev [7392] and also occurs for bulleted lists.

The following code displays "U is a not a function" error in the browser (firefox).

CKEDITOR.on( 'instanceReady', function( ev ) {

ev.editor.on( 'doubleclick', function( event ) {

var r=event.data.element; if(r.is('div')) {

var dialogObj =

new CKEDITOR.dialog(CKEDITOR.instances.editor1 , 'pomaccordion' );

dialogObj.show();

}

});

});

<textarea rows="${numberofline}" cols="${width}" name="itemValue_${columnID}_${columnTypeID}" id="itemValue_${columnID}_${columnTypeID}" cssStyle="height:100%;"><c:out value="${itemValue}"/></textarea>
			<script type="text/javascript">
				var editor = CKEDITOR.replace("itemValue_${columnID}_${columnTypeID}");
			</script>

i want change no. of row which pass in variable "numberofline" of textarea. This above code does not working.

I want to make the URL in Link tab auto set same with URL in the image info tab after uploading the image. Is it possible?

Hello,

I need to move images into de editor to a position:absolute. In Firefox works fine, but with IE7 not working.

The attached file working in Firefox, and sample which I need in IE7.

Thanks a lot

Webkit-based browser generates

<span class='Apple-tab-span' style='whitespace:pre'>         </span>

to show tab effect when pasted from somewhere(outlook).

Since ck will collapse extra whitespace except pre, it leaves:

<span class='Apple-tab-span' style='whitespace:pre'> </span>

So there is no reason keeping this span. see attachment patch.

The "Paste Area" IFrame in the Paste dialog utilizes a non-existent WAI-ARIA attribute: "aria-multiple"

<iframe class="cke_pasteframe" ... aria-multiple="true" ... role="region">

Since this IFrame is currently marked up as a region, it should not contain aria-multiple or aria-multiline (which is what probably was originally intended).

This ticket requests simply removing aria-multiple from the region markup.

Can any one please suggest the solution in removing the corrupted text when copied from word pad to ck editor for the version 3.6.1

Version of CK editor which we are using is 3.6.1, Revision 7072

is there any code change ?

Version of CK editor which we are using is 3.6.1, Revision 7072

Hi,

I am unable to copy the images from MS-word doc on CK editor for IE and chrome browser.Its working fine in FF.what would be best poosible way to sort out this issue.Thanks

Hello,

I am not to move an image to any site in the editor when this is empty. Some way to insert an move a "text area", and later to insert the image inside?

Please,i need help with this problem, since of which works, depend weeks on work. I am trying with demo of the ckeditor Web and changing the image properties, but nothing, is no way to move the image into the editor when this is empty with IE7.

Thanks a lot

If you highlight some text in the editor, on most browsers you will have the option to use the Cut and Copy buttons in both the toolbar and the right-click context menu. However when using Chrome to edit content the Cut and Copy options are never available.

I've tested in Firefox(13), Opera(12) and IE(7, 8 & 9) and these options work perfectly.

To reproduce the defect:

1. Open Ajax sample, open Flash dialog

2. Enter the following URL ​http://bytescout.com/files/demo/swfscout_VideoSample.swf & click OK

3. Remove the Editor.

Issue: Flash not shown in Editor body.

This works on nightly build but broken from rev 7542

HTML Source for flash inserted on nightly build which is using rev 7538

<p>
	<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="quality" value="high" /><param name="movie" value="http://bytescout.com/files/demo/swfscout_VideoSample.swf" /><embed pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" src="http://bytescout.com/files/demo/swfscout_VideoSample.swf" type="application/x-shockwave-flash"></embed></object></p>

HTML Source for flash inserted on build which is using rev 7542

<p>
	<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"></object></p>

Unable to type after press "New Page" button in Firefox.

I have found it when checking #9093

To reproduce:

1. Insert below code and switch to WYSIWYG

   <p>aaa</p>
   <p>bbb</p>
   <p>ccc</p>
   

2. Try to select 'bbb' but start your selection a little bit to the left of 'bbb' like shown in picture.
3. Once bbb is selected press Enter key

Result: new line is inserted above 'aaa'

Alternative step 3:

3. Once bbb is selected, press Link button and insert a link. Note that the link is inserted in the wrong place (at the end of contents).
   

The same thing happens with inline styles - they are added at the end of content. You can inspect it only with developer tools.

This issue has only been reproducible in IE8 and IE9 from CKEditor 3.6.3

	console.log( editor.getSnapshot() );

Was left in wysiwyg plugin.

Hello,

how i can change the height default body in IE ?? I have a problem, when i move an image with position:absolute when the editor is empty in IE7,

Thanks !

Tab should be used to leave the listbox that is rendered in the smiley and specialchar dialogs, according to standard WAI-ARIA practices.

Not allowing tab to leave the listbox makes it hard for the user to know whether there are other input fields in the dialog, as they need to traverse the whole listbox.

Perhaps this is just my browser but despite fix in [7544] I'm not able to move absolute positioned images in IE7 and IE6.

When contents are empty you should be able to drag images right/left

To reproduce:
In empty editor insert absolute positioned image through image dialog and try to move it.

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

   <ul>
   	<li>foo
   		<ul style="direction: rtl">
   			<li>bar^</li>
   		</ul>
   	</li>
   </ul>
   

2. Press the "Decrease Indent" button

• Actual Result: RTL list item "bar" now has become LTR

1. Load the editor with the following:

   	<ol>
   		<li>1<ol><li>^2</li></ol></li>
   	</ol>
   

1. Press "Backspace" to join with the previous list item

• Actual Result:

  <ol>
  	<li>12<ol></ol></li>
  </ol>
  

To reproduce (don't use mouse):

1. Run JAWS and FF13 on WinXP
2. Open replacebycode sample and tab into editor
3. Press ALT+F10 and TAB to Smiley or Special Characters dialog.
4. Move with arrows to last char or smiley and tab to Cancel button

5. Tab again to Smileys or chars and try navigating with arrows

Result: JAWS reads Cancel button and you can't navigate with arrows. This issue has been reproducible only in Firefox from CKE 3.5 - when navigation with arrows while JAWS is enabled was introduced (It didn’t work before).

Hi,

My name is Steve Bang. I am trying to purchase the richtext editor that can work best for my clients. I tested some cases on the demo, and found some questions. I will attach the document file. Please let me know if you have any questions about it.

Thank you. Steve Bang

This problem occurs when <META content="IE=7.0000" http-equiv="X-UA-Compatible"> is included in the HTML for the page. See 'IE unspecified error.html​' for a reproducible test case.

• Copy IE unspecified error.html​ into the _samples folder and open in IE.
• Insert a smiley and make a selection by starting the selection at the end of the editor contents.

Problem: an unspecified error occurs.

This is related to ticket #9034 and requires a similar fix. A proposed solution is provided in the attached patch.

FF ESR 10.0.4

Insert a table. plugins/dialog/plugin.js, function changeFocus(offset) causes javascript error (see first attachment)

Press okay with default values to insert the table. Press the tab key twice. plugins/tab/plugin.js, function selectNextCellCommand (backward) causes javascript error (see second attachment)

In both cases the operations appear to work properly and maybe this is working as designed; however, it would be preferable to guard against the error condition so that the javascript error doesn't occur.

I want to add list-style-image at <ul> tag. How I will add this?

Hello everybody,

in plugin pastefromword\filter\default.js (V 3.6.3, Line 1190ff) the styleFilter for colors, or more specific the new-value function does not return anything but "false" for transparent colors (or the replace for gecko). When this filter is applied to styles colors and background-colors are removed - which I believe is not desired. Shouldn't this function "return value;" if the two other tests have "failed".

Tested in IE on an Excel copy&paste: without: background-color is removed with "return value": background-color is retained (as expected - removeStyles in config is false).

Problem still remains in todays downloaded nightly build.

Thanks linnex

To reproduce just open dialogs like: About, More Colors, Special characters, Anchor, Form Fields (all except for image button).

This is happening for Kama Skin.

See image

To reproduce:

1. Go to usage of the api sample
2. Use "Set editor Contents"
3. Use "Insert Text" (text should be inserted at the beginning)
4. Click at the end of text and use "Insert Text" (text should be inserted at the end)
5. Select with some and use "Execute Link Command"
6. Type anything and press Ok
7. Use "Execute Link Command" again

Result: focus goes to first line (see video)

Appears to be Firefox only.

To reproduce:

1. Open a sample with autogrow enabled
2. Hide the editor by setting display:none on some container holding the editor.
3. Call setData() on the editor.

Result:

this.getWindow().$.getComputedStyle(this.$, "") is null

The same test case without autogrow enabled works without errors.

This appears to be a regression from rev. 7244, fix for ticket #8050.

While in IE6 and IE7 open tableresize plugin and try to resize the table. JavaScript error is thrown:

Message: getSelection() is null or not an object
Line: 315
URI: /ckeditor/_source/plugins/clipboard/plugin.js

See video.

When there is a meta tag in the body of the html, the body and html tags being closed just before the start of the meta tag, instead at the end of the document. I'm using Full Page option

This is the html: <!DOCTYPE html PUBLIC "-W3CDTD XHTML 1.0 TransitionalEN" "​http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <?xml version="1.0" encoding="UTF-8"?> <html>

<head>

<title></title>

</head> <body>

<meta name="emailThisHash" content="mCx5aKlDJki31/mIVbNHdg"> <div class="articleBody"> <div itemprop="sourceOrganization" itemscope itemtype="​http://schema.org/Organization" itemid="​http://www.nytimes.com"> <meta itemprop="name" content="The New York Times Company"/> <meta itemprop="url" content="​http://www.nytco.com/"/> </div>

<div> Test 1 2 3 </div>

</body></html>

This is outputed html: <!DOCTYPE html PUBLIC "-W3CDTD XHTML 1.0 TransitionalEN" "​http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <?xml version="1.0" encoding="UTF-8"?> <html>

<head>

<title></title>

</head> <body> </body>

</html> <meta content="mCx5aKlDJki31/mIVbNHdg" name="emailThisHash" /> <div class="articleBody">

<div itemid="​http://www.nytimes.com" itemprop="sourceOrganization" itemscope="" itemtype="​http://schema.org/Organization"> </div>

</div> <meta content="The New York Times Company" itemprop="name" /> <meta content="​http://www.nytco.com/" itemprop="url" /> <div>

Test 1 2 3</div>

Sleipnir 3.5 for Mac, a Safari-based browser fails to load CKeditor. It's obviously a regression in the current versions of CK and FCK. Some elder versions work fine, but those are more than 2 years old FCK. (Some old versions work somehow, but fail to load an existing content, only create a new text.) I mean visual mode, the HTML source mode generally works.

The Google Chrome 20x popup issue was the main reason I wanted to upgrade the editor. Once updated with the nightly build of CKEditor and the popup problem was resolved. However, after the update, i'm running into a problem when editing "full page" 4.01 html pages. The page loads fine, but the document title is being removed by CKEditor and appears like this... <title></title>

This problem is even in this website's demo, enter into Source and put a title, and go back and forth between Source and GUI, the title disappears: ​http://nightly.ckeditor.com/7550/_samples/fullpage.html Interestingly, if you enter the meta tags for descriptions and keywords within the demo, they will appear properly and will not be removed. Copy these into the demo Source code to test...

		<title>Disappearing Title Bug</title>
		<meta content="disappearing title bug on demo" name="description">
		<meta content="title, bug" name="keywords">

Reverting back to the prior backup of CKEditor, and of course, the popup problem returns, but the "full page" editor functions normally with the title appearing correctly.

While on the subject of "full page" editing, the editor performs all its features normally, but it always enters this bit of code <p>&nbsp;</p> just before the </body> statement. This code is added and appears after entering the editing box when in the GUI mode. In summary, the perfectly coded W3C validated html page has this new code added when entering into the GUI editor box.

For reference purposes, the editor doctype in config.js is configured to publish 4.01 Transitional html pages to ensure web pages display on various browsers. Additionally, I've updated to the latest CKFinder, but the popup issue remains. Thus, I'm using (reverted to previous) CKEditor 3.6.1 with CKFinder 2.2.2.

I hope these notes help in resolving these issues soon. Thank you for all that you do.

I've recently updated to the latest CKFinder 2.2.2 in hopes of resolving the Chrome 20x pop-up issue (it did not help, popup problem continues). Since we are on a server which has PHP4x and will not be updating to PHP5 (too many internal server reasons to list here), the new CKFinder was not loading properly because of this error in the server log:

PHP Parse error:  parse error, unexpected T_STRING,
 expecting T_OLD_FUNCTION or T_FUNCTION or T_VAR or '}'
 in /.../core/connector/php/php4/Utils/Misc.php on line 54,

Therefore, in order to successfully get CKFinder loaded, I had to comment out this function beginning in line 54 /core/connector/php/php4/Utils/Misc.php

/*    public static function encodeURIComponent($str)
    {
        $revert = array('%21'=>'!', '%2A'=>'*', '%27'=>"'", '%28'=>'(', '%29'=>')');
        return strtr(rawurlencode($str), $revert);
    }
*/

With this code commented out, CKFinder loads normally. I hope these notes help developers in making sure CKFinder will work with either PHP4x or PHP5x in the future.

I have found it when checking #8849.

To reproduce:

1. Load the "replacebyclass" sample;
2. Select first line and copy/paste it. You should have 7 lines.
3. Select the bold text "sample text" in third line from the bottom;
4. Press Tab key to move focus outside of editor;
5. Click on "Paste" toolbar button, choose to deny clipboard access in order to bring up dialog.
6. Fill in the dialog with some text "abc" then click on Ok

Result: Selection is applied to wrong text.

1. This particular issue has been reproducible from rev. [7518]

NOTE:

Before this rev. [7518], the above TC produced JS error: Message: Invalid argument.
Line: 802
URI: /ckeditor/_source/plugins/selection/plugin.js
It has been reproducible from rev. [7239] to [7382]; got fixed in [7383] and showed up again from [7447] to [7517]; got fixed in [7518] (which resulted in wrong selection described in that ticket).

To reproduce:

1. Open any sample and click on Link Dialog button
2. Switch to advanced tab
3. Click Cancel
4. Click on Link Dialog button

Result: Link dialog has broken layout.

Reproducible from rev. [7512]

The current behavior of backspace at the start of list is browser dependent:

<ol>
	<li>
		^foo</li>
	<li>
		bar</li>
</ol>

We should fix it to be not doing anything, if not inside of a sub list.

Some plugin dependencies are missing right now in v3.

I have found it when checking #8849 and #9127.

To reproduce:

1. Load the "replacebyclass" sample (important);
2. Select first line and copy/paste it. You should have 7 lines.
3. Select the bold text "sample text" in third line from the bottom;
4. Press Tab key to move focus outside of editor;
5. Click on "Paste" toolbar button; choose to deny clipboard access in order to bring up dialog.
6. Fill in the dialog with some text "abc" then click on Ok

Result: The above TC produces JS error:

Message: Invalid argument.
Line: 938
URI: /ckeditor/_source/plugins/selection/plugin.js

It has been reproducible (IE6-8) from rev. [7239] to [7382]; got fixed in [7383] and showed up again from [7447] to [7517]; got fixed in [7518] and now has been reproducible from CKEditor [7560]

Guys, Please use CRTL+F5 or clear cache from time to time if you have problems with reproducing.

Steps To Recreate:

1. Open any sample with IE.
2. Write "1", [Enter], "top", [Enter] 5x, and write "end".
3. Make a selection from top to end.
4. Apply a font family, size.
5. Now click on a blank line in the middle and type and start typing.

RESULT: Your new text will NOT have the font family, size, or bold (or italic or such).

Reproducible from CKEditor 3.0 in all versions of IE's.

Steps To Recreate:

1. Open any sample with Opera.
2. Write "1", [Enter], "top", [Enter] 5x, and write "end".
3. Make a selection from top to end.
4. Apply a font family, size.
5. Now click on a blank line in the middle and type and start typing.

RESULT: Empty lines will get collapsed in WYSIWYG mode and inline styles will not get applied to these lines.

NOTES:
Once you switch to Source and back lines will be back.
This issue may be related to similar reported for IE - #9133

Reproducible from CKEditor 3.0 in Opera 12.

Found on Opera 12

1. Open sample
2. Clear editor
3. Hit Bold, Italic, Underline
4. Type some text
5. Hit again Bold, Italic, Underline

Result: Bold and Italic are deselected properly, but it is not possible to clear Underline.
Deselect order in point 5 does not really matter, the last option cannot be deselected.

6. Type a bit more
7. Try to deselect Underline

Result: Caret goes to the beginning of the line. Moving it at the end and hitting Underline moves it back to the beginning. Deselecting Underline at the beginning of the line is not possible as well (Bold and Italic works fine)

Another situation:
Repeat stpes 1-4

5. Hit Bold

Result: Sometimes caret goes to the second line. As I think it happens when typed text has very short words (2-3 letters long).

Third situation:
Repeat steps 1-6 (deselecting Underline does not work)

7. Hit Italic Result: Underline can be deselected now, but after it's done, Italic cannot. Selecting Bold makes Italic possible to deselect, but when [I] is hitted, Bold cannot be deselected.

Playing more with selecting and deselecting [B], [I], [U] can produce situation when e.g. Bold is selected (Italic and Underline are not), hitting Bold deselects it and selects Italic and Underline.

Only going to the next line by pressing ENTER key makes them work properly (even when all [B], [I], [U] are selected).

Reproducible at least from 3.6

Ckeditor 3.6.3 + Windows XP SP3 + latest Chrome browser. When I hit 'Enter' inside the editor, the cursor goes to the next line AND the entire page scrolls down to the end. See the attached sample. Ckeditor 3.6.2 does not have this bug.

This is happening when position: absolute is set on surrounding <div> element or when body has height:100% set or when editor is inside a float element.

/_source/plugins/wysiwygarea/plugin.js

L.991

baseTag && ( data = data.replace( /<head>/, '$&' + baseTag ) );

I think that it is not

/<head>/

but

/<head[^/>]*?>/

here.

Found in IE8 Quirks - works fine in standard mode

1. Open placeholder.html sample
2. Select some text inside placeholder, e.g. 'sample' - it is possible to select only couple of letters.
3. Click on Create placeholder toolbar button
4. Type something (e.g. '111') and click 'Ok'

Result: new placeholder is created at the beginning of the line:

<p>
	[[111]]This is a [[sample placeholder]]. You are using <a href="http://ckeditor.com/">CKEditor</a>.</p>

5. Repeat steps 3-4 but use '222' for the placeholder

Result: First bracket from first placeholder is cut off, '222' is not present anywhere.

<p>
	[111]]This is a [[sample placeholder]]. You are using <a href="http://ckeditor.com/">CKEditor</a>.</p>

Reproducible at least from 3.6

Found in FF13, there is a similar error in IE9 (did not check other browsers)

1. Load _samples/enterkey.html
2. Switch to enter mode = BR
3. Move cursor at the end of first line
4. Press enter to create new line
5. Click List button

Result in Firefox:

sibling.is is not a function

if ( sibling && sibling.is( listNode.getName() ) )

list/plugin.js, line 703

Result in IE9:

Object doesn't support property or method 'is' 

list/plugin.js, line 703 character 4

Introduced in [7540]

Using IE (confirmed at least in IE6 and IE9) do the following:

• open _samples/fullpage.html
• click "New Page" button
• switch to source mode

result:

<html>
	<head>
		<title>Rich text editor, editor1, Press ALT 0 for help</title>
	</head>
	<body>
	</body>
</html>

In general, empty titles are now replaced with Rich text editor, editor1, Press ALT 0 for help.

Hi I am new to ckeditor. I just tried to integrate CKeditor with a php program .I have 2 links in my webpage viz.- "About Us" or "Contact Us" link which on clicking will allow to edit the text in the respective textarea.I am using MySQL as db & Firefox 13 as well as Internet Explorer 8 as browsers. But neither of the browsers are showing the CKeditor except the textarea when I click on "About Us" or "Contact Us" link!! Here is the PHP MySQL script-

<?php
session_start();
include "lib/conn.php";
include "lib/chk.php";
if($_POST["edit_page"])
        {
                $sql="update `page` set `detail`='$_POST[add]' where `page_name`='$_POST[edit_page]'";
                mysql_query($sql);
                $_GET['page']=$_POST['edit_page'];
        }
include "lib/style1.php";
include "lib/menu.php";
include "lib/leftmenu.php";
?>
 <script type="text/javascript" src="ckeditor_source.js"></script> 
 
            <?php
                        $sq="select * from `page` where `page_name`='$_GET[page]'";
                        $res=mysql_query($sq);
                        while($rw=mysql_fetch_array($res))
                        {
                ?>
                         <FORM METHOD=POST ACTION="edit.php" name="f1">
                        
                <INPUT TYPE="hidden" NAME="edit_page" value="<?php echo $_GET[page];?>">
                <TEXTAREA NAME="add" ROWS="5" COLS="20">
                <?php echo $rw[detail];?>
                </TEXTAREA>
                <BR>
                 <INPUT TYPE="submit" name="ed" value="edit">
     <?php
                }
        ?>
        
        </FORM>
<?php
include_once"ckeditor/ckeditor.php";
$CKEditor=new CKEditor();
$CKEditor->basePath='ckeditor/';
$CKEditor->replace("add");
?>

I have page saved in this path "htdocs/www/one" where 'one' is the folder name containing the CKeditor. Also,I have unzipped the latest CKeditor. Please tell me what extra script I have to add to the above code? I am a complete novice in this field. I will be greatly obliged if anyone can kindly throw some light on these!! :-)

Paste from Word does not work on Chrome. Attaching the tested file.

Clearly noticable at the select input dialog, but all buttons are affected, including OK and Cancel. The buttons are a bit cutoff from top.

• Create a list in an empty editor.
• Make two bullets regularly.
• Hit ENTER, and then the RTL button.
• Write something.

Note that the text remains on the left, although the bullet has rtl direction applied.
Safari is fine.

When you hit the browse server button in the dialog popup for insert image the new window (containing the filemanager) will not show in Google Crome. Tested at your demo also and get the same result.

Windows 7 Google Crome 20.0.1132.57 m CKEditor 3.6.2 ASP.NET-version

Hi I'm using Google Chrome version 20.0.1132.57 m and CKEditor 3.6.3. The error appears when you click "Browse server" button for popup. The window is just minimized and there is no obvious way to restore it. If you use ctrl+click then it opens in new tab and works fine. Also there could be a possible solution to replace this code if(t.indexOf(' chrome/18')==-1){s.moveTo(r,q);s.resizeTo(n,o);}s.focus();s.location.href=m;} by these if(t.indexOf(' chrome/18')==-1){setTimeout(function(){s.moveTo(r,q);s.resizeTo(n,o);}, 100);}s.focus();s.location.href=m;} in ckeditor.js in line 78. This worked fine for me as a temporary solution, but it would be better to have this in version 3.6.4 so I can update ckeditor. Thanks in advance!

I have found it when reproducing #9146 for Webkit - it is the same TC but different version.

• Open the AJAX sample and create an editor.
• Without focusing it, hit the link button or select some sample text and hit link button it doesn't matter.
• Insert some dummy link, see that it's created and selected.
• Leaving the selection as is, type a few characters.

Note that the first character becomes a link.

I have found this problem while reproducing #9123

1. Load the following editor content:

         <ol>
         	<li>
         		foo
         		<ol>
         			<li dir="rtl">
         				^bar</li>
         			<li>
         				baz</li>
         		</ol>
         	</li>
         </ol>
   

2. Press the Outdent (Decrease Indent) button:

Result: Please note that there is P wrapping "bar" element. In DIV and BR mode this is changed to DIV.

<ol>
	<li>
		foo</li>
	<li dir="rtl">
		<p dir="rtl">
			^bar</p>
		<ol>
			<li>
				baz</li>
		</ol>
	</li>
</ol>

Reproducible in IE6-9 and Firefox from CKEditor 3.6.3 rev. [7419].

1. Load the following into editor

   <p>&nbsp;</p>
   <ol>
   	<li>
   		B</li>
   	<li>
   		C</li>
   </ol>
   

2. Place the cursor at the end of first empty paragraph;
3. Press DELETE.

• Actual: The paragraph is deleted but the list items no longer appear as a list (even though li is still displayed on the elements path bar).

It affects IE8 on WinXP only.

This ticket is an extension to #9146 and #9150. While there is clearly bug in Opera and Webkit, I'm not sure if the below case is a bug or just different behaviour that can't be fixed.

To Reproduce:

• Open the AJAX sample and create an editor.
• Without focusing it, hit the link button or select some sample text and hit link button it doesn't matter.
• Insert some dummy link, see that it's created and selected.
• Leaving the selection as is, type a few characters.

Result: in IE and in Firefox whole typed text becomes a link .

NOTE:
In all browsers, when using the above TC for inline styles, they are continued. Should the same rule be used for links or perhaps links shoudl not be continued?

This issue is more of the question whether IE and FF behaviour is correct (IMHO is) while #9146 is bug.

1. Start with the following code and selection:

   <ul>
   	<li>
   		^one</li>
   	<li>
   		two</li>
   	<li>
   		three</li>
   </ul>
   

2. Press Backspace.
3. Result: the list is deleted.

Regression introduced in [7540]. Should be resolved by #9129.

Using Chrome 19.0.1084.56 on Win7 [7387] (fix for #7360) "7360_2.patch​" breaks the editor.

When leaving the tab with the editor and returning to that tab, the editor just vanishes, because mainElement.getSize returns zero.

Reverse apply of "7360_2.patch​" fixes this for me.

My config:

var ckEditorConfig = {
    removePlugins: 'elementspath,maximize,resize',
    extraPlugins : 'autogrow',
    autoGrow_bottomSpace: 20,
    autoGrow_minHeight: 10,
    resize_enabled: false,
    autoUpdateElement: true,
    sharedSpaces : {
        top : 'topSpace',
        bottom : 'bottomSpace'
    },
    toolbarCanCollapse: false,
    contentsCss: '/css/email_editor_content.css'
};

The editor is instantiated with jQuery adapter:

    $someElement.find('textarea').ckeditor(ckEditorConfig);

Hi I'm using Google Chrome version 17.0.963.83 and CKEditor 3.6.3 (revision 7474) on ubuntu.

The error appears when you click "Browse server" button - the popup which appear is resized to very small window hidding all the content of the files thumbnails. The strange thing is that the window is shown with correct size if you retry this action for a few times.

I can't reproduce the bug on the ​http://ckeditor.com/demo

I am trying to attach the change , focus and blur events to my CKEditor instances that are dynamically generated.Find below the code. Its working fine for Ie9 and other browsers but not getting the instances in IE8 and below IE versions. Here is the code.

<script type="text/javascript">
        if (window.addEventListener) {

            window.addEventListener('load', onpageload, false);

        }
        else {

            window.attachEvent('onload', onpageload);
        }
    </script>

and the function is :

function onpageload(e) {
    var dirtyField = document.getElementById("dirtyfield");
    for (var i in CKEDITOR.instances) {
        CKEDITOR.instances[i].on('change', function () { dirtyField.value = true; });
        CKEDITOR.instances[i].on('focus', function () {
            this.document.$.childNodes[1].childNodes[1].style.backgroundColor = '#ebf5d0';
        });
        CKEDITOR.instances[i].on('blur', function () {
            this.document.$.childNodes[1].childNodes[1].style.backgroundColor = '#FFFFFF';
        });
    }
}   

Unable to get the instances in IE8 so the code in not able to loop and attach the events with the instances.

Suppose I am using ckeditor and want that users cant provide blank values. But If I restrict them with js and and user type only space three to four times and then submit that form then the validation does not work as it takes spaces as value. Now please tell me how to submit form without any white spaces.

iam using fck editor in my application....here iam facing problem with scrollbar in fck editor in Internet explorer..

i have an dropdownlist in html editor..i placed that dropdownlist at the very end in the fck editor (text area) ...if user selects any text from dropdownlist the cursor position is at right location i mean at the very end ... where as scroll bar scrolling up automatically......actually i want the scroll bar be at cursor location itself....but it is scrolling to top automatically ...pls help me out..very urgent plssss...is there anything we have to change in fckconfig.js or ckconfig.js?

iam using html editor in my application....iam using asp.net,fckconfig.js,ckeditor-config.js,styles,enterkeypress.html so many files are there .....

my issue is when i press enter key in fck editor it is taking two spaces....i want only 1 spce when i press enter key.....how to avoid two spaces by cling enter key in fck editor?

1. On the demo page for CKEditor 3.6.4, clear the screen.
2. Type the two lines. Hit CR after typing the first line.

This is line 1.

This is line 2.

3. Switch to source mode and you will see the following.

<p>
	This is line 1.</p>
<p>
	This is line 2.</p>

4. While in source mode add a <br /> between the two p's as shown below.

<p>
	This is line 1.</p>
<br />
<p>
	This is line 2.</p>

5. Switch out of source mode and then back to source mode and you will see the following invalid html.

<p>
	This is line 1.</p>
<p>
	&nbsp;</p>
<p>
	<br />
	<p>
		This is line 2.</p>
</p>
<p>
	&nbsp;</p>

6. Notice that there is a p block within another p block. Also notice how the original html is modified by the insertion of p blocks with &nbsp;'s.

This is very problematic since we have many documents that exist with embedded br's and every time we save the files and reload them, they become more and more corrupt.

This worked properly in 3.6.2. No testing was done on 3.6.3.

Using the Chrome and IE, was discovered in version 3.6.5. Does not occur in IE.

1. open _samples/fullpage.html
2. click new page button
3. click Document Properties(open dialog)
4. "test" is inputted into the text area of a page title.
5. click ok button
6. click source button

result

<html>
	<head>
		<title></title>
	</head>
	<body></body>
</html>

The same result was brought also by ​http://nightly.ckeditor.com/7582/_samples/fullpage.html. 6)click source /or a submitt button is also the same.

Hi All,

In our project We want to convert content of Microsoft Word document to ck editor for Wiki Page, but in IE 8 it cannot parse correctly and display some <!--[if !supportLists]-->… <!--[if !supportLists]--> in the content and not maintain format as well.

It cannot copy the styling and color of content for Microsoft Word document to ckeditror.

Problem is also exist for images as well, if someone copy the image content from Microsoft Word to ck editor then in ckeditor image path is set as from local machine for Ex. " <img src="​file:///C:\DOCUME~1\MAHIPA~1.RAN\LOCALS~1\Temp\msohtmlclip1\01\clip_image001.jpg" />" which is incorrect.

Has anyone give direction on above problems? Your solutions must be appreciated.

The Problem is with the Scroll bar which is automatically scrolling to FCK Editor's starting point (Top position)after the user selects some item from the suggestion box. But Actally the scroll bar should be at the same position where user selects the item. And Cursor is also missing after the selection. But the Scroll bar is moving to the FCK Editor starting point after the selection of the item.

Please see the below demo to understant the problem clearly.

Hi, On this page, ​http://docs.cksource.com/FCKeditor_3.x/Design_and_Architecture/Dialog_System

it is written that :

buttons: [

CKEDITOR.dialog.okButton( {

label: 'Go'

}),

CKEDITOR.dialog.cancelButton

]

I think, you must write :

buttons: [

CKEDITOR.dialog.okButton.override( {

label: 'Go'

}),

CKEDITOR.dialog.cancelButton

]

I want to create a link within webpage, but am not satisfied with normal anchor links, i need to do someting better like below

Create a Heading link on webpage e.g "Location Details",when user clicks the Location Details, the detailed information on location/text should appear just below the heading and should vanish when the heading link is clicked again..

I have no programming experience, please advise, how i can do it using advance link option in CkEditor.

Steps to Reproduce

1. Place some text in the editor field (make sure it is the only thing in the editor field)
2. Highlight all of the text in the editor by clicking and dragging the mouse from the right side to the left side of the screen.
3. Press backspace

Expected Result

1. Deletes all of the highlighted text

Actual Result

1. IE9 makes the browser go back to the previously visited page

Note Video of the issue being reproduced: ​http://screencast.com/t/KbxCpzByVNtg

I think, we should custom the style of the buttons we create in a dialog. For example in order to change the background color of a button. As the align option, the labelStyle option is not effective :

{
            type : 'button',
            id : 'chargement',
            style : 'margin-left:200px;',
            align : 'center',
            labelStyle : 'font-weight: bold',
            title : 'My button',
            label : 'My button',
}

This code gives :

<a style="margin-left:200px;" href="javascript:void(0)" title="My button" hidefocus="true" class="cke_dialog_ui_button anyClass" role="button" aria-labelledby="cke_120_label" id="cke_121_uiElement"><span id="cke_120_label" class="cke_dialog_ui_button">My button</span></a>

I think these 2 options should be work.

1. Open replacebyclass sample.
2. Change font size of some text to e.g. 72.
3. Copy changed text.
4. Paste it.

• Actual: pasted content: <font size="5">versions of the story </font>

• Expected: <span> setting style should be pasted.

Tested on IE8.

I m using ck-editor in Joomla(2.5) and I found a bug for chrome (20.0.1132.57 m) version.

When open image browser in ck-editor, the popup of image browser goes minimize. Its not shown to user in maximize mode. we can saw it on windows bottom-toolbar.When click on right click on ck-finder minimize option and choose the maximize, then it shows proper on a window.

I have checked with newer version of ck-editor of joomla, but not work.

Please see the issue for it.

Related to ticket:7243, if my editor content contains protected elements (a, area, img, or input) embedded in a javascript string, ckEditor will try to protect their attributes (href, src, name), even if their quote delimiters are escaped.

For example: ckEditor will change this:

  var link = "<a href=\"http://google.com\">Google</a>";

to this:

  var link = "<a  data-cke-saved-href=\"http://google.com\">Google href=\"http://google.com\">Google</a>";

Fix: the protectAttributes() parser (in htmldataprocessor/plugin.js) should ignore attributes with escaped delimiters. More specifically, line 291-292 (v3.6.4) should change from this:

	var protectElementRegex = /<(a|area|img|input)\b([^>]*)>/gi,
		protectAttributeRegex = /\b(on\w+|href|src|name)\s*=\s*(?:(?:"[^"]*")|(?:'[^']*')|(?:[^ "'>]+))/gi;

to this:

	var protectElementRegex = /<(a|area|img|input)\b([^>]*)>/gi,
		protectAttributeRegex = /\b(on\w+|href|src|name)\s*=\s*(?:(?:"[^"]*")|(?:'[^']*')|(?:[^ "'\\>]+))/gi;

(I just added an escaped backslash to that last non-capturing group in the regex.)

I have tested this change on the following permutations, and the regex still correctly captures all but the last two links (which should be ignored because they are invalid anyway):

<a href="http://google.com">Google</a>
<a href=http://google.com>Google</a>
<a href= 'http://google.com'>Google</a>
<a href="">Google</a>
<a href= \\>Google</a>
<a href=\"http://google.com\">Google</a>

Thanks guys!

To reproduce:

1. Set Enter mode to BR
2. Open replacebycode sample, press New Page and switch to source
3. Paste in the below invalid code

   <div>
   <ul>
   <li><meta charset="utf-8"><span style="font-size: smaller;">FedEx 3rd Day (3 business days) - $12.95&nbsp;</span></meta></li>
   <li><meta charset="utf-8"><span style="font-size: smaller;">FedEx 2nd Day (2 business days) - $24.50</span></meta></li>
   <li><span style="font-size: smaller;">FedEx Next Day (1 business day) - $19.95</span></li>
   </ul>
   </div>
   

4. Switch to WYSIWYG

Result: infinite loop.

Problem has been reproducible in Firefox from CKE 3.5.3 rev. [6629]

Despite code being invalid I think that it should not cause infinite loops.

Is it possible?

To Reproduce:

• Specify Div enterMode for any CKEditor sample and open in a browser.
• Click the indent icon a few times and insert a table.
• Now try to outdent the table.

Problem: The table cannot be outdented.

If you insert some text and then the table (without pressing enter), it is not possible to outdent the text either, even if the table is deleted.

Similarly if you enter some text below the table, this text cannot be outdented even after the table has been deleted.

This issue is also reproducible in P enterMode using the Normal (DIV) paragraph formatting option.

When I config CKEditor for emailProtection = 'encode' and try edit already encoded email address, Link Plugin Dialog parse email with postfix 'undefined' like this: test@…

I understand the stylesheetparser is designed to only work with classes assigned to elements.

Example;

div.normalText { ... }

OR;

span.normalText { ... }

However, I would like to use Generic Classes...

Example;

.normalText { ... }

The following code populates the styles dropdown with "generic" classes defined in an external stylesheet;

$('#myTextarea').ckeditor({
    extraPlugins:'stylesheetparser',
    stylesheetParser_skipSelectors:/(^body\.)/i,
    stylesheetParser_validSelectors:/\.\w+/,
    contentsCss:'/css/styles.css',
    stylesSet:[],
    toolbar:[['Bold','Italic','Underline','-','Styles','FontSize']]
});

The Problem is that generic classes show up as broken in the Styles Dropdown. It shows the following format for each Dropdown Item;

< class="normalText">.normalText</>

See attached Image

I tried to edit the source and fix myself, but honestly I'm lost :)

I understand what is happening, it is using the element to generate the html in the dropdown... In this case the element is empty, thus the broken html tag above... My recommended solution is to use a <span> in the dropdown list when the element is empty.

Can this simple fix be added to the next release of ckeditor?

(It is very important to me that Generic classes be supported)

Thanks!

To reproduce:

1. Insert in config.js config.removePlugins='contextmenu'
2. Open any sample and right click in content area.

Context menu is still there.

Reproducible from CKEditor 3.6.4 rev [7561].

i need to remove paste option completely, please let me know where i need to edit the js code.

Hello guys,

I've successfully installed CKEditor on my website and I also have integrated CKFinder with CKEditor too. Everything seems to be working fine but when enabling compatibility view in IE9 the image dialog is not displayed properly. What I noted is that the Image properties window (the image dialog) is fired but not visible, and if I scroll down quickly the browser, I can see the Image properties window showing at the very bottom of the screen, but as soon as I finish scrolling down the browser, the image dialog disappears again.

My website runs under HTTPS.

I have added the new custom styles in FCKstyles.xml and updated the fckedtorarea.css with defination . new custom styles are working in firefox and google chrome but in IE (7,8) browser unable to preserved the styles . 1st time i am applying the custom styles to content and it was working but again opening same content in fckeditor text area custom styles are not preserved

To see an example of this:

• Save the attached 2 files into the _samples directory.
• Open editorInIFrame.html in a browser.
• Open the Find dialog.
• Try to drag the dialog outside of the IFrame.

Problem: It is not possible to move the dialog outside of the IFrame. This makes it difficult to use the Find/Replace features since the dialog obstructs much of the editor.

The reason we would like support for this is to use CKEditor with Open Social APIs. This requires CKEditor to work as a gadget in an Open Social container (e.g Shindig) where the CKEditor dialogs can open in a specified target frame/IFrame instead of in the HTML page of the editor.

One idea we have discussed as a possible workaround for this was to hide another editor instance in the frame/IFrame where we want the dialog to display and switch the editor documents between the 2 editor instances. However this is not ideal since it requires an extra editor instance and there could be many other undesired consequences of this.

Since Open Social is becoming widespread in enterprise applications, it would be great for CKEditor to support this usecase. Is there some other way this can be supported?

When you paste over selected text with the paste button or from the context menu, a javascript error occurs. The text is still pasted. Keyboard paste ctrl-v does not cause the error. This at least occurs in IE8, not Firefox or Chrome. Go to ​http://ckeditor.com/demo to try it out.

Descriptive summary: Upon adding a link to an image's attributes and saving the dialogue, upon attempting to adjust the image attributes, one is instead editing the link attributes. Steps to reproduce: ​http://ckeditor.com/demo double click the image, go to the link tab, add a url, save the dialogue, re-open and note it is the link dialogue. Browser name and OS : FireFox 14.0.1 for Ubuntu Canonical 1.0, Ubuntu 12.04 Precise Screenshots: ​http://i.imgur.com/fq5EJ.png ​http://i.imgur.com/vNnpk.png Sample data

<a href="http://a.cksource.com/c/1/inc/img/demo-little-red.jpg"><img alt="" src="http://a.cksource.com/c/1/inc/img/demo-little-red.jpg" style="margin-left: 10px; margin-right: 10px; float: left; width: 120px; height: 168px;" /></a>

The regular expression used for attribute matching is overly aggressive (it matches outside of HTML tags). This was resulting in some of the protection characters making their way to our final output (such as: "{C}" or "{cke_protected_1}").

Create a unnumbered list Create a few list items Hit ENTER to create a new empty enumeration item Hit BACKSPACE to leave the enumeration. Write some fancy stuff.

If you view the HTML source, you see that there is a <p> tag too much. In most browsers this is fine, but in IE8 in IE7 compatibility mode, an undeletable (you can't click the line) paragraph is between the enumeration and the fancy stuff. See Screenhost in attachment.

Ticket REF : 6557-USFL-1340 | Ticket ID : 6730

• Add "Strange Template" template to text area
• Select all in text area (CERTL+A) and add a background color to template content
• Put cursor at the end of content (More text goes here.^)
• Add a new template to text area and make sure "Replace actual contents" is unselected

Results:

• You have two templates with background colour IE6-8
• Or one with a background colour, one without (IE9) but once you click on Source then click Source again to go back to WYSIWYG mode the second template will get the background of the first. This only happens in IE9.
  

It seems that in IE9 block content is not being styled when it is pasted inside span.

1. Start with an empty ckeditor instance.
2. Select bold, italic, or underline effects.
3. Type a few letters and observe text appears with these effects.
4. Press the enter key.

Observe that the cursor moves to the beginning of the second line (as expected), but that the text just entered also jumps to the second line and the cursor is now positioned before that text (not expected). I expected text to remain on line 1 and cursor to be positioned after the text.

I am running CKEditor 3.6.2 within the context of jQuery 1.5.1 and using the Chrome browser.

Is this a known issue and I didn't know the right keywords to find it? Is it due to bad configuration on my part? Is it fixed in a newer version of CKEditor?

To reproduce:

1. Create a simple numbered list with 4 list items
2. Select the items 2 & 3
3. Hit the bullet list button to convert selected items to bullet items

Result: Browser crashes and closes on IE7

Reproducible on trunk and nightly.

Originally found by customer on 3.5.3, appears reproducible from rev [6241].

Hi,

I am unable to copy the images from MS-word doc on CK editor for IE and chrome browser.Its working fine in FireFox.what would be best possible way to sort out this issue.Thanks

When editing (by double clicking) a placeholder, the plugin triggers an error.

To recreate:

1. Open samples/placeholder.html
2. Add new paragraph.
3. Click on [P] icon in toolbar.
4. Enter placeholder text (I used test) and click on OK.
5. Double click the newly inserted placeholder.

Expected result: Opens the dialog so you can change the placeholder name.

Current result: Javascript error is being thrown, no dialog is opened.

The error:

TypeError: current.is is not a function	

if ( current.is( 'body' ) || !current.isReadOnly() )

core/selection.js line 960.

Using width, height and align in the image editor is automatically converted to a style tag.

While this approach is html valid, it create lots of compatibility issues in gmail and outlook 03-07. Since a great deal of persons use your editor directly as an email editor I think it would be in your interest to fix this issue

I personally modified CK source to reflect this problem, but since each releases a lots of bugs are fixed, i really don't think this is the best approach moving foward.

Using width, height and align in the image editor is automatically converted to a style tag.

While this approach is html valid, it create lots of compatibility issues in gmail and outlook 03-07. Since a great deal of persons use your editor directly as an email editor I think it would be in your interest to fix this issue

I personally modified CK source to reflect this problem, but since each releases a lots of bugs are fixed, i really don't think this is the best approach moving foward.

Using width, height and align in the image editor is automatically converted to a style tag.

While this approach is html valid, it create lots of compatibility issues in gmail and outlook 03-07. Since a great deal of persons use your editor directly as an email editor I think it would be in your interest to fix this issue

I personally modified CK source to reflect this problem, but since each releases a lots of bugs are fixed, i really don't think this is the best approach moving foward.

Using width, height and align in the image editor is automatically converted to a style tag.

While this approach is html valid, it create lots of compatibility issues in gmail and outlook 03-07. Since a great deal of persons use your editor directly as an email editor I think it would be in your interest to fix this issue

I personally modified CK source to reflect this problem, but since each releases a lots of bugs are fixed, i really don't think this is the best approach moving foward.