Custom Query

If I use CKEditor in a page, that is called in a frame with an absolute link, the Line Feed key doesn't work correct. This only happens in Firefox (newest version 14.0.1, Windows XP). If I press the Line Feed key a new line is created, but the cursor still remains on the old line.

By using a relative link or without frames or with any other browser, this problem doesn't occur and the cursor moves to the next line. Example: ​http://vereinslogistik.com/cke-frame.htm The html page that displays the CKEditor is ​http://www.vereinslogistik.com/pages/cke.htm If I call this html page directly, or if I use in the frame instead of the absolute link a relative link (pages/cke.htm), the error doesn't occur.

Using 4beta, insert a flash, switch to source and back to design: the fakeobject tries to request /images/spacer.gif instead of the file that has been moved under fakeobjects folder.

Using the HTML5 video plugin, ​http://alfonsoml.blogspot.com.es/2011/01/html5-video-plugin-for-ckeditor.html add an element but put fake files just to notice this more easily.

Switch to source and back to design, in Firebug it's visible that it has tried to load the src files during the processing because <source> isn't in the list of elements whose attributes must be protected.

As this is a variable inside the function it doesn't seem possible to fix it from outside code.

1. Manually add three text paragraphs within editor;
2. Make selection like following:

   <p>f[oo</p>
   <p>bar</p>
   <p>ba]z</p>
   

3. Copy and paste it, in place

• Actual Result: One extra line space is added after the pasted first line.

We need to check full page mode work for themed and inlineui.

1. Open ​http://ckeditor4.t/ckeditor/samples/inlineall.html
2. Try editing any contenteditable.

There should be text cursor instead.

Context menu and rich combo don't scroll with page once opened.

The problem is here: ​http://ckeditor4.t/dt/core/focus.html (test add focus targets)

If we consider the following example:

// Run on http://ckeditor4.t/ckeditor/samples/replacebycode.html

var e1 = CKEDITOR.instances.editor1;
var e2 = CKEDITOR.instances.editor2;

function assTrue( cnd ) { console.log( !cnd ? 'Nope!' : 'Passed.' ); }

for( var i = 0 ; i < 5 ; i++ )
{
	e1.focus();
	assTrue( e1.focusManager.hasFocus && !e2.focusManager.hasFocus );
	e2.focus();
	assTrue( !e1.focusManager.hasFocus && e2.focusManager.hasFocus );
}

and put some logs in focusManager.focus|blur(), we can observe that IE9 works synchronously (correctly) and Opera is the only, truly asynchronous one.

I guess that the "timeout-nesting-thing" in this test was initially to deal w/ Opera as i.e. Chrome passes it w/o any timeouts. For unknown reason, IE9 behaves worse than Opera if we deal w/ editor.focusManager.add( element ). The browser requires extended timeouts, e.g. if we set them to 300ms, it always passes this test. Otherwise, most likely depending on the lunar phase and the humidity of the air, it either passes or fails.

I guess that we can simply extend those timeouts to get rid of this problem as, IMO, it doesn't impact on a real-life usage. Unless someone got some idea, of course.

PS. MS says that onfocus/onblur events are async. in all their products which confuses me even more: ​http://msdn.microsoft.com/en-us/library/ie/ms536909(v=vs.85).aspx ​http://msdn.microsoft.com/en-us/library/ie/ms536934(v=vs.85).aspx

To Reproduce:

• Open any CKEditor sample and enter some sample text e.g. 'this is a test'.
• Place the cursor at the end of this text and open the Find dialog.
• Type in a word that does appear in the editor e.g. 'test'
• Uncheck 'Match cyclic' and click Find.

Problem: The text is found even though the word appears before the cursor.

Expected result: The text should not be highlighted and 'The specified text was not found' message should be displayed.

1. Load the inlineall sample 1. Indent the first two paragraphs
2. Click on the BIDI button to switch the first two paragraphs to RTL

• Actual: Indentation is still on the left (end of paragraph)
• Expect: Indentation is flipped onto the right.

1. Load inlineall sample;
2. Press enter key twice
3. Undo twice to revert content to original
4. Redo once to reproduce the first enter key

• Actual: Unable to redo anymore
• Expected： Redo is still available once.

themedui is not affected.

The "CKEDITOR GOES INLINE!" and the text below jump on editor init.

To reproduce: Save the attached file into the samples directory and open in a browser. This sample contains 2 editor instances:

• the 1st was created on a textarea that contains no text
• the 2nd editor instance was created on a textarea that had some initial text.

Problem: The undo icon is enabled in the 1st editor instance and available to be used, even though there is no action to undo. It should be disabled.

The state of the undo icon is correct in the 2nd editor instance.

This issue also occurs when creating the editor on a div element and it happens for both CKEDITOR.replace and CKEDITOR.appendTo.

Opera displays text cursor.

Some previous version of Opera had problems w/ cursor pointer so it was set to auto to bypass that issue (bad flickering). Most likely the latest version does not have this error so we can get rid of this hack.

The list of languages available in the editor core is specified in core/lang.js.

If I'm correct, the mentioned file (_languages.js) is used only by the ui_languages.html sample. The problem is that there is no such sample file in V4, besides if its only for demonstration purposes, it should not be somewhere in core.

How about using a different apporach when creating a similar ui_languages sample file?

• gather the list of available languages from CKEDITOR.lang.languages
• have a map "country code -> country name" defined directly in the ui_languages sample. It can even include names of countries for which we do not have a translation yet.

• Test that fails: ​http://ckeditor4.t/dt/plugins/wysiwygarea/nopagescroll.html
• It can be reproduced manually by calling CKEDITOR.replace w/ appropriate timeout.
• The host page is scrolled to the caret inside of the editor.

1. Open ​http://ckeditor4.t/ckeditor/samples/inlinebycode.html
2. Follow the attached video.

• Can be reproduced in either IE7 or 8.

1. Open replacebyclass sample.
2. Ctrl+a, delete to delete editor's content.
3. Insert table.
4. Magicline above the table sometimes is sometimes isn't displayed.
5. Place caret in paragraph that should remain under the table.
6. Press delete, cursor is moved to table, now there are no paragraphs under the table.
7. Try to evoke magicline under the table. I wasn't able.
8. Sometimes when 7. is possible at the beginning of this scenario (because there's no paragraph under the table after inserting table), then creating new paragraph with magicline and deleting it gives the same result - 7. becomes an issue.

1. Open any inline sample.
2. Focus editor.
3. Press ctrl+a.
4. Press ctrl+c.
5. Paste copied content.

See that Firefox copied entire editable element, which pasted does a lot of mess.

To Reproduce:

• Open any editor sample and delete the entire contents of the editor. Enter some plain text - do not apply any font styling.
• Select the entire contents and click 'Align Right'.
• Click 'Remove Format'.

Expected Result: The text should move back to the left and the toolbar icons should be updated to show that 'Align Left' is applied.

Actual Result: The text does move back to the left but the 'Align Right' toolbar icon is still selected.

Similarly if you indent the original plain text and then 'Remove Format', the toolbar icons still shows that 'Decrease Indent' is possible when it should not be.

The state of toolbar icons are correctly updated after pressing enter or switching to source mode and back.

Note: This issue does not occur if font styling is applied to the initial text.

1. Load any divarea sample
2. Insert a default template

• Actual: JS error thrown.

To reproduce:

• Switch to high contrast mode.
• Open any CKEditor sample and insert a table.
• Right click to view the context menu.

Problem: The right arrow for sub menus is not displaying properly. Instead the unicode value is displayed.

This is due to a missing # in the unicode value.

Line 407 in menu/plugin.js is currently:

var arrowLabel = '&' + ( this.editor.lang.dir == 'rtl' ? '9668' : '9658' ) + ';';

It should be:

var arrowLabel = '&#' + ( this.editor.lang.dir == 'rtl' ? '9668' : '9658' ) + ';';

Native spellcheck always presents on inlineall sample despite of the configuration.

1. Open ​http://ckeditor4.t/ckeditor/samples/replacebyclass.html
2. Click new page to clean the editor up.
3. Insert a table. Now insert another one. One below the other.
4. Move the pointer to show the magicline between the tables.
5. When the ML appears, the editable is being expanded and the scrollbar appears.
6. You must scale the editor vertically to get rid of this.

The show block feature is not working on any instance using the divarea plugin.

The <pre> content would possibly overflow any inline editable, or enlarge it.

1. Load inlineall sample;
2. apply the "Formatted" style to some paragraphs

• Actual: the editable element is enlarged/penetrated.

The table insertion (which imposed a fixed width) also has a similar problem.

Links inside of the dialog is subjected to change, to match v4 online docs.

1. Open inline sample.
2. Focus editor.
3. Click "paste from word".
4. Allow direct clipboard access.
5. Content was pasted, but toolbar disappeared.

Tested on IE8.

1. Enable SCAYT.
2. Right click on misspelled word.
3. "More suggestions" is hidden under the arrow on the right.

To Reproduce:

• Open the a11yhelp dialog using the Alt+0 keystroke.
• Press the Esc key to close the dialog.

Problem: The dialog does not close. All other dialogs do close correctly when the Esc key is pressed.

We made a big step forward making CKEditor more open for thirdparty plugins, plugin developers are now able to provide parts that integrate well with CKEditor.

We have now still a little problem with defininig the toolbar configuration, in case user wanted to change the default layout.

V3

The toolbar configuration is hardcoded. The full toolbar definition is available in the API docs and on the docs site.

Plugins developers need to provide instructions on how to enable the plugin and how to inject a button into the toolbar configuration.

V4

The toolbar configuration is generated automatically. The full toolbar definition is not available, because there is no "full" toolbar anymore. Each user is able to download a customized build of CKEditor with or without thirdparty plugins.

How to inform user what is his toolbar configuration in V4?

There are at least two approaches that we can take:

1) "Define" the toolbar in config.js

When building CKEditor, the builder could "automagically" generate the toolbar configuration and inject is as a comment in config.js.

Pros:

• relatively easy for user to start modifying his toolbar

Cons:

• buttons provided by plugins enabled with extraPlugins (e.g. downloaded separately from the addons repository) are not included in config.js. The user is in the same situation as in V3.

2) Provide the "toolbar" sample in each CKEditor build

Pros:

• the toolbar sample can easily grab all available buttons, even those registered by extra plugins, and display a nice user friendly information:
  • the currently used toolbar (in case user already set config.toolbar)
  • the "full" toolbar configuration for the reference

Cons:

• user that open config.js will have to read first the comment to open the sample page, to find out how to configure the toolbar.

The about page?

CKEditor V4 has become a WYSIWYG framework, where one build of CKEditor may differ a lot from another build. How about instead of having a toolbar sample, make the HTML page a bit more generic and, apart from displaying the available "full" toolbar, display also e.g. the list of enabled plugins?

The magic line feature doesn't work well in enterMode BR in the following sense:

• Wrong triggering when encountered pseudo block
• Inserted paragraph instead of BR to establish line height

TC1:

<!-- insert new line here -->
<ol>
	<li>bar</li>
</ol>

The above insertion should result in: For non-IE:

^<br />
<ol>
	<li>bar</li>
</ol>

For IE:

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

TC2:

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

No trigger for the above case.

When building a local release, the Builder should generate strip images in all skins. Right now it is done only in the selected skin (specified in build-config.js), it should be done instead for all skin directories.

How to reproduce:

• Open ​http://ckeditor4.t/ckeditor/samples/replacebyclass.html
• Click maximize.
• Try to resize the editor with the resize triangle.
• Click minimize.
• The editor is totally collapsed into a vertical "line".

I guess that either resize should be disabled in maximized mode or it should at least have no impact on the editor.

styles.js looks to me like a leftover from FCKeditor for which we did not find a better place.

What's exactly the problem with this file?

It contains sample data used exclusively by two optional plugins (if I'm correct): stylescombo and div. In fact the default styles.js does not contain even a single sample for the div dialog, so it's just a sample file for the "Styles" combo.

If styles.js is not an essential part of core, it should be rather located in the plugin folder.

Proposed solution:

1. Move styles.js into the folder of stylescombo plugin.
2. The default value for stylesSet should be empty. Eventually it could be overwritten by the stylescombo plugin, because only then styles.js will be available. There is a hardcoded path to CKEDITOR.getUrl( 'styles.js' ) somewhere in core/styles.js.
3. To make user's life easier, we can eventually move 'styles.js' into the root folder (using a special directive in the manifest file) of CKEditor, but only if the "stylescombo" plugin is included in the release.

Point (3) leads to some additional problems:

4. If we go ahead with (3) why the templates plugin should be different? To specify the teplate one have to go into the templates' plugin folder.
5. If we go ahead with (3) we will have different paths to styles.js in development, source and release modes.

Last word regarding core...

Comments in core/styles.js mention the "Styles" combo. It's quite unclear where does it come from if we treat plugins as separate things. I believe comments must be corrected as well to clearly specify which plugin provides it and how it is used.

With FF at least:

1. Paste the following into source view:

<hr />
<p>Text</p>

2. Switch to wysiwyg.

An empty paragraph will be added at the top of the contents.

1. Open any replacebyclass sample.
2. Delete everything.
3. Write one paragraph of text.
4. Select all and copy.
5. Press ctrl+v, enter few times.
6. Switch to source mode.

Editor content:

<p>test.</p>

<div style="font-family: Arial, Verdana, sans-serif; font-size: 12px; color: rgb(34, 34, 34); background-color: rgb(255, 255, 255); ">
<p>test.</p>

<div style="font-family: Arial, Verdana, sans-serif; font-size: 12px; color: rgb(34, 34, 34); background-color: rgb(255, 255, 255); ">
<p>test.</p>

<div style="font-family: Arial, Verdana, sans-serif; font-size: 12px; color: rgb(34, 34, 34); background-color: rgb(255, 255, 255); ">
<p>test.</p>

<div style="font-family: Arial, Verdana, sans-serif; font-size: 12px; color: rgb(34, 34, 34); background-color: rgb(255, 255, 255); ">
<p>test.</p>
</div>
</div>
</div>
</div>

This issue is reproducible on v3 as well.

Chrome wraps pasted content in styling span only when "styling" contexts of copied content origin and paste place differ. It looks like Safari unfortunately always does this.

Tested on Firefox and Chrome.

1. Open any sample.
2. Place caret in the editor.
3. Choose font size 20.
4. Type few letters.
5. Choose font size 28.
6. Type few letters.
7. Choose font size 28 again so it will be removed.
8. Type few letters.
9. Typed letters has font size 20, but 28 is still highlighted.
10. Open combo again - 28 is highlighted.
11. Click 20.
12. Everything is ok now - size in combo and for typed text is back to default.

Regression after v3.

To reproduce:

• Insert an IFrame or Flash element into the editor.
• Switch to Source Mode and back to wysiwyg.

Problem: The broken image icon is displayed for the placeholder object in the editor.

We can reproduce this in FF and IE.

1. Open the replacebycode sample
2. Load the divarea plugin with only text as editor data;
   • Actual: The initial content is not auto paragraphed.

1. Open inlineall sample
2. Click on New Page
3. Check the editor data from console.

   CKEDITOR.instances.main.getData()
   

• Actual: <p>&nbsp;</p>
• Expected: empty

Currently they point to docs for nightly build. After we'll upload official docs, these links will have to be changed.

Links can be found in samples and dev tools plugin.

Dev tools

 * @cfg {Function} [devtools_textCallback]
 * @member CKEDITOR.config

It contains hardcoded URL to the dialog def (remember to fix both - example and real callback).

I've reproduced it in ​http://ckeditor.com/demo.

I am trying to copy and paste contents of MS word to the CK editor,but it not pasting all formatting like color inside table cell to the ck editor.

When fort is configured to be running in iframe mode, the following dt crashes IE7. /dt/plugins/maximize/maximize.html

We have enter mode as <br> (CKEDITOR.ENTER_BR). We are facing issue of selecting text that includes the end of the line, any formatting changes do not apply. When we select text in editor and then choose Font/Size dropdown, then no change is being applied on selected text.

tested this problem in IE.

1) Use CK Editor

2) Do some formatting in MS Word like formatting table cells with color

3) Copy these content to CK Editor

4) Click on Word Icon

5) pop up will open to ask paste the content

6) Paste it to the pop up

7) Only text formatting would preserve.

Copy the content from the attached word doc and paste it directly(Ctrl+c) or using the "PasteFromWord". Now compare the formating between the word doc and editor's format. You will see a big gap "above the bullet point" and "below/end the bullet point"(verify the screen shot attached). This has been reported as a critical issue by our customer and hence please provide high priority.

Hi,

I would like to know if it is possible to trigger paste from word feature instead of paste in the context menu (mouse right click)?

I want behavior similar to below:-

<!-- forces cmd+v to show pastefromword popup. -->

config.keystrokes =[ [ CKEDITOR.CTRL + 86 /*V*/, 'pastefromword'] ];

Thanking in advance.

How to repdoruce: Open a new instance of an editor with

config.enterMode = CKEDITOR.ENTER_BR;

Insert a new link, press enter. The first letter of a new text is appended to the link.

Bug can be reproduced using Google Chrome in all recent versions, including beta 4.0.

See e.g.

​http://nightly-v4.ckeditor.com/ckeditor_api/#!/api/CKEDITOR.editor-method-setReadOnly

Header of setReadOnly method is hidden. This doesn't happen on JSDuck by default and I guess it's caused by our change of docs header's height.

1. To style both focused editables - normal inline one and created with divarea I had to write to selectors: ​https://github.com/ckeditor/ckeditor-dev/commit/16f0f5c Nothing really serious, but other selectors may have to be doubled too and maybe this wasn't intended :).
2. I also noticed that divarea inherits the same box-shadow: inset huge rule which styles other inline editors. This shows power of inline editing, but also doesn't look very well - maybe we want to disable this rule somehow.

To Reproduce:

• Open any sample in Safari and insert a table.
• Open the Advanced tab on the table dialog, specify the following in the styles field and click OK:

  width: 500px; border:none;
  

• Open the Table Properties dialog again and click Ok.

Problem: The error dialog displays saying that the syntax of the styles field is incorrect.

If you look at the value of the styles field it now has the following value:

border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border- border-color: initial; width: 500px;width: initial

The border- before border-color: initial; causes the error to appear.

This error only occurs if the width styling is also applied.

This can also be reproduced easily when pasting a standard table from Word that has a width set with the following configuration options:

config.pasteFromWordRemoveFontStyles = false;
config.pasteFromWordRemoveStyles = false;

This happens for both img and iframe tags.

Steps to reproduce:

1. Click Source

2. Paste in img or iframe code like this:

   <iframe src="https://foo.bar?test1=1&test2=2">...</iframe>
   <img src="https://foo.bar?test1=1&test2=2" />
   

3. Click Source again

4. Click Source again, and now you will see:

   <iframe src="https://foo.bar?test1=1&amp;test2=2">...</iframe>
   <img src="https://foo.bar?test1=1&amp;test2=2" />
   

See that the ampersands have been encoded, which breaks the urls.

Reproduced in 3.6.4 and 4.0 beta using Chrome and Firefox.

1. Go to ​http://ckeditor4.t/ckeditor/samples/api.html
2. Change the content of textarea (by editing the sample, not by editor's source view)

   <table>
   	<tr>
   		<td>cell</td>
   	</tr>
   </table>
   <br />
   <hr style="margin: 30px 0"/>
   <ol>
   	<li>item</li>
   </ol>
   

3. Click inside of the first table cell. No focus.
4. Blur the editor. Click the list item. Now the editor has focus (editor1 is focused).

• IE7+ (tested).
• This may refer to #9224. However the solution proposed in that ticket doesn't fix this problem.
• The problem has been found while working on #9251.

1. Add removePlugins: 'contextmenu' option to any "bycode" sample.
2. Open this sample.
3. Press rmb.

• Expected: native context menu
• Actual: CKEDITOR's context menu

removePlugins works for e.g. basicstyles, so that part is ok.

Pretty important change has been made in v4. See: ​http://cksource.com/forums/viewtopic.php?f=6&t=26990

To reproduce :

1. Create a new table.
2. In wysiwyg mode, resize it
3. Right clic on the table, and enter a new width.
4. Go to source, the table contains 2 widths (<table width="xxx" style="width: xxxpx")

Thanks in advance.

Using CKEditor along with CKFinder within a page which is loaded dynamically via jQuery / Ajax.

Immediately upon page load I get the error TypeError: this.getWindow().$.getComputedStyle(this.$, "") is null

The page renders correctly along with the CKEditor interface.

However when I click on the Images icon to upload an image I notice the CKFinder tab for 'Upload' is missing. There is also no ability to browse the server for an image.

What sayeth the group ?

Jay CompuMatter

Links plugin has a protocol type called 'other' using which one can enter javascript. When the user previews the content the javascript gets executed. This capability allows malicious JS to be executed from the peoplesoft product that houses the ckeditor. Links pluign must somehow filter the javascript entered via the url.

Replication steps.

1. Enter some text, select it and click the links plugin.
2. Select protocol type 'Other' and provide the following value in the url field 'javascript:alert(1)'. Click ok.
3. Click the preview plguin. JS will be executed

Users can select the menu for cell properties, but the changes like bg color –happen only to those cells with text in the cell.This occurs only for IE. In simple language, user is not able to apply a style to whole table instead it only selects the cells in which data is present.

hi, i see this: ​http://nightly-v4.ckeditor.com/3466/samples/divreplace.html AND i downloaded and installed on my site. Now I want to replace div, but I can not find a way to save the data and send to MYSQL. I program PHP .. I'd be happy if you can help me, thanks.

Updated Firefox to the newest version, 15.0. Now I can't post comments from FCKeditor enabled fields, they are passed as empty and trigger "The field comment is required" error.

"Switch to simple text entry" is also missing. Other parts of editor do load (all the formatting buttons etc).

Firefox error console says: Error: NotFoundError: Node was not found Source File: ​http://www.mysite.com/sites/all/modules/fckeditor/fckeditor/editor/js/fckeditorcode_gecko.js Line: 31

Updated to the newest release of FCKEditor (2.6.8) without any improvement.

Using Drupal 6.25.

Steps: (see attach image)

1. Create a Table 3*2
2. Insert Hyperlink at the table field.
3. EX:www.google.com
4. Just has text.

Browser:

IE8 and IE 9

Brower: IE 9, 8

Description: I insert some <br> tag and I insert some html element(EX: link or image or table ...). The show result is wrong , and IE console has error message. (See attached)

Hi CKEditor Technical/Support Team,

Greetings of the day. I am looking for a good HTML Editor Control for my project specific requirements (in C# - ASP.Net). In relation to it; we are analyzing the CKEditor Control. Overview of the requirements for your reference are as follows: We have saved some of the Wod Document files as HTML (using Save-As of Word Application). After converting the word document to HTML; we assign the HTML text to Editor control (for editing/saving/printing).

We have tried to use CKEditor control for it; but the control incorrectly shows the table, images, checkboxes etc. *Checkboxes are not identified. Also the Editor controls shows some of the characters; as special character (like ‘<<’ is not parsed correctly etc.).

Is there something which we are missing for correctly using the control? Please If we can get the limitations of the HTML Editor control; Or if we can get a list of tags which are not supported by editor; for better evaluating the control.

For a simple execution of requirements :

• Please create any Word (Office 2007) Document having :

o An image o A check box o A simple table o Some text like ( <<Field1>>, <<Field2>> etc).

• Now use Save As option and save the document as an HTML.
• Please try to open this HTML in the Editor control; you will get an idea of the actual issue.

Here are the technical details of how we have used the control:

Designer Level :

<CKEditor:CKEditorControl ID="CKEditorControl1" runat="server" Toolbar="Basic"

Width = "100%" Height="500px" ToolbarBasic="Preview|Print|" Visible="False"></CKEditor:CKEditorControl>

Code Level (On Button Click Event) this.CKEditorControl1.Text = HTMLConvertedText;

Thanks and Regards, Manish Chhetia Senior Consultant, Capgemini. Mobile : + 91 992 296 5570

Currently we hooked all keystroke handles, inside of editable.js, it has the following cons:

• Even if native behavior canceled by keydown listener, is still firing editor#key event, which should not happen.
• Bad to continue enlarging editable.js code lines

core/keystrokehandler.js would be a proper new home for them.

Intro

Googling... googling... That's right - there's no DTD for HTML5 and there won't be any, because HTML5 cannot be defined by poor DTD. There are other schema languages like RELAX NG in which HTML5 may be defined, but AFAIK WHATWG won't create schema for HTML5.

Subject of this task

We need to update our pseudo-DTD with HTML5's new stuff. See e.g. ​https://github.com/ckeditor/ckeditor-dev/pull/6

The purpose of CKEDITOR.dtd is mainly to validate DOM tree structure + few more specific for editor things (like the list of editable elements). Unfortunately in current CKEDITOR.dtd's format we won't be able to define HTML5's precisely.

I see two main problems:

1. Transparent elements (​http://dev.w3.org/html5/markup/terminology.html#transparent) E.g. if <a> is a child of <div>, then <a> may contain block elements (in HTML5's terminology - flow elements (​http://dev.w3.org/html5/markup/common-models.html#common.elem.flow)) and inline elements (phrasing elements). If <a> is a child of <p>, then it may contain phrasing elements only.
2. Nesting rules dependent on attributes/sth else. E.g. if <audio> doesn't have src attr it may contain <source> elements. Otherwise it may not.

We are not able to handle 1. and I believe that we've got to live now with the current state of things. However, for 2., rules of our DTD should just be as tolerant as possible. That's the solution for now.

Few interesting links

• ​http://dev.w3.org/html5/markup/elements.html#elements
• ​http://stackoverflow.com/questions/432933/will-html-5-validation-be-worth-the-candle
• ​http://stackoverflow.com/questions/4055206/yet-another-question-regarding-the-html5-dtd-schema
• ​http://about.validator.nu/

We need to prevent FCK Editor not do following things Don't do HTML Encoding. Don't massage the HTML tags for eg: if we add </div> it should not additionally add <div> to it.

Our main concerns is we don't need the editor to massage the data.

Please let us know how we can achieve this

FF 10 ESR Enable running with Firebug. Go to CKEditor demo. Select the text in the fairy tale link. Press the backspace key. "A.getNative().createRange()" is not a function error occurs in Firebug console. Press continue. E is undefined error occurs in Firebug console. Press continue. You get bumped out of the editor and put back on the main CKEditor page.

While there may be no ill-effects of this while running in non-debug mode, it is a bit of a productivity killer when doing development that involves the editor since you get bumped out of the context in which you are running.

Currently we're hooking on raw DOM event, so it's impossible to coordinate with the rest of handlers that instead hooked on editor#key event, this would cause problem like, conflict in handling the same keystroke.

Ticket based on #9217

1. Open attached file
2. Type few chars and press enter.

Results:
FF - Error: Permission denied to access property 'parentNode'
Chrome - Unsafe JavaScript attempt to access frame with URL ​file:///C:/Users/Desktop/cke.html from frame with URL ​http://nightly.ckeditor.com/latest/ckeditor/_samples /replacebyclass.html. Domains, protocols and ports must match.
Opera - Unhandled Error: Security error: attempted to read protected variable IE - No errors.

Proposed by @alfonsoml: CKEditor the one that should prevent reaching the parent frame. Below is the example code for getParen method:

etParent : function()
		{
			try
			{
				var parent = this.$.parentNode;
				return ( parent && parent.nodeType == 1 ) ? new CKEDITOR.dom.node( parent ) : null;
			}
			catch (e)
			{
				return null;
			}
		},

Steps to replicate:

1. Open ckeditor demo site (​http://ckeditor.com/demo) in IE7 browser.
2. Enter characters like "(left square bracket) ,?"(right square bracket) , ";"(semi colon) , "|"(pipe) etc multiple times in ckeditor
3. Observe that color of there characters are changing.

N:B - This happens only in IE7.

1. Load the following into editor

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

2. Place cursor at end of first empty paragraph;

3. Press DELETE.

Expected Result: Empty Paragraph gets deleted

Actual Result: We are getting Javascript error & error is object doesn't support this property or method, when we close error dialog, list items no longer appear as a list (even though li is still displayed on the elements path bar).

To reproduce the defect

1. Open any CK Editor sample and open Paste as Plain text dialog.

2. In the Paste Area, enter some content and press Enter.

Expected Result: New empty Paragraph created in pasting area.

Actual Result: Paste as Plain Text dialog closing

This is a regression from 3.6.4 and it's happening from rev 7516 which has fix for defect 8985

To Reproduce:

• Open the Autogrow Sample in any browser.
• Maximize the editor by clicking the Maximize toolbar icon.
• Enter enough content to cause both vertical and horizontal scrollbars to appear.
• Click the Maximize toolbar icon to return to normal editing mode.
• Click the Maximize toolbar once again to maximize the editor.

Problem: The vertical scroll bar does not appear and there is no way to navigate up/down in the editor contents.

This only happens with autogrow enabled. It is caused by an overflow-y:hidden; styling set on the HTML element of the editor iframe which seems to be added in the call to resizeEditor() in autogrow/plugin.js

To Reproduce:

• Open any sample in IE and copy the following HTML into the Source area. It is a table with 2 tbody tags.

  <table border="1">
  	<tbody>
  		<tr>
  			<td>row 1</td>
  		</tr>
  	</tbody>
  	<tbody>
  		<tr>
  			<td>row 2</td>
  		</tr>
  	</tbody>
  </table>
  

• Return to wysiwyg mode. Note the order of the rows: row 1 is first and then row 2.
• Click the Source toolbar icon to return to Source mode.

Problem: Row 2 is now first in the HTML so when you go to wysiwyg mode again, the row order has been changed.

The row order changes each time you switch between wysiwyg and source mode. This happens in IE7, IE8 and IE9.

This is a very common usecase for some of our products so it is a high priority issue for us.

One of our program testers has discovered this bug.

When I try to change the font color or highlighting of text in a CKEditor text box, it doesn't actually change the color when I do the following:

1. Select the text
2. Click the "Text Color" or "Background Color" box
3. Click the "More Colors" option
4. Select a new color (by clicking on it once)
5. Click "Cancel"
6. Click "Cancel" on the popup box that asks if I really want to close without saving my changes (Then I am returned to the "Select color" window, with my new color choice still selected)
7. Click "OK"

Now my font/highlighting color should be changed to my new color, but it is not.

One of our program testers found this error. It was briefly mentioned in someone else's bug report, but I could not find a ticket for it.

1. Select the text
2. Click the "Text Color" or "Background Color" box
3. Click the "More Colors" option
4. Select a new color (by clicking on it once)
5. Click "Cancel"

The wording in the message that pops up needs to change. Right now it says "Some of the options have been changed. Are you sure to close the dialog?" It probably should say "Some of the options have been changed. Are you sure you want to close the dialog?"

If you select all content in the editor (keyboard or icon) and then press delete, the editor is removed from the page.

This only happens when enterMode is CKEDITOR.ENTER_BR

Tested against revision 3500 nightly build, and happens in Chrome, Firefox and IE.

To replicate:

1. Visit: ​https://dl.dropbox.com/u/2510419/CKExample/index.html
2. Click into text
3. Select All (icon or keyboard)
4. Press delete

Hi there,

I've installed the .NET implementation of CKEditor v3.6.4 in a mixed user environment. Many of the Mac OS based users of the system are experiencing problems where the toolbar doesn't appear and the source code displays by default. It looks like a standard textbox, not a WYSIWYG editor.

I originally installed v3.6.2 but upgraded to v3.6.4, but the issue remains.

Can you make any suggestions as to how to fix this? Will updating to v4 fix this problem? The editor works perfectly well on Windows in IE, Chrome and Firefox, so I know it's not an implementation problem.

Thanks. -- Paul

Tested using IE9 on Windows 7, with both CKEditor 3.6.4 and 4.0 beta. Was able to freely resize images, buttons and input fields, despite disableObjectResizing being set to true.

Example here: ​http://jsfiddle.net/zMwnc/

Tested in IE8 with no issues, the problem appears to be specific to IE9 and higher.

Checkbox is not able to select on ie and firefox

To reproduce the defect:

1. Open Autogrow Sample.

2. Keep cursor in editor body & click on Maximize toolbar icon.

Expected Result: Editor expanded to Maximum size.

Actual Result: Editor stays the same size & it stays the same size even after we enter large content.

I have added screenshot of the issue.

To reproduce the defect:

1. Open Autogrow Sample.

2. Maximize editor by clicking Maximize toolbar icon.

3. Enter enough content to get vertical scrollbar.

4. Click Minimize toolbar icon to return to normal editing mode.

5. Click Maximize toolbar again to maximize the editor.

Issue 1: See that Vertical scrollbar missing

Now start typing the content.

Issue 2: See that toolbar gone missing

To reproduce the defect:

1. Open any CK Editor sample and click on Paste or Paste from Word icons in the toolbar.

2. In the Paste area in Paste dialog enter some content and press Enter.

Expected Result: A new line created with <br /> tag

Actual Result: A new paragraoh created every time we press Enter

This is only happening in IE, where as in all other browsers it's creating a new line with <br />

I'm using contenteditable="false" on a div inside an inline editor.

Magicline still shows targets inside this div and can insert new lines by clicking the return icon.

forcePasteAsPlainText is true, FF version is 15.0.1

I debug it and find that the problem is clipboard plugin.

in getClipboardData method , 226 line,

Wait a while and grab the pasted contents

window.setTimeout( function() { ...},0);

when exeute these codes, paste will be exeuted directly,and can't grab the pasted contents.

If i use ctrl+V ,it's ok.

1. Open ​http://ckeditor4.t/ckeditor/samples/replacebyclass.html
2. Click newpage to empty the editor.
3. Use dragonfly to inspect body element. It's narrower than usual.
4. Click source mode and then back to wysiwyg. Inspect body again. It is wide now.

You can also observe this issue by following the magicline which always expands horizontally inside of the editable.

I've installed version 3.6.3 with no customizations... I'm having trouble with the "Link" dialog in Internet Explorer. While it works in other browsers, the elements appear "squished" in IE and the dialog is not usable.

Please see screen shots.

Any assistance would be greatly appreciated! Thank you

When using Paste From Word option, anchor tags (<a name=...>) are stripped from the code.

I have set PasteFromWordRemoveFontStyles="false" and PasteFromWordRemoveStyles="false". The only way to retain these tags is to skip cleanup using PasteFromWordPromptCleanup="true" and choose no at the prompt.

Attached file contains an anchor and hyperlink. Pasting the content into CKEditor without cleanup results in the following:

<a name="Anchor1"><span style="font-size:12.0pt;font-family:
&quot;Times New Roman&quot;,&quot;serif&quot;">Anchor for text above.</span></a><span style="font-size:12.0pt;font-family:&quot;Times New Roman&quot;,&quot;serif&quot;"><o:p></o:p></span></p>

Pasting with cleanup strips the <a name=..> tag completely:

<span style="font-family:times new roman,serif;"><span style="font-size:12.0pt;">Anchor for text above.</span></span>

When pasting text from a Microsoft word document some text is scrambled in a rather interesting way. The attached file contains the word 'rubrik' on the second row. When pasting the whole contents of the file the word 'rubrik' appears as 'qtaqhk'. Rather funny as q preceeds r and t preceeds u but the last character 'k' is not converted.

IME(use Japanese input methods) is disabled if startupFocus is true.

By v3.6.4 and v3.6.3, it checked using FF. In Chrome or IE, IME is enabled.

It can be used, if a focus is removed once and it returns from wysiwyg area.

To reproduce the defect

Open any CK Editor sample, keep cursor in editor body and press Delete or Backspace

Issue: An error thrown and error is Object doesn't support this property or method.

IE10 cannot aplly toLowerCase() to undefined. CKEditor blocked.

Hello,

When I am trying to upload a HTML Template in my CKEditor it get appended after the end html tag and not getting appended into the body tag of the editor. Please resolve this issue.

Has anyone an idea to get the content easily from the CK Editor into Indesign and after changes backwards into CK Editor? Which format is supported or which converter makes it easy to transform the content into Indesign 5 on a Mac and back?

JSDuck allows customized template:

jsduck --template=PATH              Dir containing the UI template files.

The default template is available [here ​https://github.com/senchalabs/jsduck/tree/master/template] thus can be extended on our demand.

the first problem:

steps:

1. click 'bold' button at the end of line:

2. move cursor left by pressing left arrow of keyboard

3. move cursor right by pressing right arrow of keyboard

expected:

can return to previous bold status.

actual:

no matter how many right arrow key are pressed, i can not return to previous bold status.

the second problem:

steps:

1. click 'bold' button at the end of line:

2. click 'bold' button again

expected:

current dom tree does not contains 'strong' element.

actual:

strong element still exists

attachment is a patch for problem 2.