Custom Query

Need to add document link feature also

hi,

I am using the latest version of CKeditor and I find that this feature is still missing.

I usually need to set the rel="shadowbox" attribute for my links ( A tag), but I can't find an option on the "Insert Link" pop-up dialog to set the rel attribute.

Could you please add this new option?

Thanks.

Table resize handles do not appear in IE7. Tried in IE7 mode using IE8. Version - Beta 3.4.

When hovering over the right hand side of the last column in a table, the resize handle does not appear. The last column can be sized by sizing the entire table, but from a usability standpoint and what the user would expect, a resize handle should appear for the RHS of the last column.

Version - 3.4 Beta.

FF 3.6 only. The issue does not exist on IE. Version 3.4 Beta.

We are hooking tab to perform indent/outdent. This behavior no longer works in FF with the tab behavior that exists for tables. Perhaps this is not a bug, but an incorrect implementation on our part. Here is the code we are using:

// Use tab to indent and outdent.  Use ctrl-tab, ctrl-shift-tab
// to move focus out of the editor
editor.addCommand('blur', {
    exec : function() {
        editor.container.focusNext(true, editor.tabIndex);
    }
});
editor.addCommand('blurBack', {
    exec : function() {
        editor.container.focusPrevious(true, editor.tabIndex);
    }
});
editor.on("key", function(ev) {
    var keyCode = ev.data.keyCode;
    if (keyCode == 9)	{
        ev.cancel();
        editor.execCommand("indent");
    }
    if (keyCode == (CKEDITOR.SHIFT + 9)) {
        ev.cancel();
        editor.execCommand("outdent");
    }
    if (keyCode == (CKEDITOR.CTRL + 9))	{
        ev.cancel();
        editor.execCommand("blur");
    }
    if (keyCode == (CKEDITOR.CTRL + CKEDITOR.SHIFT + 9)) {
        ev.cancel();
        editor.execCommand("blurBack");
    }
});

If I copy paste the quote at the beginning of this article on ​http://www.readwriteweb.com/archives/yahoo_lets_loose_with_a_boomerang_-_automatic_webs.php using Opera on my own application using CKEditor or on your demo site it displays text in chinese.

If a new button is added to a dialog (or the translation of OK or Cancel is long enough), the label of the button won't be shown properly as it's being restricted to 60px wide.

The sample can be used to test the behavior and the patch fixes the problem.

hello and good day!

im having a problem with the editor. I put in a value in between the textarea/editor

<textarea name="txtdescwork" id="descwork" cols="10" rows="5"><?php echo $rowsworkDescription?;?></textarea>

<script type="text/javascript">

CKEDITOR.replace( 'descwork', { toolbar: 'Basic', width: '420px', height: '100px', } ); </script>

i edit the value with the editor and tested it first with alert. alert only returns the default value and not the edited value.. can u pls help me

In CKEditor 3.3.1, when we have lengthy data in any of the dialog control fields in quirks mode, dialog stretchs more and occupies the entire page to display (screen shot is attached). Replication:

1. Run the attached 'replacebycode.html' file.
2. Double click the 'CKEditor' link inside the editor area.
3. Once the link dialog is opened, go to advanced tab now you can see the dialog is stretched.

Note: this issue is happening for all dialog based controls.

While CKeditor is embed into an iframe with fixed positioning, like in the screenshot, and focus is at the editor's text area, fullscreen action doesn't work properly on Firefox.

I've found a solution to that problem. Method refreshCursor in ckeditor/_source/plugins/maximize/plugin.js creates a span with absolute positioning, to fix focus problems on Firefox. Setting positioning of that span to 'fixed' was enough to solve this problem.

If there was ms word text added to fckeditor and saved in database and now thourgh query I fetch that text in ckeditor , the script hanges in ckeditor.

1. Install Google toolbar in IE7 and restart the browser.

2. Open the nightly demo Ajax sample and create an editor instance.

3. Add some content into the editor.

4. Click the spell check button.

5. Observe the content is removed from the editor.

Tested on Firefox 3.6.4 - CKEditor Version 3.3.1

Code = <div id="right_top" style="width: 308px; height: 13px; background-image: url('/images/right_top.png');">Test</div>

This is converted after switching source view off and on again to the following:

Amended = <div id="right_top" style="width: 308px; height: 13px; background-image: url(&quot;/images/right_top.png&quot;);">

Test</div>

If this is then submitted, the html is completely garbled by the editor and becomes the folloing:

Final output = <div id="right_top" images="" right_top.png="" style="width: 308px; height: 13px;">

Test</div>

Inline styling has been fine up until now and this has only happened since this new version of firefox.

The paste and pastetext dialogs are built using HTML UI elements. The HTML contains hard-coded style attribute values, as the following code from the pastetext dialog shows:

{
type : 'html',
id : 'content',
style : 'width:340px;height:170px',
html :
	'<textarea style="' +
		'width:346px;' +
		'height:170px;' +
		'resize: none;' +
		'direction:' + editor.config.contentsLangDirection + ';' +
		'border:1px solid black;' +
		'background-color:white">' +
	'</textarea>',

As with the image and flash dialogs, can the tags in the HTML content be given an id attribute, and the style moved out to the skin's dialog.css. Only dynamic styles should remain.

Tested on FF 3.6.3, Win XP. NOTE: This problem does NOT happen on the same system w/ IE 7. Other browsers not tested.

Steps to Reproduce: One either the nightly build or current demo, insert any flash object.

Problem 1: Click on the object, and drag to resize it. The selection box (with the 6 corner anchors) disappears although the element is still (or should still be) selected. The item still looks selected, but the anchor points are not there so it cannot be further resized without dlicking off and clicking back on.

Problem 2: Click on the object and bring up the dialog to edit an existing flash object. Change the size of it and push ok. The selection size in the editor is the same size as the old size as opposed to the size you just inputted causing a weird look.

When setting content into a CKEditor instance the dataReady event fires before data is actually ready.

If I try to get data out of a CKEditor instance right after the dataReady event fires I sometimes get an empty string.

When using Dojo Toolkit (tested with 1.4) and an initialized CKEditor instance, Dojo won't work anymore.

In Firebug, the following error is displayed:

"Bundle not found: validate in dijit.form , locale=en"

When setting the property "scayt_autoStartup" to "false" in the CKEditor constructor, the problem is "solved". In other words, completely disabling the scayt spellchecker is (for now) the only way to be able to integrate CKEditor in an application that also contains Dojo elements.

I believe this is due to the fact that SCAYT spellchecker is being used by both Dojo Toolkit and CKEditor at the same time which causes conflicts.

In Quirks and RTL mode, when we select the Format/Font/Size control there is a horizontal scroll displayed for a sec and that causes the editor flickering. Attached a sample file to reproduce.

When using JAWS and editing content, the indentation level of paragraphs is not communicated to the JAWS user.

In FF, CSS text-indent is exposed as an object attribute, CSS margin isn't exposed at all. In order for JAWS to pick up the indentation level, content should use the text-indent property instead of margins.

​http://www.w3.org/TR/CSS2/text.html#indentation-prop

Hi there,

haven't been able to upgrade to 3.1, yet. So this is in regard to FCKEditor 2.6.x:

The docs don't offer any way to deal with dynamic URLs of dialogs. I had to load some data depending on the value of a <select> outside of FCKEditor.

since FCKDialogCommand( command, title, url, width, height ) won't accept a function(){} as url, I built this little wrapper. The charme's with toValue and toString:

var _theDynamicURL = new (function(){
  function getURL()
  {
    return FCKPlugins.Items['thingie'].Path + 'script.php?external=' +  
top.document.getElementById( 'selectThingie' ).value;
  }
  this.toValue = this.toString = getURL;
});

FCKCommands.RegisterCommand( 'thingie', new FCKDialogCommand( 'thingie', 'My Thingie', _theDynamicURL, 440, 440 ) ) ;

Might be worth mentioning on the plugins help page?

Keep up the really great work!

The editor should provide an easy method for a user to switch the base language direction of a paragraph or other block level element.

Switching a paragraph should behave like the block level styles and set the dir attribute on the enclosing <p>.

Two new buttons in the toolbar could be used to switch or set base language direction.

Direction sensitive operations like indentation and alignment should work properly according to the base language direction of the relevant part of the document. The toolbar icons for these functions should also render correctly when moving between RTL and LTR content.

Example problem 1
Set this content in source and switch back to rich text.

<p dir="rtl">RTL content</p>

Notice that it isn't possible to use the indentation buttons in the editor (left margin is applied instead of right).

Example problem 2
Using the same content as above, notice that the justify icons shows left aligned, when it should show right aligned.

It should be possible to set correct base language direction for graphical items such as numbered and bullet lists.

When creating a list from some existing content, the new list should retain the original language direction.

e.g. the following selection

<p dir="rtl">
   Line 1 <br/>
   Line 2 <br/>
   Line 3 <br/>
</p>

should become

<ul dir="rtl">
	<li>asdasdsadas</li>
	<li>sdfsdfsdfsdfsdf</li>
	<li>sdfsdfsdfsdfsdfsdf</li>
</ul>

the operation should also be reversible.

It should be possible to set the language direction of a table and to correctly mirror it when switching from RTL->LTR and LTR-RTL.

when I select a few words in CKEditor and I choose Heading 1 from the menu, the selection disappears and the first sentence gets a heading 1.

Currently the smiley dialog only shows the pointer icon while hovering the table and cell elements, but not the link or image itself.

Also, clicking on the space between smileys selects one of them, but I think that it might be better to restrict the clicks to the images themselves.

Either I'm missing something or we forgot to port those settings:

• ImageDlgHideLink
• ImageDlgHideAdvanced
• FlashDlgHideAdvanced

We have ported only:

• linkShowAdvancedTab
• linkShowTargetTab

Right now if someone wants to add special characters to the dialog (like alpha, beta, gamma, delta), he is forced to change the source code of the editor.

In the simplest scenario we could at least have a configuration option, which would be used when constructing the chars array (a list of chars to be added to the end of the default array, alternatively the whole array could be a configuration option).

Sample post where user is asking for this feature: ​http://cksource.com/forums/viewtopic.php?f=11&t=18519

Hi team, just started using FCK editor. I am creating one java-struts application. I have embeded the FCK editor in one of my jsp page. Need to change the image browser to pick files from local drive(the version which i use picks it from default location of FCK.) how should i proceed for the above changes??

Need an urgent solution for this..... Thanks in advance Anu

When using IE8 in non-compatibility mode, any paragraph that has dir="rtl" will display with resize handles.

Tested on nightly build.

3.4 Beta

Currently in the table there is no way to get out of it. ctrl-tab and ctrl-shift tab should take the user out of the editor while in a table.

Overall, I think tab should keep focus in the editor and ctrl-tab/ctrl-shift-tab should navigate out of the editor. This is typical editor behavior and would give the user the ability to customize the tab keystroke without also having to deal with customizing navigation out of the editor. I thought this was the implemented behavior in the 3.4 zip, since I was seeing this behavior, but that was due to our plugin. I would like to discuss this further with the Lotus CKEditor folks, but at a minimum, there must be a way to navigate out of the table.

Hello,

i have a problem regarding some custom tags. I´m using the CKEditor for Foswiki, so i have to handle macro tags like

%MACRO{"adsfafds"}%

All these macros can be located in span elements with a given classname like "wysiwyg_protected".

What i´m trying to do no for 2 days is to prevent parsing of these tags in the ckeditor. Some special macros are changing when i switch between the source and wysiwyg mode, for example this macro snipet:

%SEARCH{ "1" type="query" scope="topic" nosearch="on" nototal="on" order="modified" reverse="on" limit="7" format="<dt>[[$topic]]</dt><dd>$summary<br /><span class='foswikiGrayText'>$date - $wikiusername</span></dd>"}%

I´m sure that the dataprocessor is parsing the html elements in the macro.

What i don´t want to do, is to put these macros into protectedSource, because i need to see them in my wysiwyg view as a fakeobject for example. I event need to change these macros, but in a controlled way.

I put a lot of time in trying to understand the dataprocessor but i would be really happy, if you can help me on this issue!

Thanks, Alex

The Flash Plugin does not recognize flash content unless an embed tag is present. It would be nice if a cke_flash element/placeholder would be displayed in the editor when an <object> tag containing the "'application/x-shockwave-flash'" attribute is encountered.

To reproduce: go to flowplayer.org/plugins/javascript/embed.html press the get embed code button paste value in ckeditor

3.4 Beta

Run the code example which uses contentEditable=false. Open Find/Replace dialog. Try replacing a word in the read-only content. The action succeeds.

3.4 Beta

Run the code example. Select the read-only region. Select the text in the region. Invoke context menu. Copy action is disabled.

Currently it's a little hard to do nice designs with the dialog.ui elements, for example one problem is that specifying a style option in the definition is applied to both the wrapper and the native control, so putting things like width makes it go crazy.

By allowing a new attribute "controlStyle" we can allow to specify some css that must be applied only to the control and make it render as expected.

The screenshot shows in the first part how it looks without applying any style, the wrapper tries to take all the width and it's ugly. The second part shows that if we specify a width, the select element becomes too wide, so that isn't the solution. The third one shows the rendering after applying the patch to this dialog.

		contents : [
			{
				id : 'Info',
				elements :
				[
							{
								id : 'cmbStrokeWidth',
								label: editor.lang.googlemaps.strokeWidth,
								labelLayout : 'horizontal',
								widths: [ '50', '66'],
								style : 'width:116px;',
								controlStyle : 'width:45px; ',
								type : 'select',
								items :
								[
									[ '10', '10']
								]
							},
							{
								id : 'cmbStrokeOpacity',
								label: editor.lang.googlemaps.strokeOpacity,
								labelLayout : 'horizontal',
								widths: [ '50', '64'],
								style : 'width:116px;',
								controlStyle : 'width:45px; ',
								type : 'select',
								items :
								[
									[ '1', '1']
								]
							},
							{
									type:'hbox',
									widths: [ '130', '80'],
									children:
									[
										{
											id : 'txtStrokeColor',
											label: editor.lang.googlemaps.strokeColor,
											labelLayout : 'horizontal',
											widths: [ '50', '64'],
											style : 'width:116px;',
											controlStyle : 'width:64px; ',
											type : 'text'
										},
										{
											id : 'btnColor',
											type : 'button',
											label : editor.lang.googlemaps.chooseColor
										}
									]
							}
				]
			}
		]

I have read through the forum and ticket history and see there has been a few incidents with CKEDITOR_BASEPATH, but none that address ny problem specifically.

I have tried to install CKEDITOR in a Domino-environment for some time with no luck, even with this global variable set. FCKEditor works fine, and obviously I would like to install several versions side by side when testing. So far I've got an error on some "l.lang.something" missing, and the reason is that CKEDITOR_BASEPATH is truncated(?). When I put all the files in root it works, but that is messy. CKEDITOR_BASEPATH is set to "/path/db.nsf/ckeditor331/", but the path used is only "/path/db.nsf/".

I'm not sure if this is a bug (i.e. the code say A and does B), but for sure it seems an usability issue, so I report it.

Looking at the source styles/plugin.js, inside applyInlineStyle() function, there is

if (range.collapsed) {
    // ...
    // Place the selection right inside the empty element.
    range.moveToPosition( collapsedElement, CKEDITOR.POSITION_BEFORE_END );
    // ...
}

Which, according to range's source code, shall move the caret inside the collapsedElement element, but when typing, text is written before that element.

Tried on the current night build (5649) in Chrome on GNU/Linux.

To reproduce:

1. Move the cursor somewhere, without selecting anything
2. Insert an inline style, like "Marker green"
3. Type something

File: _source/plugins/htmldataprocessor/plugin.js (Starting line 240)

The function to convert ALL styles to lowercase causing a problem with capital urls:

background-image: url(http://somedomain/SomeBackground.jpg);

is converted to:

background-image: url(http://somedomain/somebackground.jpg);

On a windows server, this is not the biggest problem, but a linux server won't find that file.

Heres the possible fix:

	if ( CKEDITOR.env.ie )
	{
		// IE outputs style attribute in capital letters. We should convert
		// them back to lower case.
		defaultHtmlFilterRules.attributes.style = function( value, element )
		{
			var res = value.match(/([a-z-]+):/gi);
			if (res) {
				for (var i = 0; i < res.length; ++i) {
					value = value.replace(res[i], res[i].toLowerCase());
				}
				return value;
			}
			else {
				return value.toLowerCase();
			}
		};
	}

Greetings, Juergen

1. Open an example and select all text.
   
2. Set font-size to 20.
   
3. Select any word by double click.
   
4. Set font-size to 14.
   
5. Set font-size to 20 -> font-size will not be changed.

1. Create new paragraph.
   
2. Create new table.
   
3. Create new paragraph.
   
4. Select all content and click "Center Justify" button
   

In result alignment will be changed for paragraphs and table's cells. Expected: alignment should be applied for the table element.

Open Skins example. Note that Text/Background Color panels have scrollbars in Office2003 and v2 skins.

1. Create formatted block
   
2. Paste long code (it should be longer then viewport of the editor)
   
3. Scroll the content
   
4. Copy/paste something -> content will be scrolled

The same behavior for long paragraphs.

1. Create ul/ol list
   
2. Select Formatted paragraph format
   
3. Toggle to source mode and back -> note that text has additional indentation

The first click on SCAYT button opens menu, the second click should hide it.

1. Add the code:
   

<pre class="code">some code</pre>

2. Toggle to WYSIWYG mode and move cursor to the end of pre block.
   
3. Press Shift+Enter.
   
4. Toggle to source mode. Note that the new paragraph has class attribute.

Unlink should remove only selected text for non-collapsed range.

I am testing FCKeditor 2.6.6. The icons display fine in IE 8.0.6, but in FireFox 3.6.4, the icons have an overlay of a broken image symbol. Part of the icon is visible behind the overlay. I have searched the bug reports and forums, but I have not been able to find any other reports of this problem. I would greatly appreciate any advice. Thank you.

Steps to reproduce

• Open a sample in IE and open the image dialog.
• Go to the height or width fields, and type a value that ends with percent sign or the 'px' suffix.

An error occurs.

To reproduce the defect:

1. Open Ajax sample.

2. Insert some text, Click on Insert Page break icon and enter some text after the Page break.

3. Now try to use UP Arrow key to go to Paragraph above the Page break

Expected Result:

we should be able to go to the paragraph above Page break using UP Arrow keys.

Actual Result:

when we press UP Arrow key for the first time it is creating an Empty Paragraph below the Page break & keep pressing the UP Arrow key slowly. No matter how many number of times you press it cursor won't go to Paragraph above Page break. when we press UP Arrow key fastly it will move after few tries.

And also when we Position the cursor in the Empty Paragraph after Page break & try to delete it will not work.

1. Copy the following HTML into an editor instance in source mode.

<p id="1">P1</p>

<p id="2">P2</p>

<p id="3">P3</p>

2. Disable source mode.

3. Select 'P2', start at the beginning of 'P2' and end the selection just before the text 'P3' in the next paragraph.

4. Press Ctrl + X to Cut the text.

5. Click the Source button to go to source mode.

Observe that the P3 paragraph is missing the id attribute: <p id="1">

P1</p>

<p>

P3</p>

When text is selected and the context menu is opened the selection highlight is removed. It is restored when the content menu is closed by pressing Esc.

To reproduce the defect

1. Open Ajax sample & Create a Table with 30 Rows & 30 Columns.

2. Position the cursor in one of the Table Cells in the last row.

3. Drag the slide bar to the top of the page.

4. Now Click in one of the Table Cells in the First row.

Expected Result:

Cursor stays in the Cell that we have clicked and the user can enter the content.

Actual Result:

Cursor jumps out of the cell to a cell in a different row.

When i try to extract the selected text from the editor i receive the error "getSelection is null or not an object" only happens in ie6 & ie7. it works great in ie8, firefox, chrome & safari.

var editor_name = 'email_ckeditor';


var mySelection = CKEDITOR.instances[editor_name].getSelection();


if (CKEDITOR.env.ie) {
    mySelection.unlock(true);
    selectedText = mySelection.getNative().createRange().text;
} else {
    selectedText = mySelection.getNative();
}

alert( selectedText );
	

also tried without luck

var editor_name = 'email_ckeditor';


if (CKEDITOR.env.ie) {

selection = CKEDITOR.instances[editor_name].getSelection().document.$.selection.createRange().text;
			
} else {

selection  = CKEDITOR.instances[editor_name].getSelection().getNative();
};

alert( selection );

Two people have reported problems with their security suites due to the use of UniversalXPConnect introduced in #4469 ​http://cksource.com/forums/viewtopic.php?f=11&t=19393 ​http://cksource.com/forums/viewtopic.php?f=11&t=18514

As very few people might know about that option and even fewer of them would bother to change their configuration, I think that it will be better to remove that code because there might be more people that just see that CKEditor fails but don't know the reason and just give up before searching for help or reporting the problem.

I'm using PHP5 object to generate CKEditor instances. The resulting HTML is:

<script type="text/javascript">//<![CDATA[
window.CKEDITOR_BASEPATH='http://<url>/plugins/ckeditor/';
//]]></script>
<script type="text/javascript" src="http://<url>/plugins/ckeditor/ckeditor.js?t=A1QD"></script>

Not sure why's that a case, but in some circumstances window.CKEDITOR_BASEPATH is not visible from scope of the ckeditor.js (verified by alerting that variable, comes as undefined).

We've got around it by declaring it twice:

$ svn diff ckeditor_php5.php 
Index: ckeditor_php5.php
===================================================================
--- ckeditor_php5.php	(revision 14361)
+++ ckeditor_php5.php	(working copy)
@@ -454,7 +454,7 @@
 
 		// Skip relative paths...
 		if (strpos($ckeditorPath, '..') !== 0) {
-			$out .= $this->script("window.CKEDITOR_BASEPATH='". $ckeditorPath ."';");
+			$out .= $this->script("window.CKEDITOR_BASEPATH='". $ckeditorPath ."';var CKEDITOR_BASEPATH='". $ckeditorPath ."';");
 		}
 
 		$out .= "<script type=\"text/javascript\" src=\"" . $ckeditorPath . 'ckeditor.js' . $args . "\"></script>\n";

At least one affected browser:

Mozilla/5.0 (X11; U; Linux i686; en-GB; rv:1.9.1) Gecko/20090624 Firefox/3.5

We have CKEditor on a Drupal site public.com with the CKEditor module. This site is edited by multiple users from a company which has their webmail at private.com.

When a user recieves a mail on private.com with a link to a page on public.com, clicks on it and edits the page, their CKEditor window doesn't load.

I recreated the problem with Firebug on and i got the following error when the edit page was loading:

Permission denied for <​http://public.com> to get property Window.$ from <​https://private.com>.

textarea: window.opener.$('#' + Drupal.ckeditorTeaser.lookup[taid]),

Even though it is a Drupal site I suspect it might be to do with the editor itself rather than the module wrapper, but if im wrong, im happy to post this ticket there :)

i just tested c k editor lates version even yesterdays nightly build also.

when i click on print button, <p>&nbsp;</p> is automtically added to my page at the start as well as the end copy and paste below source in the latest build and click on print and reproduce the error

<p>
	<class="controls"></class="controls"></p>
<p>
	<class="controls">
	<div id="outerlayer" style="position: absolute; width: 450px; height: 15px; left: 30px">
		<div style="position: absolute; height: 1037px; top: 35px; left: 15px">
			<div>
				&nbsp;</div>
		</div>
		<div id="blno" style="position: absolute; width: 170px; height: 32px; overflow: hidden; top: 37px; left: 550px" tabindex="2">
			<div>
				<span style="font-family: arial; font-size: 8pt">ATL/DEL/08780</span></div>
		</div>
		<div id="refno" style="position: absolute; width: 167px; height: 31px; overflow: hidden; top: 70px; left: 553px" tabindex="3">
			<div>
				<span style="font-family: arial; font-size: 8pt">91562.01.22630<br />
				91562.02.22631</span></div>
		</div>
		<div id="shipper" style="position: absolute; width: 324px; height: 78px; overflow: hidden; top: 55px; left: 25px" tabindex="1">
			<div>
				<p class="MsoNormal" style="margin: 0in 0in 0pt">
					<span style="font-family: arial; font-size: 8pt">OOM Exports<br />
					7 TRANPORT NAGAR AGRA DELHI HIGHWAY<br />
					<br />
					AGRA&nbsp;INDIA</span></p>
			</div>
		</div>
		<div id="consignee" style="position: absolute; width: 324px; height: 79px; overflow: hidden; top: 149px; left: 25px" tabindex="4">
			<div>
				<p class="MsoNormal" style="margin: 0in 0in 0pt">
					<span style="font-family: arial; font-size: 8pt">BUGATTI SHOES GMBH<br />
					IM GEHOERNEWALD 17 DE 66921<br />
					<br />
					PIRMASENS&nbsp;GERMANY</span></p>
			</div>
		</div>
		<div id="notify" style="position: absolute; width: 324px; height: 107px; overflow: hidden; top: 249px; left: 25px" tabindex="5">
			<div>
				<p class="MsoNormal" style="margin: 0in 0in 0pt">
					<br />
					<br />
					<br />
					<span style="font-family: arial; font-size: 8pt">&nbsp;</span></p>
			</div>
		</div>
		<div id="dda" style="position: absolute; width: 340px; height: 102px; overflow: hidden; top: 311px; left: 376px" tabindex="8">
			<div>
				<p class="MsoNormal" style="margin: 0in 0in 0pt">
					<span style="font-family: arial; font-size: 8pt">RHENUS FREIGHT LOGISTICS GMBH &amp; CO. KG<br />
					HAFENSTRASSE 28<br />
					<br />
					Weil-am-Rhein&nbsp;GERMANY<br />
					Ph: 49076217900632&nbsp;++49-7621-7900-601<br />
					Fax: 49076217900699</span></p>
			</div>
		</div>
		<div id="terminal" style="position: absolute; width: 189px; height: 41px; overflow: hidden; top: 373px; left: 25px" tabindex="6">
			<div>
				<span style="font-family: arial; font-size: 8pt">ICD AGRA YB</span></div>
		</div>
		<div id="pol" style="position: absolute; width: 150px; height: 42px; overflow: hidden; top: 373px; left: 222px" tabindex="7">
			<div>
				<span style="font-family: arial; font-size: 8pt">JNPT</span></div>
		</div>
		<div id="pod" style="position: absolute; width: 152px; height: 30px; overflow: hidden; top: 429px; left: 221px" tabindex="11">
			<div>
				<span style="font-family: arial; font-size: 8pt">Hamburg, HH, Germany</span></div>
		</div>
		<div id="fdest" style="position: absolute; width: 152px; height: 30px; overflow: hidden; top: 428px; left: 381px" tabindex="12">
			<div>
				<span style="font-family: arial; font-size: 8pt">Hamburg, HH, Germany </span></div>
		</div>
		<div id="nooforg" style="position: absolute; width: 179px; height: 29px; overflow: hidden; top: 429px; left: 539px" tabindex="13">
			<div>
				<div>
					<span style="font-family: arial; font-size: 8pt">3 THREE</span></div>
			</div>
		</div>
		<div id="vessel" style="position: absolute; width: 122px; height: 30px; overflow: hidden; top: 428px; left: 25px" tabindex="9">
			<div>
				&nbsp;</div>
		</div>
		<div id="voy" style="position: absolute; width: 69px; height: 30px; overflow: hidden; top: 428px; left: 148px" tabindex="10">
			<div>
				&nbsp;</div>
		</div>
		<div id="marksnum" style="position: absolute; width: 147px; height: 271px; overflow: hidden; top: 474px; left: 25px" tabindex="14">
			<div>
				<br />
				<br />
				<span style="font-family: arial; font-size: 8pt">CONTAINER NO<br />
				<br />
				<br />
				<br />
				LINE SEAL<br />
				<br />
				CUSTOM SEAL</span></div>
		</div>
		<div id="pkgs" style="position: absolute; width: 63px; height: 258px; overflow: hidden; top: 487px; left: 179px" tabindex="15">
			<div>
				<span style="font-family: arial; font-size: 8pt">320 CARTONS<br />
				THREE HUNDRED TWENTY CARTONS</span></div>
		</div>
		<div id="wt" style="position: absolute; width: 88px; height: 258px; overflow: hidden; top: 486px; left: 545px" tabindex="17">
			<div>
				<br />
				<p class="MsoNormal" style="margin: 0in 0in 0pt">
					<span style="font-family: arial; font-size: 8pt">GR. WT.</span></p>
				<p class="MsoNormal" style="margin: 0in 0in 0pt">
					<span style="font-family: arial; font-size: 8pt">&nbsp;&nbsp;KGS </span></p>
				<p class="MsoNormal" style="margin: 0in 0in 0pt">
					<span style="font-family: arial; font-size: 8pt">NET WT. </span></p>
				<p class="MsoNormal" style="line-height: 11.35pt; margin: 0in 0in 0pt">
					<span style="font-family: arial; font-size: 8pt">&nbsp;&nbsp;KGS</span></p>
			</div>
		</div>
		<div id="desc" style="position: absolute; width: 297px; height: 271px; overflow: hidden; top: 474px; left: 244px" tabindex="16">
			<div>
				<p align="left" class="MsoMessageHeader" style="text-indent: 0in; margin: 0in 0in 4pt">
					<span style="font-family: arial; font-size: 8pt">SAID TO CONTAIN</span><br />
					<br />
					<br />
					&nbsp;</p>
				<p class="MsoNormal" style="margin: 0in 0in 0pt">
					<span style="font-family: arial; font-size: 8pt">INVOICE NOS.&nbsp;&nbsp;OE-053<br />
					SBILL NO:&nbsp;</span></p>
			</div>
		</div>
		<div id="vol" style="position: absolute; width: 89px; height: 258px; overflow: hidden; top: 484px; left: 636px" tabindex="18">
			<div>
				&nbsp;</div>
		</div>
		<div id="consolcon" style="position: absolute; width: 330px; height: 18px; overflow: hidden; top: 760px; left: 200px" tabindex="21">
			<span style="font-family: arial; font-size: 8pt">N/A</span></div>
		<div style="position: absolute; width: 179px; height: 31px; top: 748px; left: 545px" tabindex="22">
			<div>
				&nbsp;</div>
		</div>
		<div id="mtype" style="position: absolute; width: 100px; height: 19px; overflow: hidden; top: 761px; left: 25px" tabindex="19">
			<div>
				<span style="font-family: arial; font-size: 8pt">FCL/FCL LCL/LCL</span></div>
		</div>
		<div id="noc" style="position: absolute; width: 43px; height: 28px; overflow: hidden; top: 747px; left: 137px" tabindex="20">
			<div>
				<br />
				<span style="font-family: arial; font-size: 8pt">One</span></div>
		</div>
		<div id="frtat" style="position: absolute; width: 340px; height: 30px; overflow: hidden; top: 793px; left: 379px" tabindex="24">
			<div>
				<span style="font-family: arial; font-size: 8pt">ORIGIN</span></div>
		</div>
		<div id="frtch" style="position: absolute; width: 342px; height: 143px; overflow: hidden; top: 797px; left: 25px" tabindex="23">
			<div>
				<table align="center" border="0" cellpadding="0" cellspacing="0" height="94" style="border-bottom-color: #ffffff; border-top-color: #ffffff; border-right-color: #ffffff; border-left-color: #ffffff" width="310">
					<tbody>
						<tr>
							<td nowrap="nowrap" width="162">
								<span style="font-family: arial; font-size: 8pt"><span style="font-family: arial; font-size: 8pt">Ocean Freight</span></span></td>
							<td nowrap="nowrap" rowspan="6" width="10">
								&nbsp;</td>
							<td nowrap="nowrap" width="138">
								<span style="font-family: arial; font-size: 8pt"><span style="font-family: arial; font-size: 8pt">PREPAID</span></span></td>
						</tr>
						<tr>
							<td nowrap="nowrap">
								<span style="font-family: arial; font-size: 8pt"><span style="font-family: arial; font-size: 8pt">LoadPort Terminal Handling Charges</span></span></td>
							<td nowrap="nowrap">
								<span style="font-family: arial; font-size: 8pt"><span style="font-family: arial; font-size: 8pt">Collect/Prepaid</span></span></td>
						</tr>
						<tr>
							<td nowrap="nowrap">
								<span style="font-family: arial; font-size: 8pt"><span style="font-family: arial; font-size: 8pt">Origin Inland Haulage Charges</span></span></td>
							<td nowrap="nowrap">
								<span style="font-family: arial; font-size: 8pt"><span style="font-family: arial; font-size: 8pt">Collect/Prepaid</span></span></td>
						</tr>
						<tr>
							<td nowrap="nowrap">
								<span style="font-family: arial; font-size: 8pt"><span style="font-family: arial; font-size: 8pt">Discharge Port Terminal Charges</span></span></td>
							<td nowrap="nowrap">
								<span style="font-family: arial; font-size: 8pt"><span style="font-family: arial; font-size: 8pt">Collect/Prepaid</span></span></td>
						</tr>
						<tr>
							<td nowrap="nowrap">
								<span style="font-family: arial; font-size: 8pt"><span style="font-family: arial; font-size: 8pt">Destination Inland Haulage Charges</span></span></td>
							<td nowrap="nowrap">
								<span style="font-family: arial; font-size: 8pt"><span style="font-family: arial; font-size: 8pt">Collect/Prepaid</span></span></td>
						</tr>
						<tr>
							<td nowrap="nowrap">
								&nbsp;</td>
							<td nowrap="nowrap">
								&nbsp;</td>
						</tr>
						<tr>
							<td colspan="3" nowrap="nowrap">
								<div align="center">
									<span style="font-family: arial; font-size: 8pt"><span style="font-family: arial; font-size: 8pt">All Charges Subject to Realisation</span></span></div>
							</td>
						</tr>
					</tbody>
				</table>
			</div>
		</div>
		<div style="position: absolute; width: 340px; height: 30px; top: 957px; left: 25px" tabindex="27">
			<div>
				&nbsp;</div>
		</div>
		<div id="extra" style="position: absolute; width: 340px; height: 64px; overflow: hidden; top: 993px; left: 25px" tabindex="28">
			<div>
				<span style="font-family: arial; font-size: 8pt">B/L No. ATL/DEL/08780</span></div>
			<div>
				<span style="font-family: arial; font-size: 8pt">Terms of Shipment as per shipper: CIF hamburg </span></div>
		</div>
		<div id="placeofissue" style="position: absolute; width: 224px; height: 29px; overflow: hidden; top: 960px; left: 501px" tabindex="25">
			<div>
				<span style="font-family: arial; font-size: 8pt">NEW DELHI&nbsp;&nbsp; July 9, 2010 </span></div>
		</div>
		<div style="position: absolute; top: 0px; left: 2px">
			&nbsp;</div>
	</div>
	<p>
		&nbsp;</p>
	</class="controls"><br />
	&nbsp;</p>

To reproduce the defect

1. Try to customize the Tool bar in such a way that you have any of the Combo boxes(Styles,Paragraph Format,Font Name,Font Size) as the first element in the Tool bar.

2. with JAWS On..Press Ctrl + Insert + ; to open landmarks dialog

3. Select Application landmark in the dialog and press Tab to go to Application landmark

Expected Result:

Focus goes in to Editor body.

Actual Result:

Focus goes to Combo box in the Tool bar and when we press Tab or use Arrow keys focus goes to next combo box in the Tool bar and after the combo boxes,focus is going in to Editor body instead of next Tool bar icon.

This is affecting all out products,In all our products we have the the combo boxes as the first element in the Tool bar.

I'm using jquery along with several jquery plugins including Thickbox. When I try to load the ckeditor in a thickbox window it loads just fine, but it throws an error in the Firefox (3.6.3) error console and any text typed into the ckeditor doesn't get translated to the hidden textarea and, thus, does not get submitted when the form in the thickbox window is submitted.

Here's the jquery which gets called after the thickbox window loads should get all textareas with class='ckeditor_ajax' and replace them with the ckeditor:

$('textarea.ckeditor_ajax').each(function() {
var name = $(this).attr('name');
CKEDITOR.replace(name);
});

And here is the error which appears in the Firefox error console:

Error: h is null
Source File: /ckeditor/ckeditor.js
Line: 13

I also noticed a forum post about it which might include some more info: ​http://cksource.com/forums/viewtopic.php?f=11&t=19332&p=49286

When determining whether initial dialog focus should be on the first tab, dialog._.tabIdList.length is checked to see if the dialog has more then one tab. This will not take into consideration any tabs that are hidden. When a dialog has all but one tab hidden, and keyboard navigation is used, the dialog will not receive focus if CKEDITOR.config.dialog_startupFocusTab is set to true. Focus will remain on the toolbar.

The if statement is located in the CKEDITOR.dialog constructor in a dialog 'show' event listener, which is used to setup focus:

if ( editor.config.dialog_startupFocusTab
	&& me._.tabIdList.length > 1 )

could be changed to:

if ( editor.config.dialog_startupFocusTab
	&& me._.pageCount > 1 )

pageCount only gets incremented if the tab is not hidden.

I'm not sure if I should open a new bug for this or simply reopen #4612 - I'm filing a new bug so admins can make that call. Feel free to close this and reopen 4612

CKEditor link plugin has feature where upon changing a link's URL, it checks to see if the old link text was equal to the old link href. If the two are (were) equal, the link text is also changed to reflect the new URL. The idea being that you don't end up with confusing links like <a href='​http://google.com/'>​http://yahoo.com/</a>

This feature does not work on firefox 3.6.x if the link in question is the last piece of text in its paragraph.

I tracked the problem to /plugins/link/dialog/link.js onOk function, where the old link text is read with "textView = element.getHtml();". On firefox the string returned by element.getHtml() includes an extra trailing '<br>', causing the comparinson to result in false.

The easiest fix would be to change element.getHtml() to element.getHtml().replace("<br>", ""), but you probably want do something to getHtml instead as the extra linebreaks are likely to cause other problems as well.

This bug is likely related to #5293 which also is about firefox adding extra linebreaks.

Self-apparent. Hope this helps!

When an image has been selected and then the content has been scrolled so that it is no longer visible, the image handles are still visible.

Happens in IE7/8

When setting the editor to RTL direction, when resizing an image, the small boxes appear, but when I drag them, its all opposite! the cursors are flipped and it all gets messy.

Happens only with IE8! But IE8 + Compatibility mode works fine. (IE7,Firefox etc. works fine also)

1. Enter some text and press Enter to start a new paragraph.

2. Change the font size to 36.

Observe the the cursor overlaps the text in the previous paragraph. This only occurs when no text has been entered with the new font size. Once text has been entered the cursor moves down.

Currently, there is no way to specify a font family which has uppercase characters. It is noted in the CSS Specifications that font families can be case sensitive on certain systems (Just like links).

Thus when a font family gets passed through the normalizeCssText function. It is always made lower case. This shouldn't happen...

Note that this is not the same problem as the browser touching of font-family like #5528 deals with

Font-Families as specified by CSS, should be enclosed in quotes in certain circumstances. The guy in this forum post appears to have run into one such circumstance. ​http://cksource.com/forums/viewtopic.php?f=11&t=19446

In IE8 simply encolsing the font with \'Font name\' doesn't work. That's also not really a solution in the first place since it causes some weird issues with being able to select the font and having the correct font show in the rich combo box in other browsers.

I don't think fonts should always be encolsed in quotes, but there has to be some criterion we could use to wrap fonts which require it and to have accurate comparisons. Without such functionality certain fonts become inaccessible.

Hi all,

Sorry if this question asked earlier. I searched in this forum but could not find.

We have been using FCKeditor 2.6.6. Earlier it was working fine. Suddenly one day it crashed out. It does not show in any browser (IE 7 and 8, FF 3 and Chrome). We have removed old FCKeditor and upload new one but nothing is working. It shows some errors which is attached.

Kindly help us to remove these errors.

Regards,

Sunil

Users cannot set or change a table's background, just each cell individually.

Can you add in the table properties dialog an option to set/edit the table's background color?

this error occurs when the first element is a div, floated left. The second element is a paragraph with no added styles.

In IE8, the paragraph appears to have extra top padding. This does not happen with IE7 or IE6, or Firefox 3.6

Here is an example of code that can produce the error:

<div style="position: relative; width: 150px; float: left">
	Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam vel mi sed mauris iaculis vestibulum id quis nullaLorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam vel mi sed mauris iaculis vestibulum id quis nullaLorem ipsum dolor sit amet,</div>
<p>
	Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam vel mi sed mauris iaculis vestibulum id quis nulla. Quisque c ondimentum dui nec nunc laoreet hendrerit. Donec ipsum enim, hendrerit eget porta at, interdum vel velit. Suspendisse non libero egestas elit commodo semper a convallis turpis. Aenean pulvinar tortor non erat facilisis sodales sit amet a turpis.&nbsp;</p>

Using an un-modified download of 3.3.1: ​http://www.simshaun.com/ckeditor/3.3.1-force-papt.php

The paste as plain text dialog is not forced when using Ctrl+V to paste.

Also, (not sure if related), content pasted from Word (just a simple test sentence with a red color applied) is not being cleaned... "Uhoh. It’s not working!" pasted into CKEditor becomes

<p>
	<!--[if gte mso 9]><xml>
 <w:WordDocument>
  <w:View>Normal</w:View>
  <w:Zoom>0</w:Zoom>
  <w:PunctuationKerning/>
  <w:ValidateAgainstSchemas/>
  <w:SaveIfXMLInvalid>false</w:SaveIfXMLInvalid>
  <w:IgnoreMixedContent>false</w:IgnoreMixedContent>
  <w:AlwaysShowPlaceholderText>false</w:AlwaysShowPlaceholderText>
  <w:Compatibility>
   <w:BreakWrappedTables/>
   <w:SnapToGridInCell/>
   <w:WrapTextWithPunct/>
   <w:UseAsianBreakRules/>
   <w:DontGrowAutofit/>
  </w:Compatibility>
  <w:BrowserLevel>MicrosoftInternetExplorer4</w:BrowserLevel>
 </w:WordDocument>
</xml><![endif]--><!--[if gte mso 9]><xml>
 <w:LatentStyles DefLockedState="false" LatentStyleCount="156">
 </w:LatentStyles>
</xml><![endif]--><!--[if gte mso 10]>
<style>
 /* Style Definitions */
 table.MsoNormalTable
	{mso-style-name:"Table Normal";
	mso-tstyle-rowband-size:0;
	mso-tstyle-colband-size:0;
	mso-style-noshow:yes;
	mso-style-parent:"";
	mso-padding-alt:0in 5.4pt 0in 5.4pt;
	mso-para-margin:0in;
	mso-para-margin-bottom:.0001pt;
	mso-pagination:widow-orphan;
	font-size:10.0pt;
	font-family:"Times New Roman";
	mso-ansi-language:#0400;
	mso-fareast-language:#0400;
	mso-bidi-language:#0400;}
</style>
<![endif]--></p>
<p class="MsoNormal">
	<span style="font-family: Sylfaen; color: red;">Uhoh.<span style="">&nbsp; </span>It&rsquo;s not working!<o:p></o:p></span></p>

I'm trying to insert a space (entering space keybar) in my ckeditor and trim what ever value in it. Supposingly it should return me null or "" value but i still get the space value after i trim it.

Hi

I have downloaded the latest version and the image upload buttons are missing.

1. How do I put them back
2. Where are the parameters for the path

Many thanks

Tony

To reproduce the defect:

1. with JAWS on, open Ajax sample.

2. Type some text,Navigate to Tool bar by pressing Alt + F10.

3. Navigate to Insert Page break icon and press Enter. see that Page break is inserted in the Editor.

See how JAWS reads the Page break..

JAWS is reading it as "Unknown object graphic".

if we give some proper name like "Page break".JAWS will read it properly and it will improve Accessibility and JAWS user can confirm that page break is inserted in Editor body.

If the content being loaded in CKEditor includes malformed HTML, CKEditor corrects/removes it.

CKEditor 3.3.1 (revision 5586) (verified back to 3.1.8 rev. 4891) Firefox 3.6.6/IE8 x64

Example content: </div> </div> <? $somephp="here"; ?>

FireFox Output: <? $somephp="here"; ?><br />

IE8 x64 Output: <div>&nbsp;</div> <div>&nbsp;</div> <? $somephp="here"; ?>

The content does not have to be saved. Switching between "normal" and "source" view triggers the behavior. Also see #5293 and #5606.

Hit java script error when closed the check spell immediately without waiting it to be loaded.

please refer to the attachement

when creating a link, if you continue editing after creating a link the new text becomes part of the link.

For example, in the blank editor, insert your cursor, then open the link dialogue, add url, then click okey, the editor will show the url link, move your cursor at the end of link text, press space and more spaces, you will find the link is always kept there unless you press enter.

It happens on Firefox and Safari. And you can produce the issue on the current website demo.

I had tested FCKeditor previous version, seems no such issue.

There are a number of cases where it is difficult for a user to determine if the currently selected block has dir="RTL" or dir="LTR". E.g. we could have a paragraph that has dir="RTL" but aligned to the left.

To make it clear to a user which language direction is active, the toolbar buttons should select the relevant style.

1. When a block element has dir="LTR" or dir="RTL" the matching button in the toolbar should be selected.
2. When there is no explicit direction set on the block element, the toolbar button should show the currently active document level direction. E.g. if the document is LTR and the current paragraph does not have a dir attribute set, the LTR button in the toolbar should be selected. This is similar to the default behavior of the paragraph alignment buttons.

repro steps:

1. use Chrome (currently testing on 5.0.375.99)
2. go to ​http://ckeditor.com/demo
3. scroll down, and select 'makes the clearest contrast'
4. click on paragraph format, then 'headingr 1'
5. the heading is properly applied, however [bug] the editor has scrolled to the top.

There are other situations, in chrome, which also cause this behavior.

Chrome 5.0.375.55, Opera 10.53, Safari 4.0.5, Firefox 3.6.3, IE 8.0.7600.16385

In Firefox and IE, you can click the Bold button and type bold text, as well as select previously written text and click the Bold button to make it bold.

In Safari, Opera, and Chrome, you can select previously written text and make it bold, but you cannot toggle Bold for text you're about to write.

Reproduced using ckeditor.com/demo

1. Select some text, copy it.
2. In wysiwyg mode, hold Ctrl-V

Expected results: repeated pastes of the text

actual: many <body id="cke_pastebin"></body> tags in source, plus javascript error:

Uncaught TypeError: Cannot call method 'getDocumentPosition' of null

What follows is the 'source' output generated via performing these repro steps on the 'little red riding hood' header.

<h1>
	<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;" /></h1>
<h1>
	Little Red Riding HoodLittle Red Riding HoodLittle Red Riding HoodLittle Red Riding HoodLittle Red Riding Hood</h1>
<p>
	&quot;<b>Little Red Riding Hood</b>&quot; is a famous <a href="http://en.wikipedia.org/wiki/Fairy_tale" title="Fairy tale">fairy tale</a> about a young girl&#39;s encounter with a wolf. The story has been changed considerably in its history and subject to numerous modern adaptations and readings.</p>
<table align="right" border="1" cellpadding="1" cellspacing="1" style="width: 200px;">
	<caption>
		<strong>International Names</strong></caption>
	<tbody>
		<tr>
			<td>
				Chinese</td>
			<td>
				<i>小紅帽</i></td>
		</tr>
		<tr>
			<td>
				Italian</td>
			<td>
				<i>Cappuccetto Rosso</i></td>
		</tr>
		<tr>
			<td>
				Spanish</td>
			<td>
				<i>Caperucita Roja</i></td>
		</tr>
	</tbody>
</table>
<p>
	The version most widely known today is based on the <a href="http://en.wikipedia.org/wiki/Brothers_Grimm" title="Brothers Grimm">Brothers Grimm</a> variant. It is about a girl called Little Red Riding Hood, after the red <a href="http://en.wikipedia.org/wiki/Hood_%28headgear%29" title="Hood (headgear)">hooded</a> <a href="http://en.wikipedia.org/wiki/Cape" title="Cape">cape</a> or <a href="http://en.wikipedia.org/wiki/Cloak" title="Cloak">cloak</a> she wears. The girl walks through the woods to deliver food to her sick grandmother.</p>
<p>
	A wolf wants to eat the girl but is afraid to do so in public. He approaches the girl, and she na&iuml;vely tells him where she is going. He suggests the girl pick some flowers, which she does. In the meantime, he goes to the grandmother&#39;s house and gains entry by pretending to be the girl. He swallows the grandmother whole, and waits for the girl, disguised as the grandmother.</p>
<p>
	When the girl arrives, she notices he looks very strange to be her grandma. In most retellings, this eventually culminates with Little Red Riding Hood saying, &quot;My, what big teeth you have!&quot;<br />
	To which the wolf replies, &quot;The better to eat you with,&quot; and swallows her whole, too.</p>
<p>
	A <a href="http://en.wikipedia.org/wiki/Hunter" title="Hunter">hunter</a>, however, comes to the rescue and cuts the wolf open. Little Red Riding Hood and her grandmother emerge unharmed. They fill the wolf&#39;s body with heavy stones, which drown him when he falls into a well. Other versions of the story have had the grandmother shut in the closet instead of eaten, and some have Little Red Riding Hood saved by the hunter as the wolf advances on her rather than after she is eaten.</p>
<p>
	The tale makes the clearest contrast between the safe world of the village and the dangers of the <a href="http://en.wikipedia.org/wiki/Enchanted_forest" title="Enchanted forest">forest</a>, conventional antitheses that are essentially medieval, though no written versions are as old as that.</p>
<body id="cke_pastebin"></body>
<body id="cke_pastebin">
	&nbsp;</body>
<body id="cke_pastebin">
	&nbsp;</body>
<body id="cke_pastebin">
	&nbsp;</body>
<body id="cke_pastebin">
	&nbsp;</body>
<body id="cke_pastebin">
	&nbsp;</body>
<body id="cke_pastebin">
	&nbsp;</body>
<body id="cke_pastebin">
	&nbsp;</body>
<body id="cke_pastebin">
	&nbsp;</body>
<body id="cke_pastebin">
	&nbsp;</body>
<body id="cke_pastebin">
	&nbsp;</body>
<body id="cke_pastebin">
	&nbsp;</body>
<body id="cke_pastebin">
	&nbsp;</body>
<body id="cke_pastebin">
	&nbsp;</body>
<body id="cke_pastebin">
	&nbsp;</body>
<body id="cke_pastebin">
	&nbsp;</body>
<body id="cke_pastebin">
	&nbsp;</body>
<body id="cke_pastebin">
	&nbsp;</body>
<body id="cke_pastebin">
	&nbsp;</body>
<body id="cke_pastebin">
	&nbsp;</body>
<body id="cke_pastebin">
	&nbsp;</body>
<body id="cke_pastebin">
	&nbsp;</body>
<body id="cke_pastebin">
	&nbsp;</body>
<body id="cke_pastebin">
	&nbsp;</body>
<body id="cke_pastebin">
	&nbsp;</body>
<body id="cke_pastebin">
	&nbsp;</body>
<body id="cke_pastebin">
	&nbsp;</body>
<body id="cke_pastebin">
	&nbsp;</body>
<body id="cke_pastebin">
	&nbsp;</body>
<body id="cke_pastebin">
	&nbsp;</body>
<body id="cke_pastebin">
	&nbsp;</body>
<body id="cke_pastebin">
	&nbsp;</body>
<body id="cke_pastebin">
	&nbsp;</body>
<body id="cke_pastebin">
	&nbsp;</body>
<body id="cke_pastebin">
	&nbsp;</body>
<body id="cke_pastebin">
	&nbsp;</body>
<body id="cke_pastebin">
	&nbsp;</body>
<body id="cke_pastebin">
	&nbsp;</body>
<body id="cke_pastebin">
	&nbsp;</body>
<body id="cke_pastebin">
	&nbsp;</body>
<body id="cke_pastebin">
	&nbsp;</body>
<body id="cke_pastebin">
	&nbsp;</body>
<body id="cke_pastebin">
	&nbsp;</body>
<body id="cke_pastebin">
	&nbsp;</body>
<body id="cke_pastebin">
	&nbsp;</body>
<body id="cke_pastebin">
	&nbsp;</body>
<body id="cke_pastebin">
	&nbsp;</body>
<body id="cke_pastebin">
	&nbsp;</body>
<body id="cke_pastebin">
	&nbsp;</body>
<body id="cke_pastebin">
	&nbsp;</body>
<body id="cke_pastebin">
	&nbsp;</body>
<body id="cke_pastebin">
	&nbsp;</body>
<body id="cke_pastebin">
	&nbsp;</body>
<body id="cke_pastebin">
	&nbsp;</body>
<body id="cke_pastebin">
	&nbsp;</body>
<body id="cke_pastebin">
	&nbsp;</body>
<body id="cke_pastebin">
	&nbsp;</body>
<body id="cke_pastebin">
	&nbsp;</body>
<body id="cke_pastebin">
	&nbsp;</body>
<body id="cke_pastebin">
	&nbsp;</body>

1. go to ​http://ckeditor.com/demo
2. click 'new page' (so that the editor is blank)
3. type 'test' into the article
4. hit ctrl+home

[expected] Cursor is moved to the beginning of the document

[actual] Cursor is moved to the beginning of the document, and a "<p>&nbsp;</p>" is prepended.

repro steps:

1. go to ​http://ckeditor.com/demo using firefox.
2. click inside the "Italian" cell of the table
3. Merge that cell to the right. We now have a "ItalianCappuccetto Rosso" cell.
4. Right click in that cell and insert a column 'before'
5. [bug] the new colomn on the left has a tdspan of 2, and the table is borked:

<table align="right" border="1" cellpadding="1" cellspacing="1" style="width: 200px;">
	<caption>
		<strong>International Names</strong></caption>
	<tbody>
		<tr>
			<td>
				&nbsp;</td>
			<td>
				Chinese</td>
			<td>
				<i>小紅帽</i></td>
		</tr>
		<tr>
			<td colspan="2">
				&nbsp;</td>
			<td colspan="2">
				Italian<i>Cappuccetto Rosso</i></td>
		</tr>
		<tr>
			<td>
				&nbsp;</td>
			<td>
				Spanish</td>
			<td>
				<i>Caperucita Roja</i></td>
		</tr>
	</tbody>
</table>

The expected output is:

<table align="right" border="1" cellpadding="1" cellspacing="1" style="width: 200px;">
	<caption>
		<strong>International Names</strong></caption>
	<tbody>
		<tr>
			<td>
				&nbsp;</td>
			<td>
				Chinese</td>
			<td>
				<i>小紅帽</i></td>
		</tr>
		<tr>
			<td>
				&nbsp;</td>
			<td colspan="2">
				Italian<i>Cappuccetto Rosso</i></td>
		</tr>
		<tr>
			<td>
				&nbsp;</td>
			<td>
				Spanish</td>
			<td>
				<i>Caperucita Roja</i></td>
		</tr>
	</tbody>
</table>

Or, in more-english-than-not, the cell created is improperly receiving the attribute 'colspan="2"'. Removing that attribute restores order to the universe.

Reproduced using FireFox. Applies to all browsers tested.

1. create a link at the end of a line. (for demonstration purposes, just set ckeditor.com/demo's source to

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

2. Attempt to type non-link text after the link. Clicking past the link, using the arrow keys to move to the end of the line, pressing 'end', etc., all fail to escape the link: new text is still inside the link.

expected: clicking past the link or pressing the right arrow key, among other things, allows the cursor to escape the 'a' and type normal text.

workaround:

1. press enter after the link, type some text, go to the beginning of the newly created paragraph, then press 'backspace'
2. copy-paste some non-link text in at the end of the link. create a newline after the link, type some text, then delete the

Since I'm so impatient and vladfr has not posted this in here yet.

By vladfr ​http://cksource.com/forums/viewtopic.php?p=49442#p49442

/**
* File Name: serverpreview\plugin.js
*
* Licensed under the terms of the GNU Lesser General Public License:
*       http://www.opensource.org/licenses/lgpl-license.php
*
*    Plugin for CKeditor 3 to send the current data to the server so it can be previewed in a custom way
*   Extended from the FCK plugin with the same name, by Alfonso Martínez de Lizarrondo
*
*  version
*      0.1 15/02/2006
*      0.2 02/09/2007 Replace the 'Preview' command instead of creating a custom one.
*      0.3 14/07/2010 No longer replaces the Preview button, adds another one instead.      
*
* File Author:
*       Vlad Fratila
*       vlad.fratila@gmail.com
*
* == How to Use: ==
*
* Add the plugin in your config.js like other plugins:
*    config.extraPlugins = 'serverpreview';
*   
* You will also need to specify the full URL of your server-side script like this:
*      config.serverPreviewURL = 'http://www.mydomain.com/myfile.php';
* In this file, you need to stripslashes and display the post variable "htmlData"
*
* To get an icon for the button, you will need to change your skin's CSS file
* (e.g. if you're using the default: change /ckeditor/skins/kama/editor.css)
* I just disabled the Preview plugin and did a Search/Replace to replace 'preview' with 'serverpreview'.
*
*  Lastly, don't forget to add the button 'ServerPreview' to your toolbars!
*
*/


(function(){
   
   var pluginName = 'serverpreview';

   var serverpreviewCmd =
   {
      modes : { wysiwyg:1, source:1 },
      canUndo : false,
      exec : function( editor )
      {
         var theForm = document.getElementById('serverPreviewForm') ;
         if (!theForm) {
            //it doesn't exist still, we create it here
            theForm = document.createElement('FORM') ;
            theForm.method = 'POST' ;
            theForm.name = 'serverPreviewForm' ;
            theForm.id=theForm.name ;
            theForm.style.display = 'none' ;

            theForm.action = editor.config.serverPreviewURL;

            //new window please
            theForm.target='_blank';
            document.body.appendChild( theForm );
         }

         //clear previous data
         theForm.innerHTML = '' ;
         //set the new content
         var input = document.createElement('INPUT') ;
         input.type = 'hidden';
         //change the name as needed -->
         input.name = 'htmlData' ;
         //set the data
         input.value = editor.getData();
         //append the new input to the form
         theForm.appendChild( input );

         //that's all, append additional fields as needed, or set the variables in the previewPath

         //send the data to the server
         theForm.submit();
      }
   }
   
   
   CKEDITOR.plugins.add( pluginName,
   {
      init : function( editor )
      {
         editor.addCommand( pluginName, serverpreviewCmd );
         editor.ui.addButton( 'ServerPreview',
            {
               label : 'Server Preview',
               command : pluginName
            });
      }
   });
   
})();

Selecting a list and changing the font colour will not change the marker colour. They remain black.

<ul style="list-style-type: square;">
	<li><span style="color: rgb(0, 128, 0);">one</span></li>
	<li><span style="color: rgb(0, 128, 0);">two</span></li>
	<li><span style="color: rgb(0, 128, 0);">three</span></li>
</ul>

The liststyle plugin could allow CSS to be added to the list element which would change the colour of the list, including its markers.

<ul style="list-style-type: square;color: rgb(0, 128, 0);">
	<li>one</li>
	<li>two</li>
	<li>three</li>
</ul>

This would not prevent the user from changing the lists font colour. Here the font colour for the second list item has been changed to red:

<ul style="list-style-type: square; color: rgb(0, 128, 0);">
	<li>one</li>
	<li><span style="color: rgb(255, 0, 0);">two</span></li>
	<li>three</li>
</ul>

In Opera 10.6 open one of the CKEditor sample pages. Right click in the editor content area to open the context menu. The browser's context menu is displayed instead of CKEditor's.

This is a test ticket. Please ignore it.

When using an editor and using the keyboard shortcut alt-0 in IE a help popup is produced but there is no way to read the text at the top as there is neither horizontal scroll or wordwrap.

OS: Windows XP 5.1.2600 Browser: IE 8.0.6001

Steps to reproduce

• Open an editor with a RTL language and the 'tableresize' plugin.
• Add a table, via the dialog or source.

Notice that the plugin does not work.

I am pretty sure this method has never been tested as it absolutely does not work: it always returns true. So are CKEDITOR.dialog.validate.equals and CKEDITOR.dialog.validate.notEqual that rely on it.

Hi, I'm using for example

    EditorTxt = CKEDITOR.appendTo(Contenedor, config, html);
    EditorTxt.config.resize_enabled = false;

the first time I show the editor, it works perfectly, but if I destroy() it and created again, the resize_enabled dosen't work. But if I use

    EditorTxt = CKEDITOR.appendTo(Contenedor, config, html);
    CKEDITOR.config.resize_enabled = false;

it works perfectly. The problem is that I'm using also this:

CKEDITOR.on('instanceReady', function (e) { CuadroDeTexto_Ajusta() });
function CuadroDeTexto_Ajusta() {
    var x = CKEDITOR.document.getById('cke_contents_' + EditorTxt.name);
    if (x != null) {
        var textEditor = ContenedorCuadroTexto.children().eq(0);
        CKEDITOR.config.height = textEditor.height() - 10;
        EditorTxt.resize(textEditor.width() - 12, CKEDITOR.config.height);
    }
}

And I don't know how to make this works because the first time it work but the second one, the EditorTxt.resize doesn't work. Thanks Diego

The Table dialog row and column field's validation does not allow an empty string but the fields do not have the required property set to true.

You can reproduce it while going to the demo, scroll down to the end and click on the last paragraph. The focus will be set right but the editor window will scroll up. Same happens when going down to the last paragraph and make a headline out of a normal text.

This is totally annoying for long texts and in the case of headline it make the editing a pain, as you have to find you headline each time you create one :-(

Mac OS X 10.6.4 Safari 5.0

The functions defined in theme.js file, especially editor.resize() should be documented in the API docs.

Hello, I'm needing to have unprotected script tags in my document, they are of a special that is NOT "text/javascript" and actual browser will never execute, but CKEditor protects them anyway. The script tag protection is hardcoded in the htmldataprocessor plugin and there is no way of unprotecting it by removing that regex from protectedSource array.

I propose to explicitly add protection regexes in that array, allowing users to remove or change them depending on their needs.

In addition, explicit protection/un-protection methods shall be available (I'm not sure if this a legitimate request, as I only saw that protect* and unprotect* methods are not exposed by the plugin).

Thanks

Couldn't find an existing ticket for this. Please see attached file for a screen shot. Let me know if you need more info.

There is no effect when trying to apply styles (like bold) in collapsed selections.