Custom Query

The content we are pasting was copied from Office and therefore CK's paste-from-word rules are applied. These rules are controlled by the 'pasteFromWordRemoveFontStyles' and 'pasteFromWordRemoveStyles' configuration settings. Our implementation sets both to false meaning that all formatting should be preserved during paste. The 'background' CSS property is still filtered out, though, and this should not happen.(BTW, if you try to paste the same content into the CK demo page, you lose *all* formatting, obviously because they set the above config settings to true.)

Note that if I strip the office mumbo-jumbo from the page and copy/paste the content, the paste-from-word rules are not applied and the content is pasted correctly.

Bug is also in Version 4.0, 4.0.3 Firefox Version doesnt matter, reproducable in all Versions i tested, and the bug is reproducable with the ckEditor demo.

To reproduce the bug you have to select a fontstyle and/or a fontsize. Write some letters with the selected styling. At the elementspath Plugin you can see that you are inside the style-spantag. If you now click again in the contextarea, you are behind the text but not in the Style(span-tag) that you were before.

At internet explorer or google chrome it works correct. There you will be still in the right span tag.

When the inline CKeditor is initialized dynamically on the same element multiple times IE runs the enter key multiple times (the number of times the editor has been initialized). I have not seen the problem in Firefox or Chrome. Only IE. I am running IE10 on Windows 8. The only key I have found to be affected is Enter. Attaching a test file for reproduction.

To reporduce:

1. Click Init and see that enter works as expected adding 1 p element after pressed.
2. Click Destroy and Init again. Enter key will add 2 p elements after pressed.
3. Click Destroy and Init again. Enter Key will add 3 p elements after pressed.

So on...

Hello,

In my site I have this code in the page's header:

<script type="text/javascript">
   document.domain = mysite.com
</script>

I have a "Access denied" error with IE7 even if I add this line :

CKEDITOR.tools.fixDomain(true);

before :

CKEDITOR.replace(
        'detail',
        {
            width: '430px',
            height:'200px',	
        }
    );

To correct the problem I forced the domain in all cases. In core/tools.js, function fixDomain() I have added:

try {
   // Try to access the parent document. It throws
   // "access denied" if restricted by the "Same Origin" policy.
   domain = window.parent.document.domain;
   
   // Here I force the domain
   document.domain = domain;
   break;
} catch ( e ) {
...

And now it's ok for me, I don't have "Access denied".

When I start typing in "tags" field on the main page of Fort then list of suggested tags should appears. When I chose one item it should be appended to field.

All of icons are incorrect. See attached files.

To reproduce the defect

1. Open any CK Editor sample & clear any existing content

2. Apply any of the formatting ( Bold, italic etc)

3. Type few paragraphs of text.

4. Press Ctrl + A to select all content in editor body

Issue: Only part of text is selected

In IE, it is not possible to select multiple empty rows in a table. Because of that, it is impossible to delete multiple empty rows at once.

Tested in IE 8/10. It works fine in the latest stable versions of Chrome(27) and Firefox(21) using Windows 8. In Opera (12.15) it is harder to select multiple rows, but it is possible there.

Tested in CKEditor 3.6.6, latest stable(demo, 4.1.2) and nightly.

Steps to reproduce:

• Open ckeditor.com/demo
• Empty the demo page
• Add a table with the default settings
• Try to select 2 rows. This will work in Chrome/Firefox, but not in IE.

When you add a space or another character in the first colomn of each row, it is possible to select more rows and delete them.

ID attribute of elements are omitted during paste. Also are omitted after edited an element in source view. E.g.: Let's have a list and add an ID to it in source mode: <li id="cite_note-5">window</li> when we switch back to wysiwyg and back to source again the id "cite_note-5" disappears. This happens also during paste when a clipboard HTML content has element IDs. Any element with an ID can be an anchor element. So a page can contain relative links to them. But CK deletes these IDs and the relative links brakes.

An addition question about this: Now CK seems to support only links to anchors (<a> tags) with an ID but to no other elements with an ID. If CK would keep other elements ID (eg during paste) would it be possible to make relative links (anchors) to those element IDs?

The filler char is not removed prior taking an undo image. As a result, the undo image contains the character, but a restoration of that image means that the character will not be removed. This is because the filler char is found by looking at the custom data on the editable, however, the image is restored by setting the html of the editable, and consequently the node stored in the custom data is no longer in the editable (but a copy is).

Steps to reproduce (using chrome):

1. Move the selection programatically via range.select() which results in a filler char
2. Add some more text to the filler char node
3. create undo image (editor.fire('saveSnapshot'))
4. restore the image

Results: the filler char remains in the document and cannot be removed.

I believe this can be fixed by adding the following line in selection.js (line 420) editor.on('beforeUndoImage', function (evt) { removeFillingChar(editable); });

[Chrome]

1. Go to ​http://ckeditor.com/demo
2. Clear contents, add a default table, insert "test" into the first TD
3. Move caret to "t|est"
4. Create selection by pressing SHIFT+left arrow two times, first selects 't' and second expands the selection to the cell. Also works if selected with mouse. (IMHO the cell should not be selectable, it is causes counter-intuitive functionality and I don't see a use for it.)
5. Press 'a' on keyboard --> Caret moves to before table, directly onto the Body element.

Expected 'a' to replace the 't' in "test" and nothing else OR generate a new paragraph above the table.

Also if in step 4 the caret is placed to "test|" and the TD selection is made from there, when 'a' is pressed the entire first TR disappears. (Chrome)

IE9: Doing the same selection and then pressing 'a' on keyboard does nothing, pressing delete does nothing - But pressing backspace moves Caret to body like above without deleting the 't'.

There was an alike Ticket 3 months before...

We use PureText from Steve P. Miller to paste formatted text into our CKEditor. We had never problems with that but now we updated the ckeditor to Version 4.

Before Updating: paste formatted text with PT into ckeditor-window and the text is inserted with formatting of target (without PT it is inserted with formatting of source)

After Updating: paste formatted text with PT into ckeditor-window and the text is inserted with NO formatting

we use paste-plugin (paste from word etc.) in both versions

i inserted some photos and then there was the end of the box, so i clicked right of the last photo and pressed enter, but the cursor doesnt move to the right of the photo, its always left of it and so the new empty row is top of the photo, not under it

i cant insert a new photo under the last i inserted, that cant be right...

at V2.x it worked fine

I am messedup with the menu plug in, can you please tell me how to use menu for inserting menu items (dropdown on mouse click,hover) like File, edit...etc.

When I create Image, Flash or Multimedia.

1. I click the icon and popup the Properties dialog.
2. I click 'Browse Server' and popup the dialog let you choose the files.
3. Problem occurred in IE 10, the section of Folder(Left panel) and the Files(right down panel) displayed blank.

I used ckeditor by version 3.6.6.1. Please let me know if my version of editor is too low or is there any solution. Many thanks.

Guide for jQuery adapter. This ticket is based on #10281.

I get four significant error when I try to load ckeditor.js into my jsp:

1. Cannot return from outside a function or method.
2. String literal is not properly closed by a matching quoute.
3. Syntax error on token "break",; expected after this token.
4. Syntax error, insert "]" to complete MemberExpression

FYI, I'm using Eclipse to test my application. We really like the demo for this product and would like to use it. What can I do to fix this issue?

1. Please add to global CSS (e.g. style.css):

a { font-style:italic; }

2. Add this stylesheet to CKEditor's config.js:

config.contentsCss = '/style.css';

3. Click on Format / Font / Size button - you can see all items are italic.

Because the list is created by JS styles, .cke_reset{} in moono/editor.css file can do nothing, and I don't know where to add "font-style:normal" to fix it.

Also other font properties are inherited from general a tag (weight, size, ...).

If there is <p> inside a <div> in the source, a javascript error occured in IE if I try to add a link.

• CKEditor Version: 3.6.1 (r7072)
• Only in I.E.
• Javascript Error: SCRIPT5007: Unable to get property 'getParent' of undefined or null reference

To reproduce:

• Open any CKEditor sample in Chrome or Safari.
• Clear all editor contents and then insert the following in source view:

  <p><strong>www.sampleurl.com</strong></p>
  

• Switch back to wysiwyg mode and run the following in the browser console:

CKEDITOR.instances.editor1.getSelection().getRanges()[0]

Problem: The endOffset of the selection is 18, but there are only 17 characters in the editor.

This only occurs when the text has some styling applied (bold, font, size etc). In FF and IE, the endOffset is 17 as expected.

The header that we use in our files is still:

/**
 * @license Copyright (c) 2003-2013, CKSource - Frederico Knabben. All rights reserved.
 * For licensing, see LICENSE.html or http://ckeditor.com/license
 */

while LICENSE.html was replaced with LICENSE.md for CKEditor 4.

The license page on our website is also now: ​http://ckeditor.com/about/license, though we do have a redirection from ​http://ckeditor.com/license so this is not a big issue.

I'm using source mode by default. On IE8 if I click enter editor should go to next line but only add space. If I save it and print text next line exist but I have to see it when I'm typing in editor. It's correct in chrome and other browsers. How can I resolve it?

Tested with IE8 & IE10.
Steps To Recreate:
1) Create a page with 2x more text than fits in your window display. (Vertical scroll bar appears.)
2) Click somewhere in middle of the page then click 'Insert Table'.
3) Make a table of any size and accept.
4) Click the upper-left corner to drag the table to the bottom.

RESULT You can not scroll during drag in a way that allows you to reach the bottom of the page. You also can not mouse-wheel to move the display while you have the selection.

This also happens with anything else you try to drag and drop (text selections, images and so on). That is: You can drag to create a selection and the editor will scroll, but if you already have a selection you are trying to drag&drop, you cannot scroll past the display.

Compare to, say, MS Word where it auto-scrolls when you get near the top or bottom of the display area, or to MS Paint where you can select past what you can see /and/ can wheel to change your view.

Copying content with anchor links (e.g. <a href="#demo">Demo</a>) adds file path to the link.

eg. <a href="​file:///C:/Users/dgrant/Documents/test.docx#demo">Demo</a>

#Environment:

• Browser: IE 10
• CKEditor ver: 4.1.2, this issue also happens in the demo page (​http://ckeditor.com/demo)

#Step to reproduce:

1. Insert a table with 2 columns and 2 rows (4 cells)
2. Put some text into these 4 cells

3.1 Use mouse to select text in both the top 2 cells (cause issue 1)

3.2 Use mouse to Select text in all the cells (cause issue 2)

4. Press delete

(issue 1) Expectation : should delete the text in these 2 cells (issue 1) Reality : nothing happens, those text are still in the cells.

(issue 2) Expectation : should delete the text in these 4 cells (I just want to clear all the content) (issue 2) Reality : the table is deleted.

#Note: Firefox works nicely with these 2 issues.

Dear Sir/madam,

We are using CKeditor Version:'3.6.3',revision:'7474'.

Issue

While we paste contents from Ms word (.docx) especially second level numbered list as like below into ckeditor

1. Something 1.1. something 1.2. something 1.3. something

then we are getting 'output' as like below

1. Something
   1. something
   2. something
   3. something

Hence please let me know what is the problem.either we need to move to latest version or what should we need to do..

Please do the needful.

Thanks.

Greetings. I downloaded and installed CKEditor today and tried to test it out in a very basic, empty html file. It wouldn't start up. Instead, it threw this error: "TypeError: b.lang.contextmenu not defined in cseditor.js line 588."

I made no changes whatsoever to anything -- just unzipped it and tried to use it "as is." Getting the same result with Chrome 27, Firefox 20, and IE 10 on Windows 7.

My test file is attached. Any ideas? Thanks for your help.

The list plugin has a require for the "indent" plugin. This require sounds unnecessary and, other than this, it may be even wrong, after the changes promoted with #10027.

This require must be reviewed and either removed altogether (best option) or replaced with the new "indentlist".

When an element is readOnly (contentEditable = false), the magic line plugin should not be active within that element.

Given the following HTML:

<div id="test">
  <ul>
    <li>Do I get a magic line</li>
  </ul>
</div>

And running the following code on the editor demo page to make the div readOnly:

CKEDITOR.instances.editor2.document.$.getElementById("test").contentEditable=false;

At this point, I am unable to edit the contents of the readOnly DIV, but still get the magic line before/after the UL within the readOnly DIV.

When a block level element is set to readOnly, it is being wrapped in a P tag. Given the following HTML in the demo page:

<div id="test">
  <ul>
    <li>First bullet</li>
  </ul>
</div>

If the div#test is set to readOnly using the following code:

CKEDITOR.instances.editor2.document.$.getElementById("test").contentEditable=false;

Once set to readOnly, if you view the source using the Source button, you end up with:

<p>&nbsp;
<div contenteditable="false" id="test">
<ul contenteditable="false">
	<li>First bullet</li>
</ul>
</div>
</p>

I would expect the DIV not be wrapped in the P.

This seems to be specific to Firefox. The same test seems to pass in IE and Chrome

We use CKEDITOR with some custom plugins. We have a plugin that replaces the image plugin with our own. When the image button is pressed, our custom dialog is rendered, and along the way, CKEDITOR.dialog() is called. In there, some code is executed depending on whether you have configured it to remove some dialog tabs (in config.removeDialogTabs), which we have done. And in that code, there are 2 for loops that use a non-local variable 'i'. This is causing problems for us because of the way the CKEDITOR.config object is minified. In fact, it is minified to the variable 'i'. So, when this code executes, the config object gets blown away, and reassigned to an integer because of the non-local scope. We often have more than one rich editor on the page, and when this happens, all new editors are hosed because the config objects for them are prototyped from i. Seems fairly dangerous to use non-local variables in this code. I see that most other for loops declare i in the local scope using the 'var' keyword.

I have coded a fix and will attach as an svn diff.

I created the patch from trunk, but it exists in previous versions as well. We are using 3.6.2.

As the release of IE11 is getting closer (scheduled for shipping with Windows 8.1 in August - seems that Microsoft is in a hurry...), I thought that it's a good idea to test-drive CKE.

Unfortunately, my test drive didn't get far, as I can't close any CKEditor dialog that I open (e.g. link, picture). The F12 tools report a lot of "access denied" errors.

I can see the problem both on the 4.x demo page and in v3.6.6, which is still our production version (and has more IE11 problems, but I can understand that nobody will fix them for that old version).

Haven't found the time to debug in deep until now, but that might be related with "IE hacks" no longer applying.

Microsoft has changed the user agent to get rid of old hacks: ​http://www.nczonline.net/blog/2013/07/02/internet-explorer-11-dont-call-me-ie/

Testing IE11 is rather easy. The official ISO images of Windows 8.1 can be downloaded from: ​http://windows.microsoft.com/en-us/windows-8/preview-iso The product key is also mentioned on that page. Afterwards, it can be installed in VirtualBox, which requires a small patch, depending on its version: ​https://blogs.oracle.com/fatbloke/entry/using_virtualbox_to_test_drive

Edit: I was able to reproduce this for Image, Link and Flash Dialogs . When you open one of these dialogs you get permission denied error.

To reproduce the defect:

1) Open any sample, insert a table

2) Insert a Numbered/Bulleted list inside a table cell

3) keep cursor at end of a list item and press Enter

4) A new list item created at same level

5) Press Tab

Expected Result: A new sub list created

Actual Result: Focus goes to next table cell. Same issue happens with shift+tab when users want to outdent

Hi , I am getting following response from server every time i try to upload image or browse files with ckfinder plugin.

I am using CKEditor .NET control for this purpose & CKFinder plugin with this.

Přehled rozhraní CKFinder

Rozhraní CKFinder je navrženo tak, aby bylo pro koncového uživatele čisté, přehledné, a aby se ho snadné naučit a používat. Většinu funkcí lze použít kliknutím myši a také použitím kontextových menu.

Pokud používáte průzkumníky souborů, které jsou zabudovány do většiny operačních systémů, které jsou dostupné pro Vaše PC či laptop, rychle zjistíte, že používání online správce souborů je také tak lehké a intuitivní.

Následující snímek obrazovky je z rozhraní CKFinder:

Rozhraní CKFinder

Panel složky – obsahuje "stromové zobrazení" složek, které můžete procházet. Složky jsou používány k uspořádání a třídÄ›ní VaÅ¡ich souborů. Panel soubory – zobrazuje dostupné soubory ve vybrané složce Panel nástrojů – Å™ada tlačítek, na které můžete kliknout, abyste mohli rychle spustit určité funkce průzkumníka souborů. Stavový řádek – část ve spodní části rozhraní, která zobrazuje nÄ›které informace o vybraném souboru, celkový počet souborů v složce, atd. Kontextové menu – vyskakovací menu s příkazy průzkumníka souborů, které spouÅ¡tÄ›jí určité úkoly na objekt, který byl vybrán. Dostupné možnosti v kontextovém menu se dynamicky mÄ›ní v závislosti na objektu, který je zvolen.

function indentList( editor ) {
		var that = this,
			database = this.database,
			context = this.context;

		function indentList( listNode ) {

This should be clarified, because it's very hard to read this.

It seems that in CKEditor 4, main dialog plugin got default height style removed which results in very small content area when you e.g. add iframe to it.

There is no property of style=font-size when the user first enter text with default font size. This problem can be reproduced with your demo.

first time enter text with default font size

<com.ibm.rqm.planning.editor.section.planBusinessObjectives extensionDisplayName="RQM-KEY-TP-BUSS-OBJ-TITLE"> <div>this is a text with font size set to default 10</div> </com.ibm.rqm.planning.editor.section.planBusinessObjectives>

Select the entire text and change the font size to 16 and save

<com.ibm.rqm.planning.editor.section.planBusinessObjectives extensionDisplayName="RQM-KEY-TP-BUSS-OBJ-TITLE"> <div> <span style="font-size:16px;">; this is a text with font size set to default 10 and later changed to 16 </span> </div> </com.ibm.rqm.planning.editor.section.planBusinessObjectives>

5. Now change the font back to 10:

<com.ibm.rqm.planning.editor.section.planBusinessObjectives extensionDisplayName="RQM-KEY-TP-BUSS-OBJ-TITLE"> <div> <span style="font-size:10px;">; this is a text with font size set to default 10 and later changed to 16 </span> </div> </com.ibm.rqm.planning.editor.section.planBusinessObjectives>

This is the main ticket to check IE11 compatibility. It is also an umbrella ticket for each specific issue related to it.

I have disabled the CKEditor right click context menu (in favor of the native browser's right click context menu) by removing the proper plugins in the config like so:

CKEDITOR.config.removePlugins='liststyle,tabletools,scayt,menubutton,contextmenu';

However I noticed that in order to "Paste" (for example) you need to right click exactly on the flashing cursor. If you right click anywhere else in the content area, the browser behaves as if you're not focused on a content area, and the "Paste" option is not available.

I would expect that you should be able to right click anywhere the content area and be able to choose "Paste".

I provided a simple JSFiddle (because I needed a version that has the CKEditor right click context disabled).

​http://jsfiddle.net/RcatT/

To reproduce, right click on the cursor and see that you can paste text. Now right click somewhere lower, and see that paste is missing and the context menu is different.

1. Select some text
2. Open dropdown or one of Color Menu Button (visible selection is gone)
3. Select any style or color from dropdown or menu buttons

Result: Selection is lost and cursor is blinking at the beginning of the content ^Apollo 11

This is happening in iframed editor only - inline and divarea work fine.

UPDATES:

• Same happens when you try to insert table (or table inside table) - it gets inserted at the top of document.
• Same happens when you try to remove table with CKEditor context menu option.
• Even worse happens when you try to insert new column - selection is lost and JS error is thrown because of that.
• Same happens when you try to insert place holder. When you try to insert second placeholder in a row you get JS error "Unable to get property 'scrollIntoView' of undefined or null reference".
• When inserting a link i BBCODE I have got: Unable to get property 'collapsed' of undefined or null reference

Open IE11 in any mode and click New Page command

Result:
Message - SCRIPT5022: NotSupportedError
Line - 542
URI - ckeditor4/plugins/wysiwygarea/pluginn.js

1. Insert default table
2. Right Click in any cell and check context menu

Cell Properties and Join Cell context menu options are disabled

Requesting a feature to make it possible to use an SQL database instead of the filesystem for file storage. This would make (at least for me) backups, permissions and migrations a lot easier.

I am using MS SQL, not sure what would be the best option how to implement this generic enough to allow for *SQL. At the moment, I suppose that a custom backend connector must be created for this, but there is no instructions that I found.

Open AJAX sample in IE11 and click Create Editor.

Result:
Message - SCRIPT5022: NotSupportedError
Line - 542
URI - ckeditor4/plugins/wysiwygarea/pluginn.js

Possible duplicate of #10615

1. Open ​http://local.ckeditor.dev/samples/replacebyclass.html
2. Click on "Apollo" to move focus to editor
3. Press context menu button on keyboard.

Expected:

• context menu appears next to "Apollo".

Actual:

• context menu appears in the top left corner of browser.

Tested with IE10 and IE9.

Steps to reproduce -

• I reproduced this issue on the Demo page found here: ​http://ckeditor.com/demo

1) Shift+Enter" to start a new line without the normal space between paragraphs 2) "Backspace" to return to the previous line 3) "Enter" to begin a new line with the space between paragraphs 4) The cursor has jumped to the beginning of line 1, and if you type now it appears at the beginning of the text field.

Browser and OS - OSX (10.7.5) using Google Chrome (Version 27.0.1453.116)

• I was told that this does not occur in Windows 7, Chrome v27

Screenshot - N/A

Sample data - N/A

Test case file - N/A

Build configuration - N/A

1. Open some long sample to have a scrollbar (e.g. samples/datafiltering.html).
2. Scroll few px down.
3. Open e.g. a font-size dropdown.
4. Page was scrolled.

First bad commit: ​git:d0f600ed.

1. Open IE7
2. Go to: ​http://local.ckeditor.dev/samples/replacebyclass.html
3. Press: "text direction from right to left" button

Toolbar looks bad (attachment).

1. Open IE7.
2. Go to (build full all): /samples/plugins/docprops/docprops.html
3. Open Document Properties.
4. Go to Preview tab.

Preview window is too small, so you can't see the preview.

1. Open IE7
2. Go to (build full all): /samples/plugins/sharedspace/sharedspace.html

You should see a mess (attachment).

Hi There,

I am not able to resize the ckeditor using xml descriptor file, though i declared width AND height as 500,200.. the ckeditor is rendering in web mode as 540px width. Can someone please help me.

In previous versions of CKEditor, under Image Properties | Align one had the following choices

Left | Right | Bottom | Top | Middle | etc.

In the current version the only choices are Left | Right

How does one get back the alignment options for non-technical users?

Can you please help me.

Thanks in Advanced

Regards G.v

Steps to reproduce:

1) Go to the CKEditor demo site 2) Select Inline mode 3) Remove all text from a section of your choice 4) Enter Hello World 5) Make World a link to www.ckeditor.com 6) Put the cursor to the end of the world Hello 7) Press backspace

Expeceted Result: "d" is removed

Observed Result: "ld" is removed

This seems to be an issue with IE itself as can be seen in this fiddle: ​http://jsfiddle.net/mNB6P/

I would however expect CKEditor to fix the IE9 problem.

When using paste function thorugh paste dialog, the text direction is not preserved from dialog to editor. The expected behavior is to see the text after the paste the same way as it was shown in the paste dialog.

Notice in the attached image that text as displayed in paste dialog has different BTD from how it presented in the editor.

Note: Paste dialog is only avaialble in FF and Chrome browsers.

I have been trying to 3 days to get latest version of ckeditor to work in my new Zencart web store. I have transferred the files using filezilla and put it under the editors folder as......./editors/ckeditor. It shows up in the dropdown menu to set the default to it and that works or seemed to. However, when I go to the design pages the plain text editor starts off. Ck shows up in the dropdown but then immediately reverts back and clears the data box I was going to edit. Nobody seems to have the answers though I have seen to issue in many many places. What have I done wrong???

Hi there,

I want to buy license for CKFinder, before that I want to ask if it’s possible for us to use it in our local, QA and production sites, if we buy a basic license?

Thanks.

Several icons are broken if editor run in QM.

Note: Only those icons that come with RTL version are affected.

Note: Only packages are affected. Works with dev code.

Hi

We are using custom dropdown plugin with HTML entities in dropdown values, e.g. "&lt;&lt;H1\Field1&gt;&gt;". But when we select the corresponding field in dropdown, we get the javascript error "Uncaught TypeError: Cannot call method 'hasClass' of null".

We are using free version of CKEditor 4.1.

Please help.

Thanks

1. ​http://ckeditor4.t/ckeditor/samples/replacebycode.html
2. Click the image in the sample.
3. Selection moves to the image (resize handlers appear).
4. C-x.
5. Invalid argument. @text.js:58

Sometimes also the same error in node.js:425

Hi,

I'm facing a problem with the last version of ckeditor (4.1.2) on chrome. Look at the jsfiddle : ​http://jsfiddle.net/hbUqc/2/ If you click on the "write" tab, the editor will show with the textarea content. If you now click on the "read" tab, and then click on another tab of your browser and then come back to the tab with the jsfiddle, if you click on the "write" tab the editor will be empty. If you resize the editor the text will come back.

The problem is not jQuery ui tabs, I doesn't use it on my website I just used it to reproduce the issue.

1. Open replacebycode sample
2. Open attached word file and copy heading (with trailing space)
3. In Editor 3.x press enter at the end of first line to insert new paragraph
4. In editor 4.x press enter 2 times e.g. in second paragraph in and a half ho^urs outside to split existing paragraph and insert new line
5. Paste heading with Ctrl+v and then with pastefromword dialog.

In first case editor doesn't filter Word code:

• Chrome - <h1><span lang="EN-IN">This is heading1<o:p></o:p></span></h1>
• Opera - <h1><span lang="EN-IN">This is heading1</span></h1> - not sure if this is a bug.
• IE - <h1 style="margin: 24pt 0cm 0pt;"><span lang="EN-IN"><strong><font size="5"><font color="#365f91"><font face="Cambria">This is heading1<o:p></o:p></font></font></font></strong></span></h1>
• IE - Additional issue - when using dialog IE pastes heading as paragraph (all other browsers recognize heading 1)

Problem can be reproduced from CKEditor 3.0 (only Firefox seems to work fine)

There seems to be a problem with pasting raw text having multiple lines into an inline editor when using Google Chrome (28). The content is inserted, but is invisible and not editable. For example, when I paste

Line 1
Line 2

as raw text into the "Inline Editing by Code" sample of the current Major head (I've installed it at ​http://animexx.onlinewelten.com/ckeditor-test/samples/inlinebycode.html), the following HTML code is inserted:

<div id="cke_pastebin" style="position: absolute; top: -231px; width: 1px; height: 944px; overflow: hidden; margin: 0px; padding: 0px; left: -1000px;" class="cke_editable">Line 1</div> <div id="cke_pastebin" style="position: absolute; top: -231px; width: 1px; height: 944px; overflow: hidden; margin: 0px; padding: 0px; left: -1000px;" class="cke_editable">Line 2</div>

The problem does not appear when copy/pasting from a website or an word processing program like Word/Openoffice or when only a single line of text is pasted.

Steps To Recreate: 1) Make a web page with paragraphs surrounding a leveled list (OL or UL) where the last item is a single child on the 2nd level, like so:

how much

1. wood would
2. a wood
   1. chuck
   2. chuck
3. if a woodchuck
   1. could chuck

wood

2) Attempt to remove the 'could chuck' line by selecting it and pressing delete or backspace.

RESULT 1 (of 2): The whole list is removed!

3) Undo the delete and try cutting the item, instead.

RESULT 2 (of 2): The final paragraph ('wood') becomes a 2nd line in the 3rd level-1 list item.

I expected both attempts to act like the previous release of ckEditor and simply remove that list item.

NOTE: If there are 2 or more items under "3", selecting all of the sub-list has the same result. Selecting the just one of a 2+ sub-list only removes the selected item.

Description: I get script error in the cell properties dialog if I fill the color-fields with random characters instead of valid color values.

The behavior is different: IE8: I get script error. IE10: I can fill the fields with random characters and I dismiss the cell properties dialog without error but I don't get warning message about the invalid colors.

This can be easily recreated on the CK demo page with IE9. STR:

1. On the demo page in IE9, switch to the full featured editor.
2. Select all and delete to make the editor empty.
3. Copy some text from Notepad and paste it 3 times.
4. Click undo. Notice the last pasted instance disappears but the cursor doesn't jump back to the end of the text.
5. Further clicks on undo have no effect.

I attached undo_test_note.txt. I can reproduce with this junk of text.

As per asp.net page life cycle, control events should occur after Load() has executed. But, CKEditor is firing the TextChanged event on PreRender(). This is creating an issue where I click a button to update a page and need to get the text that has changed, but the TextChanged event occurs after button click event has executed, hence I am not able to capture text changes. The way TextChanged is implemented is not correct, I have attached the source where I have demonstrated the right way to implement it. It is documented in MSDN as well!

The browser/page crashes while inserting a table inside of another table if a selection spans outside of the table row.

To reproduce: In a ckeditor instance with the table plugin, insert a table. Then highlight multiple cells of the new table and click the toolbar button to insert a table again. When you click "ok" in the internal table's dialog to insert it, the page crashes.

Browser and OS: This has been reported in a plethora of browsers in both Windows and OSX. I personally confirmed it on Chrome (28.0.1500.72 m), Windows 7.

Test case: This can easily be reproduced in /samples/divreplace.html within the CKEditor samples.

Build Configuration: any build with the table plugin, including standard.

Possible Fix: I've looked into some fixes for this. Since an inserted table needs to go somewhere, and it can't span multiple table cells or rows anyway, I think it's appropriate to disable the table button in this situation. For this I made the 'table' command context sensitive using the following code in \plugins\table\plugin.js (near line 17):

			lang = editor.lang.table;

		editor.addCommand( 'table', new CKEDITOR.dialogCommand( 'table', {
+			contextSensitive: 1,
+			refresh: function(editor, path) {
+				if ( editor.getSelection().getRanges()[0].getCommonAncestor().is( 'table', 'tbody', 'thead' ) )
+					this.setState( CKEDITOR.TRISTATE_DISABLED );
+				else
+					this.setState( CKEDITOR.TRISTATE_OFF );
+			},
			context: 'table',
			allowedContent: 'table{width,height}[align,border,cellpadding,cellspacing,summary];' +
				'caption tbody thead tfoot;' +

1. Open inlinebycode sample.
2. Clear editor contents.
3. Type: 'A B C' and select 'B'.
4. CTRL+C, CTRL+V

SCRIPT5022: DOM Exception: INDEX_SIZE_ERR (1) 
selection.js, wiersz 1600 Znak 8

Is there any way to perform simple arithmetic operation with CK editor (Plus, minus, division and multiplication)?

i want to edit the standard editor page.means i dont want some icons at the default editor page and i want to include some other functions in default editor page. please tell me how can i remove the the functions in the default editor page and how can i insert some other funcions in the editor page

i had downloaded the zip file of ckeditor 4.2. its working fine with chrome and firebox but not with ie 8/9

Ckeditor is displayed in IE ,but no button is working. I am not able to use any plugin of the toolbar. Even your demo at your website is also not working in IE

Please do reply what can be the error. Suggest soln asap.

Widgets feature is to be released with a powerful and spectacular image widget.

Hi,

This seemingly is an ACF problem within the shared space plugin. To see the issue simply replace the sharedspace.html sample file with the one attached to the ticket. You will see that the "class" and "id" fields from the source are stripped in the ckeditor rendering.

This file is *barely* modified, all I did was add classes/ids to 2 elements within the editable areas. All end up being stripped.

Note that the elements are stripped both from the inline as well as the standard editor views.

If I disable ACF, the classes remain - but obviously that's a poor fix. I prefer to keep ACF in place.

Suggestions on handling this in production are appreciated.

appears that I cannot add attachments, going to attempt to add it after filing.

This is a refinement of the ticket I filed in #10661. I am including a better example to show the problem.

See example, which links to remote assets on ckeditor. To use this file you can simply view it on your desktop.

The example loads 4 editor instance for standard toolbar, shared toolbar (inline) and floating toolbar (inline) and default toolbar (inline).

You will see that for this simple example the "marker" class from the style drop down does not display for any of the "inline" editors, however does show for the standard editor without a problem.

These are all default examples. The standard editor has ACF rules that allow class/id for spans, whereas the inline editor does not. This needs to be consistent.

Shouldn't the style drop down itself be loading ACF for style properly, as otherwise the style drop down cannot work??

There is no documentation for sample space or floating space - instead we can only read the examples that are for each plugin. The examples themselves have this same error. If you select "marker" and attempt to apply it to content it cannot work, and the class is stripped immediately.

See test for reasons.

Hello,

I have a big problem with the setData function, after using it many of the editor button stop working(disable), like undo, redo, colors, font and more. Another effect of that is that events stop working, like onchange plugin for example. Another issue is in IE, i get Access denied error when i am trying using instanceReady event.

Is there alternative way to change all data?

Thanks, Avital

editor.setData(newEditorData);

Widget allows you insert and edit mathematical equations in TeX or MathML and display them with MathJax library.

Hi

We are using custom dropdown plugin with HTML entities in dropdown values, e.g. "&lt;&lt;H1\Field1&gt;&gt;". But when we select the corresponding field in dropdown, we get the javascript error "Uncaught TypeError: Cannot call method 'hasClass' of null".

We are adding the dropdown element as ["&lt;&lt;H1\Field1&gt;&gt;", "Field1", "Field1"]

We are using free version of CKEditor 4.1.

Please help.

Thanks

I'm using CkEditor in a GWT integration. This worked well until I just tried to update to the latest version 4.2 from version 4.0.1. I tracked this problem down to the isArray method in the tools.js file. The instanceof method works if you receive data from the same frame as where you are using the editor. When you send an object to an another frame, the instanceof Array method will no longer work. More details on this problem, and how to solve it is described here:

​http://perfectionkills.com/instanceof-considered-harmful-or-how-to-write-a-robust-isarray/

In short, this seems to be the best way to detect if an object is an array:

function isArray(o) {

return Object.prototype.toString.call(o) === '[object Array]';

}

I should also probably mention that GWT always loads all code through an iframe, which makes the current editor incompatible with a GWT environment.

1. Open DEMO page with IE10
2. Find the table marked as Mission crew and select the word Armstrong with a double click in the column Astronaut
3. Press CTRL + C
4. Now select the word Collins with double click in the next row in the same table
5. Press CTRL + V
6. Now click into the address (URL) field of the browser
7. Now click back into the CKE where the cursor was (at the end of the word Armstrong that you pasted in)
8. Press CTRL + Z to undo
9. You get a script error

This issue is a high severity one at Oracle. Would you please find a resolution and include it in the upcoming CKEditor ver. 4.2.1?

When pasting a TEXT from Microsoft Word by using CTRL+V. Unnecessary text displayed with the content. I have attached screen shot of the issue for your reference .

Steps to reproduce:

1. Copy text from Word using CTRL+C
2. Go to ​http://www.fckeditor.net/demo and press CTRL+V in editor.
3. You will see unnecessary text displayed.

Browser: Safari 5.1.7 OS: Windows Vista Starter

Hello,

I created a new mvc project reproduced the bug You can see when the setData line is active, the undo redo in IE not working. As well, onchange working only after enter, not always like it should work...

When pasting from Word lists are not nested or indented properly after the first indent. This behaviour can be duplicated in Firefox 18, and Chrome 25.0. In IE the results are even worse. The lists are totally messed up, indented or not. See attached screen shots.

Test Platform Windows 7 Word 2010 IE 8 Chrome 25 Firefox 18

Per default, the numbering of headlines is excluded from the font-layout. I.e. the font of the numbers in front of a headline is always in the system default. Is this correct?

Now when using font tool to set a font-family to a block of texts, It is always made font name lower case. For example, Changing the font to comic sans, it adds the style: font-family: comic sans ms,chalkboardse-regular,cursive; It should be as it is in the code: font-family: Comic Sans MS, 'ChalkboardSE-Regular', cursive;

This will make fonts not show correctly on different browsers

Steps:

1. Open CKEditor 3 with CKEDITOR.ENTER_BR mode in IE 9
2. Run the following code in console to view the focus offset: setInterval(function() {console.log(window.document.getElementById('cke_contents_[your_control_ID]').childNodes[1].contentWindow.getSelection().anchorOffset);}, 200)
3. Type sample text: 'This is a sample text.'
4. Copy 'This'
5. Press Enter

   The offset equals 2

6. Paste 'This'

Expected result: Offset shows 4 immediatly with any delays.

Actual result: Offset shows 2 couple of seconds. Offset is 4 after the delay.

When the apostrophe is typed into the editor, the program automatically converts to &#39; Then I can save this to the database. But When I go to edit the page in the future, after the Content is imported back into the editor, the editor removes the &#39; and replaces it with the apostrophe. So when I go to save the page, I get the mysql Error, because I used an apostrophe.

I have a dialog that contains a ckeditor and a select box. The select box does not work in firefox if the dialog is opened with modal:true

See this fiddle

​http://jsfiddle.net/danypd69/cVgDt/1/

1. Type or select some text.
2. Try to use the 'Increase Indent' button.

1. got to full demo: ​http://ckeditor.com/demo#full.
2. select some text, and color it.
3. set the cursor to the middle of the colored text (select nothing)
4. change the font color, in order to start typing in the new color.

Actual result: Old color is removed from the block. The span is removed

Expected Results: Old color remains, and new text is written in new color.

Happens to other styles too.

So, I'm trying to use "Paste from Word" for copy html from web browser directly (leatest chrome).

I have used:

config.pasteFromWordRemoveFontStyles = true; config.pasteFromWordRemoveStyles = true;

but,

first: sometimes in html source I can see font size (!) with long fraction and px - even if source had defined it in "em".

second: code contains margin definition (eg. "<p style="margin-left:10px;">[...]</p>")

conclusion: I need only to copy clear html code, with strong, underline etc. without ANY STYLES and CLASS. Paste from Word gives not exactly what I need, "Paste as plain text" also (no strong, italic and underline)..

Any help? :)

We just upgraded from v4.1.1 -> v4.1.3, and upon viewing the first time, everyone sees garbled/unreadable toolbar icons. Refreshing or clearing cache fixes it, but it appears very broken the first time people load it after upgrade.

Looks like there's no cache version on the skin's icons.png file (ckeditor/skins/moono/icons.png).

We'd like to see the same cache timestamp that's applied to other files, applied to the sprite image, to prevent this going forward. So in the case of 4.1.3, the sprite url would somethinglook like 'ckeditor/skins/moono/icons.png?t=D6IC'.

Hello,

There is a bug reproduced at your demo: ​http://ckeditor.com/demo with undo/redo. Open URL in IE10 (it’s working well in chrome). Enter “test”, copy it and paste it using the paste button 3 times, and press the undo button 3 times, you will get malfunction.

Type again some text, char by char and Undo again, all word will remove, not char after char and the malfunction continue.

Thanks

When inserting a new table the user can select left|right|center alignment which sets the "align" attribute for the <table> element. This attribute is deprecated in HTML 4.01 and unsupported in HTML 5.

Could this issue be revisited, alignment of the table element should be controlled with either CSS float left|right or centering with auto left/right margins.

Original ticket: ​http://dev.ckeditor.com/ticket/3762

W3C table align: ​http://www.w3schools.com/tags/att_table_align.asp

If multiple ckeditor instances are present in the form, only the first instance is saved (others are posted in their original state);

New to 4.2 (4.1.3 ok)(also present in latest github)

Firefox, webkit, no javascript error

reproduced in duplicating "editor1" textarea => "editor2" in ckeditor/samples/replacebyclass.html

also obvious (and critical) in drupal, which uses a first instance as "summary'

I cannot integrate ckeditor in a HTML based xulrunner app. I got an exception (NS_ERROR_FAILURE) if the ckeditor.js try to call 'document.domain'.

This is maybe a FF Bug (see ​https://bugzilla.mozilla.org/show_bug.cgi?id=417021).

Is there any possibility to integrate ckeditor in a xulrunner app?

Greets

is it possible to have minimum formatting buttons in the editing area, e.g. bold, underline etc... but have a button that will toggle view of all buttons?

Working with a table from a website which has the following elements.

<TABLE width="100%"> <TR>

<TD BGCOLOR="#CCCCCC">Hello</TD> <TD>Notice that the grey never displays</TD>

</TR> </TABLE>

I tried the settings of allowing content as well as Paste from Word which doesn't apply. The CKEditor is the latest stable build July 18th, 2013 and I tried the latest build as well. This used to work in version 4.0.1 fine. Also previously in CKEDITOR.

Valid solutions are:

1. Support BGCOLOR tag attribute.
2. Perform an inline replacement on the fly of a valid attribute.

I tried to keep the example problem as simple as possible to demo

I've encountered a problem with CKEditor (v4.2) as provided by v1.2.0 of ​TrSteel CKEditor Bundle for the Symfony 2 framework.

My application is using a mixture of JavaScript libraries, which include jQuery 1.10.2, Twitter Bootstrap 3.0.1 and plugins/extensions thereof.

In this instance, I have a doctrine entity with two attributes manifested that are manifested on the corresponding form type as two CKEditor boxes. The rendering and on-page functionality isn't a problem, and I have confirmed that ckeditor.js has attached an event handler to the encapsulating form's "submit" event. However, on submission, only one of the values is updated to the original textarea element and as such, only one value is submitted while the others remain blank (or whatever they happened to be when the page was was loaded).

Based on the solution to a similar historic issue (#9913) I implemented a rather hacky global workaround that invokes updateElement() on each object within CKEDITOR.instances on the submission of any form (with the appropriate defensive code in place for forms without CKEDITOR defined in the global JS scope).

I haven't been able to duplicate this on a "clean" Symfony 2.3.2 application with TrsteelCkeditorBundle installed and configured (but no jQuery/Twitter Bootstrap et al), which suggest that compatibility problems with other JS libraries may be responsible. Is this a known issue?

Cuando se intenta cargar el editor aparece en internet explorer y dice.

When trying to load the editor appears and says internet explorer:

Mensaje: 'name' es nulo o no es un objeto Línea: 19104 Carácter: 29 Código: 0 URI: /jsp/librerias/javascript/ckeditor/ckeditor.js

I just installed CKEditor 4.2 full mode with SourceDialog and CodeMirror (7/28/2013).

I am running IE10.

1. I type "abc"
2. I click on source mode and all is displayed OK.
3. Then I click source mode again to exit source mode and none of the icons are enabled.

I have the same results in IE9 mode.

IE8 mode and Chrome behave correctly.

This same issue was also in 4.1.