Custom Query

​http://tests.ckeditor.dev:1030/tests/core/editor/focus

Caused by an ugly FF bug. After framed editor body is changed, FF yields body to be the active element, selection to be anchored in it, but you can't see it and editor and when focus is moved to other focusable element, blur is not fired.

For now I'm adding test to regressions. It's not a huge problem in framed editor. But we need to trim this case down and report it on bugzilla.

If a bulleted list wraps to the right around a left-aligned image, the bullets do not move with the list. Instead, the bullets appear left aligned on top of the image, and the list text wraps to the right of the image.

STR (I used full featured demo page with IE11)

1. Clear the page and insert a larger graphic.
2. Create a bulleted list below the image.
3. Select the image and apply a left-alignment.
4. The bullet text wraps to the right of the image, but the bullets appear at the left margin on top of the image.

Please see the attached image.

Hi,

Formatted text shows up fine in the web design mode. However, once viewed in the browser, the formatted text displays briefly, then quickly defaults defaults to plain text.

Any ideas on how to fix this problem. The site is a ASP development site using HTML5 code and C# as the base code.

I am not the programmer but the designer and trying to see if there is a fix that I can implement.

Thank you Stanley (SJR) sjr@…

ckeditor is not loaded into the chrome version 35.0.1916.114 m, in backend browser load it shows the Uncaught TypeError: Cannot read property 'label' of undefined error at this line of code in ckeditor.js

b.ui.addRichCombo(a, {

label: h.label,....

while in other browser like firfox,internet explorer works fine. i am using the version: "4.4.0",

This can be duplicated on the CKEditor demo site using the standard editor option. After the editor is initially displayed (at the JS console) i issue the following commands. I'm using the latest version of Chrome on a Macbook Pro OSX 10.9.3

insure the snapshot stack is empty with this command: CKEDITOR.instances.editor3.undoManager.snapshots

Then I fire a saveSnapshot command like this: CKEDITOR.instances.editor3.fire('saveSnapshot')

This will actually create a snapshot on the snapshot stack, however, the Undo button will NOT enable allowing for an undo. Is this the correct behavior or an bug? I'm trying to save a snapshot before executing a custom plugin that I have written that removes content from the editor.

As a side not, if the undo/redo buttons are already enabled, clicking undo works as expected.

Any help or advice is greatly appreciated.

In 3.6.2 when i click the paste from word button,The dialogue box showing label as "paste" instead of "Paste from Word". How to change the label?

Scenario:

1. Have an inline initialized editor
2. In that editor add a table and ensure that it is the sole element in the editable container (nothing before and nothing after)
3. Use the contextual menu to delete the table
4. The editor is no longer working :(

Note: This can be reproduced also on the demo site: ​http://ckeditor.com/demo#inline

The fix: Just added a check to not remove the parent element of the table if that parent is the container.

PR: ​https://github.com/ckeditor/ckeditor-dev/pull/104

Related ticket: #12122

Checked only on IE10, but this issue might be also present in other IE versions

1. open any sample with CKEditor and image plugin (i.e. samples/replacebyclass.html)
2. use following source

   <p>Text with <a href="http://ckeditor.com">li<img alt="" src="assets/sample.jpg" style="height:60px; width:48px" />nk</a> and image .</p>
   

3. go back to wysiwyg mode
4. double click image to check its properties

Expected result:
Properties like image source link, height and width should be predefined in text inputs.

Current result:
Properties are missing.

additional info:

1. Desired information are available in dialog after Right Click / Image Properties.
2. Seems to work OK in 4.4.0

Part of: #10931.

1. Create an editor with both image2 and placeholder widget:

CKEDITOR.replace( 'editor1', {

extraPlugins: 'image2,placeholder',

} );

2. Put placeholder into image caption:

   <figure class="image"><img alt="" height="90" src="assets/image2.jpg" width="100" />
   <figcaption>Some text with a&nbsp;[[placeholder]].</figcaption>
   </figure>
   

Result: I can have placeholder in the image2 caption if I create it in the source mode or paste it there, but I can not create a placeholder there using toolbar, the button is disabled.

Tested in Opera.

We should add a path name for codesnippet like "Code snippet" or simply "Snippet" (ofc it should be localized). This can be done by adding pathName property to widget definition. Sample usage is available in placeholder plugin.

• Open demo and clear all content.
  
• Change the paragraph format to Heading 1, don't add any text, hit enter
  
• Change the paragraph format to Heading 2 and add some text
  
• Click to the left of that text and hit backspace to move the text up a line. Or click to the first heading and hit delete.

Expected: Empty Heading 1 removed, Heading 2 go up without format changes.

Outcome: Heading 2 transforming to Heading 1.

My copied value from word(Office 2010)with Align/Indent format, After paste to CK Editor, all Align/ Indent formats are lost. Please check attachement to get my testing source word file

Testing result:

1. All Align format has been lost
2. All Indent format has been lost
3. Text highlighter color can’t cover the whole character when the fount is big( source data fount = 20 in word)
4. The header string becomes to link style
5. Page background has been lost

1. go to ​http://nightly.ckeditor.com/14-06-18-06-05/full/samples/uilanguages.html in chrome
2. Click in the editable portion of the editor
3. Click the font size dropdown, and change the font size (to 16 for example)
4. enter a word, like test
5. Using the mouse, click in the middle of the word so the cursor shows in the middle of the word you just entered (inbetween the e and s)
6. Click the strikethrough button

Problem: the cursor jumps to the end of the word

Reproduce: When the page height is set to 100%, and the page compatMode is backmode, the page will scroll down when enter key is hit in CKEditor.

Analysize: When enter key is hit, the editor invokes function CKEDITOR.dom.element.prototype.scrollIntoParent to make sure current cursor is not out of screen.

This function try to compare the cursor bottom with the browser height. To get cursor bottom, Editor needs to call native API getBoundingClientRect. And then it will call this API again to get documentElement location and combine them tegother to get the real botton if the compatMode is not backmode.

We check the documentation(​https://developer.mozilla.org/en-US/docs/Web/API/element.getBoundingClientRect), the getBoundingClientRect already returns the postion based on viewport. By default the viewport is client browser, this means we donot need the second call for documentElement no matter the page is backmode or not. Once we remove the secode call, the page works fine. We have verified the change in IE(8-11), Firefox(29.0), Chrome(35.0.1916.153) and Safari(7.0.3).

Please kindly check this issue. Hope this analysize is helpful.

Steps to reproduce:

1. Open Full Page Editing
2. Delete all content in the editor
3. Copy following into Source tab:

<span contenteditable="false"><a href="https://test.com">test</a></span>

4. Switch back to Rich Text editing
5. Copy link from left to right
6. Press Backspace

Result: Link not deleted

If you will select the same link form right to left then backspace will delete it.

Similar to #12110.

Problem can be reproduced in all browsers although results are different.

1. Put sample html file in samples folder
2. Open sample and click into table
3. Right-click on table and select 'Delete Table'

Blink and Webkit - editor is no longer accessible (it disappears)
FF and IE - editable area disappears but toolbar remains. If you try to insert some element with it, JS error will be thrown.

Hi,

This is to seek you support with a problem we are facing using FCK editor(Version 2.1) in our classic ASP application.

FCK editor is implemented on a number of pages on our website (​http://www.rediforschools.com), and is working just fine on all of the operating systems, but on WINDOWS-7. The problem we are facing is, on WINDOWS-7 systems are as below -

1. Text formating toolbars are not being displayed along with the editor.
2. Editor window is showing HTML markup, whereas it should show the formatted text.

Attached are the screen shots taken using WINDOWS-XP, WINDOWS-7, and WINDOWS-8 operating systems for your reference.

Below is the details of environment where the application is running -

1. Application is developed using classic ASP.
2. Running on IIS 6.0 Version on a Windows Server 2003 (Web Edition Server).
3. Please note that the problem is not browser specific, it's behaving same on all browsers we tested.

Should you need any other information, kindly let us know.

We can also provide you required credentials, along with the steps to reproduce the issue, if you want to try it yourself.

Kindly suggest a solution ASAP as our clients are facing problems using the website due to this issue.

We would appreciated your suggestions and hope that you have a fix for this issue,

Thank you,

Vikas

.....

I got strange bug when i try to center an image with link. The link tag is removed from html

• I use Enhanced image plugin (image2) instead of original plugin
• Justify plugin

I think CKEditor need to be compiled with image2 plugin to be reproductible !!

Step to reproduce,

• open source editor and put this html example

<p>test</p> <p><a href="​http://www.google.fr"><img alt="cat" width="360" src="​http://scienceblogs.com/gregladen/files/2012/12/Beautifull-cat-cats-14749885-1600-1200.jpg" /></a></p>

• set to wysiwyg area, and center image using "center" button
• back to source area

html is now

<p>test</p>

<p>&nbsp;</p>

<p style="text-align:center"><img alt="cat" src="​http://scienceblogs.com/gregladen/files/2012/12/Beautifull-cat-cats-14749885-1600-1200.jpg" width="360" /></p>

<p>&nbsp;</p>

a tag is removed !!!

In some cases users do not want hard-set image dimensions in the generated IMG tags by default, and clearing those fields each time an image gets added is error-prone and annoying. Thus this behavior should be configurable.

The attached patch is a three-liner that adds a configuration option 'editor.config.image_emptyHeightWidth' that can be set to 'false' to suppress the default.

Edit

PS. We need options for image2 as well.

Load the editor with HTML in Safari for OS X:

<p><span contenteditable="false">[[CONTENT]]</span></p>

Using the mouse, inside the wysiwyg editor select/highlight :

[[CONTENT]]

Hit backspace key.

-> issue :

[[CONTENT]] does not delete

Related to : ​https://dev.ckeditor.com/ticket/12121

This needs to be investigated. In 3.5 (#5404), when option was introduced it has been accepting callback. Then, at some point this change was made:

blockFilter( isOutput, editor.config.fillEmptyBlocks !== false );

And it's obviously wrong now. However, at some point also docs have been modified and the type of this setting is now Boolean (no Function). So perhaps it was an intentional change. In such case we should fix docs, not code.

Because of

​https://github.com/benderjs/benderjs-ckeditor/blob/cdd10213ec748101f0e3d9eead8da01fb8f04245/static/tools.js#L1108

and

​https://github.com/benderjs/benderjs-ckeditor/blob/cdd10213ec748101f0e3d9eead8da01fb8f04245/static/tools.js#L1069 (IE),

element ids are pruned. This is the default behavior of CKEDITOR.dom.node.clone(), which is undesired in bender.tools.range.getWithHtml().

1. Use below setting:

   var editor = CKEDITOR.replace( 'editor1', {	
   	disallowedContent : 'img{width, height}[width, height]'				
   });
   

2. try to insert a new image (plase be sure that provided url is valid and blur text input before closing dialog).

Removing width, height works great on initial content but it doesn't when you insert new image. Here is what happens:

1. Image is inserted with width/height style (can be checked with firebug)
2. When you switch to source mode style is still there. Method getData also returns width/height in style.
3. Only second switch to source mode returns width/height from image. Could be applicable for other elements.

Descriptive summary: When there are styles applied to a widget, Remove format does nothing.

Steps to reproduce:

1. Insert some widget
2. Bold it
3. Click on Remove format button and nothing happens

Browser and OS: Chrome and Firefox under both Windows and Linux

Descriptive summary: Underline and Strike through are not working when applied on an inline widget. By CSS specs, the underline does not affect inline blocks (.cke_widget_inline is inline-block) inside the element for which text-decoration: underline or line-through has been set. Partial solution is to make CSS selector like:

s .cke_widget_inline
{
  text-decoration: underline;
}

It's partial, because the user cannot do both underline and strike through at the same time.

Steps to reproduce:

1. Insert some inline widget
2. Underline it and you'll see nothing will happen
3. Take a not at the path - it shows the U tag, but it's not visible to the user

Browser and OS: Chrome and Firefox under both Windows and Linux

Descriptive summary: User is able to drag a nested widget outside of the parent, which breaks is there is a relation between child and parent (there should be in most cases).

Steps to reproduce:

1. Insert some widgets inside of another widget
2. Select (with the mouse) a few fields
3. Drag them (not by the handles, just by the selection) to them outside of the parent
4. Do the same, but drag one by the handle
5. In all cases, it's possible to drag it to the outside

Browser and OS: Chrome and Firefox under Windows

I work for American Public University System and wrote to our support team about a glitch in CKEditor that the university uses in its Sakai platform.

I made a screencast of the problem here: ​http://www.screencast.com/t/pqsWy3WdA02.

The support team at APUS said they contacted you. See communications below.

The problem persists. Description: In bold or italics, first time to backspace cursor jumps around.

Thank you. David Whitehouse. david.whitehouse@…

Re: Sakai Word Processor Glitch #3995421 ClassroomSupport [ClassroomSupport@apus.edu] You replied on 06/19/2014 11:40 AM. Sent: Wednesday, June 18, 2014 12:55 PM To: david whitehouse Thank you professor.

I will pass this on to the CKEditor community. CKEditor is the "word processor" embedded into Sakai. If you're interested, you can find more information here. ​http://ckeditor.com/

Thanks again.

Sincerely, John Meeker

American Public University System American Military University | American Public University 111 W. Congress St. Charles Town WV, 25443 T 877-468-6268 x3640 | classroomsupport@… | www.apus.edu

--Original Message-- From: david.whitehouse@… Date: 6/18/2014 12:20:25 PM To: ClassroomSupport@apus.edu Subject: Sakai Word Processor Glitch

Hi,

Here is a Screencast of a glitch in the word processor that Sakai uses: ​http://www.screencast.com/t/pqsWy3WdA02

It can be very annoying when trying to post forums and grade. It may be something that Sakai would like to know about.

Thank you.

David

David Whitehouse, Instructor in Humanities American Public University System Charles Town, West Virginia

1. Open placeholder sample.
2. Select placeholder.
3. Link it.
4. Doubie-click it.

Actual: Two dialogs are opened.

Expected: Placeholder dialog.

1. Set source:

   <ul>
   <li><p>First</p></li>
   <li><p>Second</p></li>
   </ul>
   

2. Place caret in the first item.
3. Press indent button.

Second item is lost.

• Pull request: ​https://github.com/ckeditor/ckeditor-dev/pull/108
• An analysis how ident* plugins should handle this case: ​https://github.com/ckeditor/ckeditor-dev/pull/108#issuecomment-47332860

Following ​https://github.com/ckeditor/ckeditor-dev/pull/89

If you follow the instructions at cdn.ckeditor.com to put CKEditor on a page using the new CDN, ckeditor.js and other files will be requested *every single time* your page is loaded. This is happening because there is no HTTP cache-control header included with the CKEditor files being served from the CDN. Without the cache-control header, web browsers have no choice but to reissue GET requests for the files every single time.

To reproduce:

1. Follow the instructions at cdn.ckeditor.com to create a page that uses CKEditor via the CDN.

2. Navigate to the page in a web browser. Verify that the CKEditor on your page is working. This proves that your browser has downloaded ckeditor.js and some of the other CKEditor files from the CDN.

3. Open up your browser's "F12 developer tools" and turn on the request tracing feature. In Firefox, this is called the Network tab.

4. Put your cursor in the browser's address bar. Hit the Enter key to request the page again.

5. Notice the GET requests for ckeditor.js and possibly other files. The response code will probably be "304 Not Modified", which means the files were not re-downloaded in their entirety (which is good), but were nevertheless requested again from CloudFront.

The correct behavior would be for the CKEditor files to be retrieved from the local cache without any GET requests to CloudFront. This should be an easy fix: just configure CloudFront to send cache-control headers when the files are requested. Since you put each new version of CKEditor in a new directory in CloudFront (and thus the newer versions have new URLs), I'd recommend setting a *very* long max-age value, such as a year.

Using shift() on a passed argument is a very bad practice.

Setting milestone to 4.5 because unfortunately fix will affect code using getChild().

They are useful also for widgets definitions, so they should not be private.

Users get this regularly in all browsers, though they've yet to provide me good repro steps. Current example is in Chrome 35. Error bubbles up to window.onerror.

erroring line: ​https://github.com/ckeditor/ckeditor-dev/blob/master/core/selection.js#L1958

version: 4.4.2 (seen it as early as 4.2)

build configuration: ​http://ckeditor.com/builder/224773061e31c4aa24a72388cd90ca5b

Users frequenly encounter "Uncaught TypeError: Cannot read property 'compare' of null". They haven't given me good repro steps, but they can produce it quite frequently. Current example is Chrome 35 on Windows.

version: 4.4.2 (also seen it as far back as 4.2)

erroring line: ​https://github.com/ckeditor/ckeditor-dev/blob/master/core/selection.js#L43

build configuration: ​http://ckeditor.com/builder/224773061e31c4aa24a72388cd90ca5b

Users get this regularly in all browsers, though they've yet to provide me good repro steps. Current example is in Chrome 35. Error bubbles up to window.onerror.

erroring line: ​​https://github.com/ckeditor/ckeditor-dev/blob/master/core/selection.js#L1961

version: 4.4.2 (seen it as early as 4.2)

build configuration: ​http://ckeditor.com/builder/224773061e31c4aa24a72388cd90ca5b

Users get this regularly in all browsers, though they've yet to provide me good repro steps. Current example is in Chrome 35. Error bubbles up to window.onerror.

erroring line: ​https://github.com/ckeditor/ckeditor-dev/blob/master/core/style.js#L722

version: 4.4.2

build configuration: ​http://ckeditor.com/builder/224773061e31c4aa24a72388cd90ca5b

The text formatting is lost when pressing the tab key and tabSpaces > 0. You can see this in the sample inlinebycode.html

add tabSpaces :

// We need to turn off the automatic editor creation first.
CKEDITOR.disableAutoInline = true;
CKEDITOR.tabSpaces = 4;
CKEDITOR.on( 'instanceReady', function( ev ) {

Format text, type in text, hit tab, type some more, formatting lost.

Firefox & Chrome didn't try IE

Would expect formatting to be kept if tab key pressed.

1) create a bullet list with a few items (LI)

2) place cursor at the end of e.g. second item

3) <ENTER> (new line)

I expected new list item, but probably new paragraph (<p>) is created. If you switch to source code view, this new paragraph is moved before list.

It is not possible to create new list item by standard way.

--- Safari version: 5.1.7 for Windows

Even with config option disableObjectResizing IE11 allows resizing of TABLE, IMG and DIV elements by dragging the element handles.

From custom config I've used.

config.disableObjectResizing = true;

Test HTML:

<table border="5" cellpadding="1" cellspacing="1" >
	<tbody>
		<tr>
			<td>hgfhhf</td>
			<td>&nbsp;</td>
		</tr>
	</tbody>
</table>
<img src="https://dev.ckeditor.com/chrome/site/logo-ckeditor-dev.png" />
<div style="width: 236px;">
<h1>Hello</h1>
</div>

Steps, 1: Add a simplebox widget to the editor. 2: Delete the "Content..." text. 3: Hit the return key to get a new line. 4: Hit the backspace key twice. 5: The p element has now been removed.

Any presses of the return/enter key now duplicates the "simplebox-content" div.

Can only reproduce on FireFox (I'm on v30)

It looks like the maximize plugin correctly turned off itself when inline mode is detected in init() callback:

// Maximize plugin isn't available in inline mode yet.
if ( editor.elementMode == CKEDITOR.ELEMENT_MODE_INLINE )
	return;

Similarly, Maximize button is disabled on iOS:

// Disabled on iOS (#8307).
modes: { wysiwyg: !CKEDITOR.env.iOS, source: !CKEDITOR.env.iOS },

We know that maximize plugin is useless when shared spaces are used, but instead of switching it off automatically just like with two previous cases, we rely on users knowledge:

removePlugins : 'maximize'

Perhaps we could do this automatically for maximize and resize plugins?

Cell properties don't have "justify" alignment in the dropdown list in the dialog.

config.js config.uiColor = '#dfe8f6'; 在IE8 quirks 模式 不能改变颜色

config.height = '100%';在IE8中高度不能自适应

1. Open ​http://ckeditor.com/demo#widgets
2. Put the cursor in 3rd line, after the first mathematical formula (The Cauchy-Schwarz Inequality)
3. The cursor is at the very end, it should be placed straight after the formula.

Confirmed in Chrome 35 @ Linux and Opera 22 @ Windows 7. This is a browser bug, Firefox and IE are fine.

Part of #11437.

setData and getData for custom data types should work on every browser. dataTransfer object should also have isDrag property.

Part of #11437.

Editor should emit drag & drop events with data transfer facade.

Good afternoon. I installed version 4.3.4 ckedito. The same problem occurs the version that comes with opencart 1.5.6.4. In the information menu text box put in bold some words, terms, etc.. After saving and viewing my site not appear bold type, the word is the same as others and that the ckeditor in this text box bold. What could be the problem? How to solve? Thank you

Part of #11437.

After implementing custom support for D&D (#11460), drag and drop for inline widgets stopped working. It should be brought back and be based on our custom D&D (it should use dataTransfer object, and editor events #12169).

Part of #11437.

editor.paste event emitted from native paste should contain same data as editor.paste event (e.g. dataTransfer).

There should be paste event listener (with 0 priority) and if it contains dataTransfer with html or text data, such data should be put as a dataValue.

CKEditor is not loading in Chrome browser, While displaying it dynamically inside a GridView

Google Chrome Version: 35.0.1916.153 m

Working fine with Firefox and Internet Explorer

Firefox Version: 30.0

Internet Explorer Version: 11.0.9600.17126

While displaying the ckeditor dynamicaly inside a GridView, I get the following error "Uncaught Sys.ParameterCountException: Sys.ParameterCountException: Parameter count mismatch." only in Chrome browser and hence the editor is not loading.

No such error in Firefox and Internet Explorer, and the editor is loading properly.

Dilli.

As CKEditor is JavaScript project, it will be nice to have a javascript build tool that let other users get rid of using java for build task.

1. Open any sample.
2. Make following selection:

   <p>foo</p>
   <p>bar[</p>
   <p>bo]m</p>
   

E.g. select "bo" and press shift+left.

3. Apply some format.

• Expected: Format is applied to both paragraphs, because selection clearly starts in <p>bar<p> (you can verify that by using some different format and checking elements path).
• Actual: Format is applied only to the last paragraph ("bom").

Based on #10677.

I have tried similar steps CKEditor 4.x and was able to reproduce this issue from CKE 4.0 (works fine in beta) in IE9-11. I didn't need enter mode BR for that.

MY TC:

1. Open replacebycode.html page and press NEW PAGE
2. Run below script

   window.setInterval(function() {console.log(window.document.getElementById('cke_1_contents').childNodes[1].contentWindow.getSelection().anchorOffset);}, 200);
   

3. Type "This is sample text"
4. Press "Home"
5. Select with Shift+Arrow word "This"
6. Press End
7. Press Enter (wait a second)
8. Paste text with Ctrl+V

Result: You will see delay (editor displays 1 and then 4) and in IE10-11 value doesn't get updated (only 1 is logged). You need to move cursor to get offset updated.

I have been able to reproduce this issue from CKEditor 3.2.1 (this is where I could see first delay) in IE9: TC is the same but I needed to have text in editor before running script below:

Ver. 3.2.1
window.setInterval(function() {console.log(window.document.getElementById('cke_contents_editor1').childNodes[0].contentWindow.getSelection().anchorOffset);}, 200);

Anyway this is TC for CKE 3.x thus I'm marking it as won't fix. I have however reported similar issue for CKEditor 4.x.

This issue only seems to happen for me in IE (I only tested 10 and 11) because of the specific way you can scale the images within the editor. When you bring up the link dialog while having an image selected, you could have the resizing area cover the UI and prevent normal use. As you can see in the pictures below, the red area is not clickable by if the resize handles are present.

In most cases you won't notice it. If you have a new link or link type is URL, the link dialog deselects the image and focuses the URL input box when it opens. However as you can see in my example and in our App, we use a dropdown dialog as our first option which does not change focus, so the image is not deselected.

You can double click the button and that causes a deselection and then click of the button, but this is not ideal. Also things like using the dropdown seem to cause focus updates as well.

Steps to reproduce:

1. go to the demosite: ​http://ckeditor.com/demo in IE10/11
2. select the image and give the image a link type of anchor and set it as name of "quotes" from the dropdown
3. select the image again and open the link dialog
4. You should see the image drag handles still selected and floating on top of the link dialog. You can drag the box around til the buttons are under the invisible inner box of the drag handles

If you need any other information from me, let me know.

1. Open replacebycode sample after removing doctype from it (so IE9 works in quirks mode)
2. Focus editor.
3. Move mouse over editor's scroll bar.
4. Error is thrown - Object doesn't support property or method 'contains'.

Not reproducible on IE8QM.

In #11712 we found out that CKEditor works pretty well on Chrome@Android and that CKEditor is enabled on it by default, because Chrome identifies itself as a normal desktop browser. However, we were testing a tablet version of Chrome and Android. It turns out that Chrome running on a smart phone identifies itself differently and CKEditor is disabled on it. This can be changed by user by enabling "request desktop site" option.

Now we need to check how CKEditor works on Chrome which does not identify itself as a desktop browser. If it turns out that this mode is similar or identical to the desktop/tablet mode we'll be able to enable CKEditor in it by default.

In CKEditor 4.3.5, add the following text in source mode:

<a href="mailto:huhu@momo.com?Subject=huhu%20momo!">ckeditor email link</a>

Switch to wysiwyg mode, open the link plugin dialog on the link. The email subject is not displayed in the link dialog. Change "Subject" to "subject" in source mode. Then the dialog will display the email subject.

I guess that the regex'es used in the pluign's link.js are not case-insensitive, what they should be.

Hi,

I am using Ck-editor 3.6.4.Ck-editor works well but their are some small error.

1)I had created a table in Ck-editor i had save the table content in DB.But when i try to see the same table the size of table is gone and it shrinks.

2)Image uploaded in Ck-editor page but while restore the image is gone ..

plz urgently help me to get out of this issues.

After executing action inside of a command, the caret disappears from the editor. If the same action is executed independently of CKEditor, the caret stays there.

For reproduction try the button "download file" (works) and the first button on the toolbar without an icon (caret disappears).

Dear Team,

May i know the reason why the Paragraph is not allowing Table inside it. (e.g) <p>

<table>...</table>

</p>

instead of above it works as below,

<p> ... </p> <table> ... </table>

Please do the needful.

Regards, Subash Ramadoss

Hi Team,

The highlighted text does not respond to Font, Font color, Font size and paste.Its working fine in firefox,chrome but not with IE.

Over at ​https://www.drupal.org/node/2292035, we noticed that CKEditor's ARIA label (what CKEditor calls the "voice label") is of the form Rich Text Editor, <editor's name attribute>. The editor's name is — according to ​http://docs.ckeditor.com/#!/api/CKEDITOR.editor-property-name — retrieved/generated as follows:

Note: It will be originated from the ID or name attribute of the element, otherwise a name pattern of 'editor{n}' will be used.

Changing the id or name attributes of the corresponding <textarea> is not an option; this would break Drupal APIs. Which means we're stuck with something like

"application: Rich Text Editor, edit-body-0-value"

being uttered by the screen reader, which is not acceptable: it's far too confusing. We know what the (human-readable) label of the field is, so we want that to be used instead! So I went to look for a way to configure the name independently of the name attribute, i.e. to change it to field's label.

Olek then pointed me to ​http://docs.ckeditor.com/#!/api/CKEDITOR.config-cfg-title — he thought that defining/setting a title for a CKEditor instance would take precedence over the editor's name. Turns out that config.title only affects the title of an iframe; it doesn't change the voice (ARIA) label.

Piotrek confirmed that this is likely a bug on Twitter: ​https://twitter.com/reinmarpl/status/489066119115059200.

we are unable to enter the text in editor in internet explorer or crome. i am using version 3.6.4 asp.net ck editor.

unable to enter text in ck editor in internet explorer.

1. Use enter mode sample with allowedContent:true.
2. Paste below code into editor in Enter P or Div mode (in BR more some BR's are removed: #10497, #11392)

   <span>
   Some Text
   <br />
   <br />
   <br />
   </span>
   

3. Switch to WYSIWYG.

Results: BRs get extracted out side of span and changed into divs or paragraphs.

Problem can be reproduced from CKEditor 3.5.4 rev. [6740].

When startupMode is set to "source" then the source code that appears on startup is broken:

• It is indented by 4 tab characters
• New line characters are missing

After switching to wysiwyg mode and back the source code looks fine.

Confirmed in 4.4.3 and in 3.6.6, did not check earlier versions.

How it looks on startup:

How it should look like:

I am developing a CKEDITOR plugin which captures image pastes in the editor and uploads them to a server. The problem is occuring in an editor.document.on("paste", function...) callback when I try to add a loading gif placeholder using editor.insertElement or editor.insertHtml, and it only happens when nothing has been entered into the editor already. On either of these function calls, I get a TypeError with the message "Cannot read property 'checkReadOnly' of undefined". This happens in Chrome only (I am running windows 8.1), and does not happen in Firefox or IE 11 (Earlier versions of IE don't trigger paste events so not sure about those). If this bug wasn't weird enough already, there is one last weirdness about it. Later in the paste handler, the editor.insertElement function works for inserting the image that was pasted. Sorry if this is unclear but that's the best I can give you.

In Safari 8 in the Mac OS X Yosemite beta, when you hit the return key, the cursor is moved to the start of the paragraph.

Generally widgets seems not to have issues with upcasting items inserted by editor#insertElement(). I've tested it at our ​demo with SimpleBox and Image2.

As a sample I will include steps to include valid widget to image2 and codesnippet (which does not work).

Image2

Execute following code in JavaScript console:

var el = new CKEDITOR.dom.element( 'figure' );
el.setHtml( '<img alt="Saturn V" src="http://c.cksource.com/a/1/img/demo/apollo-csm-lm.png" width="200" /><figcaption>foobar</figcaption>' );

// This will insert image into editor below the "Enhanced Image" headline.
CKEDITOR.instances.editor3.insertElement( el );

Image widget is created.

Code Snippet

Execute following code in JavaScript console:

var el = new CKEDITOR.dom.element( 'pre' );
el.setHtml( '<code class="language-javascript">var x = 1;</code>' );

// This will insert image into editor below the "Enhanced Image" headline.
CKEDITOR.instances.editor2.insertElement( el );

// Even calling this manually doesn't work:
// CKEDITOR.instances.editor2.widgets.initOnAll();

Code snippet is not upcasted (but it will be after toggling source/wysiwyg mode it will be created as expected).

Code seems to be ok, pretty much the same for both cases.

ckeditor.js, line 5:

/(^|.*[\\\/])ckeditor(?:_basic)?(?:_source)?.js(?:\?.*)?$/i

This regex unfortunately doesn't recognize URLs with semicolons like this one:

/path/to/webapp/resources/ckeditor.js;jsessionid=xGgih0owBq2-mcqzqyyh-WmE

which can result in the correct basePath not being found and the editor not being displayed.

I propose changing the regex to:

/(^|.*[\\\/])ckeditor(?:_basic)?(?:_source)?.js(?:\?.*|;.*)?$/i

Hello,

Since several versions of ckeditor there are two css files (see skins\moono\editor_ie7.css and skins\moono\editor_iequirks.css files) which contain a small error. Please, have look to the following piece of text:.cke_button_icon,{

As you can see, there is a comma just before {

Can you correct this for the next release please?

Thanks in advance and have a nice day.

While working on #11739 I found out that at least these two line violates strict mode (Safari6):

• ​place1
• ​place2

The reason for that is that (at least sometimes) ​undoManager.locked becomes a number. And if you attempt to add new property directly to a Number object it will cause a strict violation.

Steps to repro:

1. ensure that your ​plugins/undo/plugin.js has a use strict statement
2. run ​plugins/undo/change test

Expected result:
Tests should pass.

Current result:
Tests test undo and test redo will fail.

additional info:

1. I've pushed temp workaround for this issue to ​t/11739_safari_fix branch.

In Chromium nightly version I see that ​test_enlarge_element12 test fails.

I can confirm that this issue got also into Google Chrome Canary channel.

The issue is with selection after calling enlarge.

Expected selection:

<p>Test [<i><b></b>Enlarge</i>]</p>

Actual selection (only in chrome):

<p>Test <i><b></b>[Enlarge]</i></p>

UA versions:

• Chromium: Chrome/38.0.2098.0
• Chrome Canary: Chrome/38.0.2097.0

Descriptive summary - In Chrome browser, drag-and-drop image does not work if the editor does not already have content. Drag-and-drop an image from other web page causes the whole browser window to load that image.

Steps to reproduce -

1. In a Chrome browser window A, go to ​http://www.ckeditor.com/demo.
2. Click on the editor area, select all content and delete it. (Screenshot#1)
3. Open another Chrome window B, go to any page that has images, e.g. ​http://www.rolia.net (Screenshot#2)
4. Drag an image from B, drop in at the lower right area of the CKEditor in A.
5. Expected: the image is added in the CKEditor; Actual: The whole window of A loads the image. (Screenshot#3)
6. If there is already content in the editor, the operator is normal. (Screenshot#4)

Browser and OS - Current version of Chrome browser, tested in both OS X and Windows 7.

Screenshot -

When you write a text at the end of the editor and selecting the text don't apply any format. Only the first time and not in the first line.

Only config.enterMode = CKEDITOR.ENTER_BR;

Browser: Chrome 36.0

Steps to reproduce:

1. Go to ​http://ckeditor.com/demo
2. Go to the last line
3. Enter
4. Type some text
5. Select it with the mouse
6. Try format the text

Cut/Copy icons in that toolbar disabled. Standard Windows shortcut key to cut/copy/paste not working.

Cut/Copy --> Enabled ?

To reproduce the defect:

Open Sample widgets page ​http://ckeditor.com/demo#widgets

Issue: All widgets( Simple Box, Code Snippet, Enhanced Image, Mathematical Formulas) can be dragged and dropped using mouse but not with keyboard. This is a Violation of Accessibility Checkpoint 2.1a Keyboard

Description:

When pasting from MS Word, Libre/Open Office documents some of the formatting is lost. Upon checking the HTML generated it can be observed that the style attribute has incorrectly separated definition (missing ';').

Steps to reproduce:

1. Use the attached test.odt as a sample (although the problem can be reproduced with other formats too).
2. Click on the Paste from Word button (you will observe that the formatting is kept at this point).
3. Click OK.
4. Part of the formatting (in this case the text color for the first paragraph) is lost.

System details:

Ubuntu 14.04, Chrome 35

CKEditor instance config:

CKEDITOR.inline( ... , {
    ...
    allowedContent: true,
    pasteFromWordRemoveFontStyles: false,
    pasteFromWordRemoveStyles: false
});

Note: I have already found the problem and fixed it and will create a pull request for ckeditor/ckeditor-dev on github. I'm posting this bug to have it as reference.

Hi there,

Ive been trying to create a custom plugin for ages before understanding I faced a nasty bug.

I am using CKEditor 4.4.2 (revision 1567b48) in a rails4 project thanks to the ckeditor gem.

To be brief, here is a functional code :

CKEDITOR.config.coreStyles_comment = {  
  element : 'p', 
  attributes: {'class': 'alert alert-info comment'} }

while that one below is buggy. The button is added in the toolbar but disabled.

CKEDITOR.config.coreStyles_comment = {  
  element : 'p', 
  attributes: {'class': 'comment alert alert-info'} }

The only difference is the order in the class attribute.

I made few tests by changing the classes name but I couldn't figure out the problem. this one works :

attributes: {'class': 'a a-b b'} } 

but not this one !!!

attributes: {'class': 'a a-b a'} } 

Here is the whole code :

CKEDITOR.config.coreStyles_comment = {  
  element : 'p', 
  attributes: {'class': 'alert alert-info comment'} }


CKEDITOR.plugins.add( 'comment', {
  icons: 'comment',
  
  init: function( editor ) {
    var config = editor.config,
        style = new CKEDITOR.style( config.coreStyles_comment );

    // Listen to contextual style activation.
    editor.attachStyleStateChange( style, function( state ) {
      !editor.readOnly && editor.getCommand( 'insertComment' ).setState( state );
    } );


    editor.addCommand( 'insertComment', new CKEDITOR.styleCommand( style ) );
    editor.ui.addButton( 'Comment', {
      label: 'Insert Comment',
      command: 'insertComment',
      toolbar: 'pao'
    });
  }
});

Seems like a dev's nightmare to me don't you think? Good luck with that one ! :-)

We recently added the enterMode = 2 to avoid the issue of getting empty paragraphs "<p>&nbsp;</p>" while copying the data from the word document.

Due to this change editor behaviour is changed,

When the enterMode = 1:

• User enter the data as "Test Data"
• Editor converts that as "<p>Test Data<p>"

When the enterMode = 2:

• User enter the data as "Test Data"
• Editor doesn't converts the data to html and just keep it as simple text "Test Data".

Due to this behaviour change, our parser code getting impacted and throwing error due to the Text data input. And this issue is only happening when the editor is empty and once we do form post and load the data from the database then it is converting the data to Html. This needs to be fixed asap as it is escalated from our customer.

Since our customers are in CKEditor 4.3 and CKEditor 3.6.2, please provide the fix on these code lines.

As reported on our forum: ​http://ckeditor.com/forums/Support/Ckeditor-.net-version-problem-on-Android

I know that ckeditor is not support yet for android, which is fine. I'm happy with it not to display. However, I am using the standard installation for .net, but when I view it on android (4.4.2, glalaxy s4), I see nothing at all. I would have expected to see a simple (non-formatted) textarea?

I've viewed source, and I can see that the textarea box is there but with a style of "visibility: hidden;".

Is this the way its supposed to work? I need the box to be display even without the ckeditor bits.

I can go down the javascript route to check for mobile, then set visibility:visible, but I wanted to check if I was doing something wrong first!

My code is simple...

Register at top:

<%@ Register Assembly="CKEditor.NET" Namespace="CKEditor.NET" TagPrefix="CKEditor" %>

Add in the editor:

<CKEditor:CKEditorControl ID="txtDesc" name="txtDesc" BasePath="/ckeditor/" ClientIDMode="Static" runat="server" ></CKEditor:CKEditorControl>

View source in android shows:

<textarea id="txtDesc" cols="20" rows="2" name="ctl00$CPHMain$txtDesc" style="visibility: hidden;"></textarea>

Opera:

version: 12.17 build: 1863 platform: Win32 OS: Windows 7

After init CKEDITOR is a object but no replaced textarea with CKEditor editor.

Not work in Opera, but work in other browsers: Mozilla FireFox, Google Chrome, Microsoft IE (11)

Possibly, it is a problem with CKEditor, but, most likely, a mistake in Opera.

I've been participating in at least two dozen forums of web developers, and have thus used probably all post editors there are. In all, the cut, copy and paste functions also work when Firefox or Chrome are used. Both via the buttons and via the context menu (right-click menu) options. And in this very form that I'm using right now said matters function as well.

Not so in CKEditor (this form editor is not CKEditor). Why still not? Regarding Chrome, this seems to have been reported as bug under ticket nr. 8463. Which was closed because it supposedly was fixed. But that is not the case. And clearly, it is a bug. Because why else do all the other form editors function flawlessly in FF and Chrome?

jwplayer本来返回 <embed flashvars="file=/senate/userfiles/flash/xingye775120_090310.swf&amp;autostart=true" ……> 有flashvars标签， 可是在你们的ckeditor里自动格式的没了，我也写保护embed标签了，不生效（ config.protectedSource.push( /<\s*embed[\s\S]*?\/embed\s*>/g ) ; ） 我用的是4.4.3版本 期待您的回复：34511604@…

1. In CKEditor 4.3.5 and Chrome
2. edit a new text
3. enter the following in source mode
4. <a id="anchorId" name="anchorName">anchorText</a>
5. switch to wysiwyg mode
6. doubleclick on anchorText
7. in the anchor dialog, the anchor name is not displayed.

If you just click into the text "anchorText" and open the anchor dialog via the toolbar, the anchor name is displayed in the dialog.

Debugging the code in link plugin's anchor.js, I found that the method tryRestoreFakeAnchor did not detect a fake anchor, but was trusted nevertheless such that the existing real anchor was not used. Only if the element was "fullySelected". The following code change resolved the issue:

Existing code:

if ( CKEDITOR.plugins.otmslink.fakeAnchor ) {
	var realElement = CKEDITOR.plugins.otmslink.tryRestoreFakeAnchor( editor, fullySelected );
	realElement && loadElements.call( this, realElement );
	this._.selectedElement = fullySelected;
} else if ( fullySelected.is( 'a' ) && fullySelected.hasAttribute( 'name' ) )

Changed code

var realElement;
if ( CKEDITOR.plugins.otmslink.fakeAnchor ) {
    realElement = CKEDITOR.plugins.otmslink.tryRestoreFakeAnchor( editor, fullySelected );
    realElement && loadElements.call( this, realElement );
    this._.selectedElement = fullySelected;
}
if (!realElement && fullySelected.is('a') && fullySelected.hasAttribute('name')) {
    loadElements.call(this, fullySelected);
}

When pasting content from word the classes assigned to the elements by filter are removed.

Use config with Bold definition that involves classes.

            coreStyles_bold: {
                element: 'span',
                attributes: { 'class': 'myboldclass' },
                overrides: ['strong', 'b']
            },

When pasting bold text from Word, the result is <span> without class. The offending line that always removes class is

'class': falsyFilter,

in pastefromword/filter/default.js.

Run: ​http://tests.ckeditor.dev:1030/tests/plugins/enter/list One of tests throw:

Discontiguous selection is not supported. selection.js:1974
CKEDITOR.dom.selection.selectRanges selection.js:1974
CKEDITOR.dom.range.select selection.js:1014
CKEDITOR.plugins.enterkey.enterBlock plugin.js:392
enter plugin.js:525
editor.addCommand.exec plugin.js:13
exec command.js:52
CKEDITOR.tools.extend.execCommand editor.js:825
assertEnter list:92

Tests pass, but we're apparently trying to do something incorrect.

Hi, I found a problem. I have one form instance on page and I move this via jQuery, where is needed. But after first move, CKEditor goes failed with error:

TypeError: this.document.getWindow(...).$ is undefined

Minimal code:

<!doctype html>
 <html>
 <head>
   <meta charset="utf-8" />
   <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
   <script src="ckeditor/ckeditor.js"></script>
   <script src="ckeditor/adapters/jquery.js"></script>
   <title>Test</title>
 </head>
 <body>
   <p><a href="#" id="move">Move CKEditor</a></p>
   <script>
   $(function(){
     $('#form_text').ckeditor();

     $('#move').on('click', function(e) {
       e.preventDefault();
       if($('#first>#form').size()>0) $('#form').appendTo('#second');
       else $('#form').appendTo('#first');
       });
   });
   </script>

   <div id="first" style="min-height:200px;border:2px solid blue">
     <form id="form">
       <textarea name="form_text" id="form_text"></textarea><br />
     </form>
   </div>
   <div id="second" style="min-height:200px;border:2px solid red;margin-top:1em"></div>
 </body>
 </html>

Tested: Gecko, WebKit.

This issue is related to #11010 (it's a sub case of it).

When filter is created it's registered in CKEDITOR.filter.instances. Unfortunately, we haven't got time to implement any mechanism cleaning this on editor destroy. Therefore, when system destroys and initialises editors many time, the pile of filters grows and each filter consumes pretty a lot of memory.

The solution should be simple. From my tests it seems that this will be enough:

• Implement filter.destroy() that will for safety delete the private object (this._) which keeps a lot of stuff and will remove editor from CKEDITOR.filter.instances.
• Call editor.filter.destroy() and delete editor.filter and editor.activeFilter on editor#destroy

We can also track some other big objects that are retained after editor destroy and try deleting references we know off. Sometimes it won't help, but some times it may.

Based on ​http://ckeditor.com/forums/CKEditor/CKEditor-multiple-instance-memory-leak

Since drag and drop and copy/cut and paste use not only selection.getSelectedHtml but also selection.getSelectedText it would be good to create better tests for it (now there are only 2) and improve that method if necessary.

Maybe getSelectedText could be based on getSelectedHtml.

Related: #11437, #11636.

Following PR ​https://github.com/ckeditor/ckeditor-dev/pull/116.

In default filter's addStyle the following optimization is performed:

this.attributes.style = styleText.replace( /^;|;(?=;)/, '' );

​https://github.com/ckeditor/ckeditor-dev/blob/2752fb2d1f93f4c26630a8e830c52cc541657deb/plugins/pastefromword/filter/default.js#L89

Still, I managed to reproduce a case (​http://tests.ckeditor.dev:1030/tests/tickets/9456/1), which isn't entirely covered by that RegExp as it either removes leading ";" OR redundant ";;":

;;font-family:calibri;font-size:medium 

will produce

;font-family:calibri;font-size:medium 

because RegExp is satisfied by removing leading ";".

While I'm not sure whether it really matters if some leading ";" remains, I'm for the use of CKEDITOR.tools.normalizeCssText() instead of any (even improved) RegExp to avoid any (further) problems and make sure styles are properly normalized.

Part of: #11437.

dataTransfer should contains files.

I had problems getting it to show on my android, then I checked your demo site: ​http://ckeditor.com/demo When I show that on my android chrome, nothing appeared as a text box

Following ​https://github.com/ckeditor/ckeditor-dev/pull/113

Following ​https://github.com/ckeditor/ckeditor-dev/pull/109

To-do:

• code clean-up
• tests
• dialog clean-up (?)

Dev branch: ​branch:t/12269

Can't get streaming videos to play in IE (works in other browsers). I added streaming videos to the CKEditor (using the "Source" function). I did an iFrame to the URL of the video and added the video's Javascript code for another video. The videos are hosted by Brightcove.

The videos play in Chrome and Safari, but don't appear in Internet Explorer 9 (haven't tried other versions of IE). Is there any configuration/setting I can change in the CKEditor to get videos to play in IE? Or alternatively any change I can make to my Javascript code or iFrame code to get the videos to play?

Thanks,

1. Use source (remember about ACF):

<dl><dt>Foo</dt><dd>bar</dd></dl>

2. Make selection in "Foo".
3. Apply block style like heading 1.

Expected:

<dl><dt><h1>Foo</h1></dt><dd>bar</dd></dl>

Actual:

<dl><h1>Foo</h1><dd>bar</dd></dl>

The same scenario works fine in lists so apparently someone implemented that special case, but forgot about other, similar scenarios.

Hi,

I need a feature in editor tool bar to show/hide extra features in tool bar and show only mentioned features in default.

getAscendant is a bit limited, would be handy if it could filter by classes too.

// <div class="outer"><div class="inner"><p><b>Some text</b></p></div></div>
// If node == <b>
ascendant = node.getAscendant('div.outer'); // ascendant == <div class="outer">