Custom Query

Hello,

Not sure this is the right place to report this issue, but I feel it is very important and relevant to all users and CKEditor developers.

I'm using CKEditor (3.6) in many of my (asp.net) websites, hosted in shared servers (OVH Europe).

I've noticed lately that dozens of times a day we get requests from Chinese IPs (e.g. 61.140.247.187 - we have no Chinese targeted users) -trying, I guess, to exploit some vulnerabilities in CKEditor.

Example:

domain.com/FCKeditor/editor/filemanager/browser/default/connectors/aspx/connector.aspx?Command=GetFoldersAndFiles&Type=File&CurrentFolder=/1.asp

This case is a little like case #10409. I call:

editor.destroy( true );

when the ESC key is pressed when in inline editing mode. This results in the toolbar being removed. But the cke_focus class is still present on the DIV afterwards as well as the style="position: relative;". In order to clean this up I call:

$editorElement.removeClass( 'cke_focus' );
$editorElement.attr( 'style', '' );

Furthermore the cursor is still blinking inside the DIV - so I call:

$editorElement.blur();

To remove focus. I think the above 3 things should be done by CKEditor...
The editor also doesn't undo editing when editor.destroy( true ) is called - true indicating that noUpdate should be done - I will file this error in another Ticket.
I am using Chrome 26.0.1410.65 on a Win7 64bit machine.

According to the documentation a call to:

editor.destroy( true );

should undo all editing. I am using CKEditor as an inline editor - and when the user presses the ESC-key I would like to undo the changes made.
This does not work with version 4.1.1 in Chrome 26.0.1410.65 on Win7 64bit

The function never fires,if config.fillEmptyBlocks is a function,although there are empty elements and a &nbsp; is placed instead just as if config.fillEmptyBlocks was true [<div class="block">&nbsp;</div>] If config.fillEmptyBlocks=false it works as expected [<div class="block"></div>]

config.fillEmptyBlocks = function( element )
	{
		alert('fillEmptyBlocks!');
		if ( element.attributes[ 'class' ].indexOf ( 'clear-both' ) != -1 )
			return false;
	}

Japanese/Chinese content is not justified.

Steps:

Type in some Chinese/Japanese characters.

Select the content and click 'Justify'.

Expected result: Text will be justified.

Actual result: Text is not justified, it is aligned left.

Can be reproduced in CKEditor 3.6.x and 4.x

To Reproduce:

• Open any CKEditor 3.x sample in IE and clear the contents.
• Type some text and use Ctrl+A to select it.
• Use Ctrl+C and then apply a font-size to the selected content.
• Place the cursor at the end of the content and press enter.
• Paste the content using Ctrl+V.
• Place the cursor anywhere in the pasted content.

Problem: The element paths bar displays body span p. If you inspect this content using developer tools you can see that the pasted paragraph is a child element of the span with the font-size styling.

The editor corrects this when you switch to source mode and back or save the content. However this has a direct impact on users if they have specified a font-size style for p elements in contents.css - see attached screen capture.

This is a customer reported issue. It seems related to ticket #8294. I cannot reproduce it in CKEditor 4.1.

its been observed in all major browser that multiple contents.css gets loaded. say for 5 ckeditor instance on page 5 times the contents.css gets loaded

I'm adjusting the styleComboBox plugins to my need. and i needed to read the class that will be set with the style object.

Because the class keyword is reserved in Internet Explorer 8 (only) This code will crash the editor and plugin.

style._.definition.attributes.class

A work arround:

style._.definition.attributes["class"]

It would be a good idea to change the name of the class property

When we try to insert any element like radio button or image etc, the properties windows opens and that is blank in IE10. I found that when i go IE compatibility mode, it works fine. When i tried to find the problem in IE developer tool, i found that it is actually creating the properties correctly, but the div element display style is set to none.

Sometimes &nbsp; appears in tables or some combinations of spans and strongs with one nbsp within. You can't delete this without removing it in the source code.

forms plugin uses "lang.image.titleButton", there is js error if image plugin is removed.

Hello everybody. I found a strage bug.

Look at this demo website:

​http://media.dday.it/roby/editor2/samples/

I'm trying to create an impagination system where I add some templates using editor.insertHtml.

Every div in mypage has contenteditable=false but the paragraph are contenteditable=true.

You can add a template using the button at the end of the page. If you try to insert a picture in a paragraph (editable) using the second button you have a an error:

Uncaught TypeError: Cannot call method 'checkReadOnly' of undefined.

It looks like CKeditor is not looking at the <p> property but it follow the div contenteditable=false.

In IE-8, I am are seeing an issue that after adding an image or flash or media, you cannot get the cursor to next line after embedded image/flash/media.

Able to reproduce this on the CKEditor demo site as well (screenshot attached)

I see there is already another ticket on similar lines ​http://dev.ckeditor.com/ticket/8446

but the patch mentioned there doesnt seem to be applicable for CKEditor v4.1.1

During development we've noticed that under specific circumstances built-in formatting options are discarded in combination with ENTER_MODE.BR.

Steps to reproduce:

1. Load an empty CKEditor with CKEDITOR.ENTER_BR (the official Demo doesn't use it)
2. Enable a specific formatting option, e.g. italic
3. Write a few words
4. Hit Return, you now have the first line in italic and are ready to write in the second (empty) line
5. Disable italic, it will not only drop italic for the second line but also for the first line

This issue was confirmed for all major browsers and latest, stable versions; CKEditor 4.1.1 (revision 5a2a7e3)

See the uicolor.html sample for instance. 'FontSize', 'TextColor', 'BGColor', doesn't seem to appear although those are registered for the toolbar in the page source.

​http://nightly.ckeditor.com/13-05-14-13-05/standard/samples/uicolor.html

Attached two samples.

TC:

1. Open framed_focus.html sample.
2. Open console.
3. Execute setData();.
4. Quickly focus editor and wait.
5. After data will be set verify:
   • Whether caret blinks.
   • Whether EDITOR#BLUR is logged when you click outside editor.
   • Whether you can type and whether after typing additional paragraph is not created (what means that selection was placed outside editable place.

Note: selection issues (3rd point) in inline editor are not a subject of this ticket. The most important part is fixing blur problem (2nd point), selection in framed editor is fixed because it was convenient.

We have a 'Link Menu' which combines 'link' and 'anchor' icons into one toolbar entry. If ACF is set to "automatic mode" and toolbar has the 'Link Menu' then all options under the 'Link Menu' are disabled, <a> tag is not allowed. If ACF is set to "automatic mode" and toolbar has the 'Link Menu' and the 'link' icon as an individual toolbar icon then all options under the 'Link Menu' are enabled and <a> tag is allowed.

Steps to reproduce:

1. unzip linkmenu_testcase.zip. Copy the linkmenu folder to the ckeditor/plugins directory and the config.js file to the root ckeditor folder.
2. Open any CKEditor sample in the browser.
3. Open the toolbar menu item

Expected result: As link plugin is loaded, we expect to see 2 options under the 'Link Menu', e.g. 'Edit Link' and 'Image' options and all links displayed in the per-entered content as <a> tag should be allowed.

Actual result: Only 'Image' option is available. No links displayed in the per-entered content.

If you will type 'console.log('is <a> tag allowed: ', CKEDITOR.instances.editor1.filter.check('a'));' in the browser's debugging console, then output will be False.

Note: If you uncomment the config.toolbar = [ [ 'MyLinkMenu','Link','Image' ] ]; line in the config.js then it will display the 'Link Menu' and the 'link' icon as an individual toolbar icon and behavior will be as expected.

Steps to reproduce:

1. Open datafiltering.html sample
2. Insert a table into the editor2. Allowed attributes: 'table tr th td caption', width is not allowed.
3. Right click and choose 'Cell Properties' from the context menu

Expected:

As width is not allowed by custom configuration, it should not be possible to set it.

Actual:

We can set cell's width and it will be removed when switching between source mode and WYSIWYG view

Hi,

I want copy a table from excel and paste in ckeditor, the background color, font color and border are disappear.

I write following code in config.js,

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

but still i faced same problem.

Please help me to rectify it.

My CK Editor is working fine in all browsers except safari 5.0.1.The content is not displaying in the editor .

This function is working fine in safari 5.1.7 and in firefox, IE, Chrome.

Can somebody help me to fix this issue

testing on ​http://ckeditor.com/demo
got chrome Version 26.0.1410.65 @ mac

1] click on the apollo image, it turn blueish
2] move it with the mouse to different location
3] original image disappears, but just a hyperlink to image url appears in the destination area

safari does ok, though.

Edit:
Problem can be reproduced from CKEditor 3.0 in both CKE 3.x and CKE 4.x. This issue is reproducible only in Chrome Mac (works fine on Win and Linux).

Please see comment:2 for detailed scenario.

To reproduce:

1. Open replacebyclass.html sample.
2. Type a long continuous line of characters to make the horizontal scrollbar appear in the editor.
3. Select the 'Text direction from right to left' toolbar icon.

Problem:

Horizontal scrollbar is missing and it is not possible to see the end of text.

To reproduce:

1. Open replacebyclass.html sample in Chrome.
2. Select the 'Text direction from right to left' toolbar icon.
3. Type some text.

Problem:

The cursor is on the left side, when it should be on the right side of the text in RTL mode

Hi , I use ckeditor 4.1.1 and in IE10 QM toolbar's icons looks like disable and some of them makes error like copy and paste

Open a box through an arrow lately doens't work anywore.

This is the second time I encounter this problem. User has sent me his custom plugin for v3. I have changed it to work with v4 but for some reason keystroke checks that worked in v3 don't work anymore in v4.

To reproduce:

1. Use below code in replaebycode sample

   CKEDITOR.replace( 'editor1', {
   	extraPlugins : 'en_nbsp'		
   });
   

2. Copy attached plugin folder for v4 and paste it into plugins folder.
3. Load page and try to insert &nbsp; with Ctrl+space

Either I have missed something simple or there is a problem in editor. Any explanations are welcome.

NOTE: There is also feature #8619 - perhaps it could be implemented while fixing this one.

We are using CKEditor 3.3 in our application. We are getting Javascript error when the application is run in IE 10, its working fine in previous versions of IE

I think that could be very useful a new method that can define a zone in my page that doesn't affect the Inline Editor Focus state. Something like "remove", with the difference that remove works only on previously added object.

I have added a plugin to add background image in the html file from the file browser, i am using setStyle() method to add the url and its working fine.

The problem is, My image link is a relative path but while saving the html text or if i check the source the url is converted to full path. Any idea, how to use the relative path in url().

i confirgured code with below code

CKEDITOR.replace( 'editor1' ,

{

filebrowserUploadUrl: '/ckeditorFileUploadPrc.do?filekey=111'

});

in ckeditor i clicked image button and then i saw dialog window and then i clicked upload tab

and then

ckeditor make below code with ckeditor.js

<IFRAME role=presentation id=cke_122_fileInput title="서버로 전송" class=cke_dialog_ui_input_file src="javascript:void(0)" frameBorder=0 allowTransparency>

<HEAD><TITLE></TITLE></HEAD>

<BODY style="OVERFLOW: hidden; BACKGROUND: none transparent scroll repeat 0% 0%; MARGIN: 0px"> <FORM lang=ko dir=ltr encType=multipart/form-data method=post action=/common/ckeditorFileUploadPrc.do?type=Images&amp;filekey=2013052211332682531&amp;editortype=&amp;CKEditor=editor1&amp;CKEditorFuncNum=1&amp;langCode=ko><LABEL id=cke_121_label style="DISPLAY: none" for=cke_122_fileInput_input>서버로 전송</LABEL><INPUT id=cke_122_fileInput_input aria-labelledby=cke_121_label size=31 type=file name=upload></FORM> <SCRIPT>window.parent.CKEDITOR.tools.callFunction(122);window.onbeforeunload = function() {window.parent.CKEDITOR.tools.callFunction(123)}</SCRIPT> </BODY>

</IFRAME>

i want to append code(<input type="hidden" name="filekey") in

form tag(<FORM lang=ko dir=ltr encType=multipart/form-data method=post action=/common/ckeditorFileUploadPrc.do)

anyone can help me?

how to make dynamic code and append to form tag?

Hello. We use CKEditor in our site for posting articles. But sometimes the tools of the text-editor won't show up, and due to that we aren't being able to post anything. The text-editor looks imply as an input field and only allows html editing. For our writers and users, who aren't familiar with html, this has been very inconvenient.

You can log in to our site using this (user: Guest, Pass: guestpass) and check the Text-editor here ​http://www.noobfeed.com/users/writeablog. Please suggest us a solution following which we can continue using your services without trouble.

Many thanks in advance for your kind support.

Prerequisites

• Full Preset with Source and Iframe plugins

Adding an Iframe element using either the Iframe plugin or Source mode, has all the Iframe properties stripped out while loading data in inline mode.

Steps to reproduce

1. Load editor in normal edit mode
2. Click Iframe toolbar button
3. Enter in "​http://www.youtube.com/watch?v=6hWnDTm3oCg" in the URL field, "560" in the Width field, and "316" in the height field and then click OK
4. Click the Source toolbar button to view the source and verify the code looks like "<iframe frameborder="0" height="315" scrolling="no" src="​http://www.youtube.com/watch?v=6hWnDTm3oCg" width="560"></iframe>"
5. Save data
6. Refresh page to make sure data displays properly
7. Switch to Inline editor mode and let saved data load into editor (verified data saved in database is exact data as in step 4)

Expected Result Iframe should load the same in inline edit mode as it does in normal edit mode

Actual Result When launched in inline mode, Iframe loses properties and replaced with div style properties of 100% width and 100% height. Iframe icon is shrunk to 80x80. See attachments

I'm using this code for maximize the editor which it worked on every desktop browser.

CKEDITOR.replace('note', {on: {'instanceReady': function(evt) {evt.editor.execCommand('maximize');}}});

when I tried to use on iOS device. It won't maximize the editor. I've tried to debug it and it didn't execute the maximize command.

The image dialog sets size using the style attribute. This makes it hard to override or limit the size using css.

Steps:

1. Viewing the demo, click the image button.
2. Browse server and select an image.
3. Ok out the dialog.
4. View source.

Expected result:

The size should be set using attributes.

Actual result:

The size is set using the style attribute.

Notes:

If the dialog did not set the image size when it was select from browsing the server it would help. That would allow css like the following to be effective:

{{{text/css img {

max-width: 100%; height: auto;

} }}}

As it currently stands the images are squashed at the containers max-width and the height of the style attribute on the image. I must add an !important to the style to enforce the aspect ratio.

To reproduce the defect:

1. with JAWS On,Open any CK Editor sample & insert a table.

2. Open Cell Properties dialog, by clicking on Cell Properties option in Cell sub menu

Expected Result: JAWS reads Cell Properties dialog title & then the Width field which has focus.

Actual Result: JAWS reading Cell Properties dialog title, then it reads width & then it reads width unit & it reads pixels & percent(width unit options)

This is because width input field has aria-labelled by with cke_228_label cke_232_uiElement. The cke_232_uiElement label points to the div that holds width unit dropdown. This should be removed

Hi first of all,I love this softwear very much! I am a developer from china,I find a defect about it,I have download ckeditor_4.1.1_full.zip and it works well. but in some mode it can not show the feature successfully.for example,I use it in IE10 ,the brower mode is Internet Explorer 7 and documents mode is Internet Explorer 7(standed) , the features ['Styles','Format','Font','FontSize'] do not work well.

i will be very greatful if you can do me a favor.

This is a HUGE issue as you well know the .js needs to be tweaked for IE10 . You state that we need to update to CKEditor, but that FORCES us to have to pay YOU for a stupid license just for folks to be able to browse for files?

The are MANY people that have now been snagged in your golden handcuffs - do you really feel that it is far to take advantage and exploit a small issue we have no control over?

I have run into problems when doing a range.cloneContents() to get the selected HTML and the ID's of elements are being stripped out in the call to node.clone( true ), which triggers a false value for cloneID.

I would like to request that the ID be stored in a data attribute (i.e. data-cke-old-id) so that ID is available to developers if needed for any other processing of the document fragment returned from cloneContents(). For example, in node.js in the clone function, update to:

if( !cloneId ) {
   if( node.hasAttribute( "id" ) )
      node.setAttribute( "data-cke-old-id", node.getAttribute( "id" ) );
   node.removeAttribute( 'id', false );
}

I am using CkEditor latest version (4.1.1) in our old classic asp application. It runs fine in desktop but when i open same application in ipad i can't see the cursor (blinking cursor) on rich text box. Its make hard to format and edit the text.

When you click in rich text it open (past, cut and select ) popup.

Please let me know if its already known issue.

As the title says there is some problem with the current implementation of CKEDITOR.filter.

It cannot allow all possible data attributes.

It would be great if I could type data-* (If we do it regex like it would be data-+ in that case) so that all data attributes matches.

This could even be extended to style or class as well. eg: background* would match background, background-color, background-position...

I put it as new features but it might be a "bug" because I actually have no way to allow all data attributes and it is painful to allow generic.

• Remove all contents and set the following html:

<p><br />
test</p>

• Go to WYSIWYG mode and remove line break with backspace when or delete
  
• The additional span element will be added:

<p><span style="font-size:13px; line-height:1.6em">test</span></p>

When one writes long text wider than editor window width in LTR text dir it shown properly. However, once changing text dir to RTL, all other rows are justified relatively to end of long line and not to beginning of editor. In addition, any typed letter is pushing text and scrollbar to the wrong direction.

If you create some coloured text in the editor and then attempt to apply an underline to the entire section of coloured text, the underlining is added in black.

If you select part of the coloured text however and then underline, the correct colour is added to the underline.

The issue also does not occur if the text is first underlined and then coloured.

Summary: CKEditor's val() returns the value of the last element, while jQuery's returns the value of the first element.

Reproduce: On a page with 2 input text, do the following: jQuery('input[type=text]').first().val('value1') jQuery('input[type=text]').last().val('value2') jQuery('input[type=text]').val()

This last line will return 'value1' if on a page without CKEditor, and 'value2' on a page with CKEditor (and jqueryOverrideVal set to true).

This will happen in any browser and os. (Tested with chrome on Ubuntu)

More in depth: The val() function of jQuery, when used to get a value, will get the value of the first element it contains only.

The val() function of CKEditor that overrides jQuery's will walk over every element contained in the jQuery object (using each) and call getData or oldValMethod on each element. Then, it will return the value of the last element.

I do not have a test case file as this can be reproduced on just about any page, as long as the jqueryOverrideVal is set to true.

​http://docs.ckeditor.com/#!/api/CKEDITOR.config-cfg-extraAllowedContent

           // Editor contents will be:
            '<h1>Foo</h1><p><b>Bar</b> foo</p>'

This is incorrect since the docs state that 'b i' are allowed via extraAllowedContent. The behavior is correct, only the docs are incorrect.

The correct contents are

'<h1><i>Foo</i></h1><p><b>Bar</b> foo</p>'

1. Use CKBuilder and select Kama skin (or don't use Builder and download Kama skin manually) and insert an instance of the editor into a webpage
2. Load the webpage in IE8 then refresh the page

Page does not load completely (the loading icon keeps spinning) and on the IE8 status bar in the bottom-left corner of the screen it says "Downloading picture /ckeditor/skins/kama/images/sprites.png..."

1. Attach the "onbeforeunload" event to the page (I used repleacebyclass.html from samples folder):

<script>
	window.attachEvent('onbeforeunload', function() {
		return 'You will lose your content.';
	});
</script>

2. Add "sourcedialog" plugin.

3. Open editor, open source dialog and click OK. The confirm dialog will appear.

To reproduce the defect:

Make the following changes to config

Config.pasteFromWordRemoveFontStyles = false;

config.pasteFromWordRemoveStyles = false;

Copy simple text from word or use the data from attached word doc.

Paste it in editor.

Issue: We are getting an dialog with an error message saying It was not possible to clean up the pasted data due to an internal error

Call demo page on a Galaxy S2 that runs on Android 4.0.3. Neither in Chrome nor in native WebView the editor shows up :-(

FYI: It's running fine on may Asus tablet with Android 4.2.1

FYI2: I love (F)CKeditor since many years and follow your updates - keep up the spirit - great software!

actually we arte using track changes in ckeditor.we are unable insert the text in ckeditor.

fakeObj = (String.fromCharCode(evt.data.keyCode)).toLowerCase();

var realElement = new CKEDITOR.dom.element('spandia7'); realElement.appendText(fakeObj);

editor.insertElement(realElement); if we use this output is <spandia7>r</spandia7>r .

we will append the content with that tag and insert the tag using insertHtml() and content is coming outside of tag because of the insertion of the browser.

it is coming like this,can u rectify and say where to make changes for this.

actually we arte using track changes in ckeditor.we are unable insert the text in ckeditor.

fakeObj = (String.fromCharCode(evt.data.keyCode)).toLowerCase();

var realElement = new CKEDITOR.dom.element('spandia7'); realElement.appendText(fakeObj);

editor.insertElement(realElement); if we use this output is <spandia7>r</spandia7>r .

we will append the content with that tag and insert the tag using insertHtml() and content is coming outside of tag because of the insertion of the browser.

it is coming like this,can u rectify and say where to make changes for this.

​http://docs.ckeditor.com/#!/api/CKEDITOR-method-inline

The html markup: <div contenteditable="true" id="content"></textarea>

Is invalid. Both div and textarea are used.

Hi,

Using CKEditor 4.1.1, only plugin added was StrInsert IE 10, Windows 7, Visual Studio 2012

After unzipped files, made no file changes of any kind: samples\index.html works fine using windows file explorer

Same unmodified samples directory when retrieved thru visual studio says "Unable to get property 'icons' of undefined or null reference" I have attached a screenshot.

To reproduce I added the unmodified CKEditor directory structure to my Visual Studio Project, set the samples\index.html as the 'startup page' and then clicked debug-go. Results in error shown in screenshot.

Ideas

Hi,

I am facing a problem currently.At present ckeditor can protect the php code but the problem is when it is written into a html tag problem arise. as for eaxmple

<a href="#" <?php echo ($count++ == 0)?'class="active"': ?> vid="<?php echo $id ?>" >something<a/> is working fine in source view when source view is default but in case of design mode the code changed to <a 3e--="" href="#">vid="<?php echo $id ?>something</a>

i don't know what is the reason,can you fix the issue please..

Thanking you.

To reproduce:

1. Use below code for editor:

   CKEDITOR.replace( 'editor1', {
   	coreStyles_bold: { element: 'b', overrides: 'strong' },
   	allowedContent: true
   });	
   

2. try to paste HTML containing strong tag (you can paste sample text from other editor, even other browser).

• Result: strong tag is left untouched on paste.
• Expected: strong tag should be transformed to b tag.

While coreStyles_* work well with initial content (strong tags are transformed to b) and when e.g. Bold is pressed (b tag is inserted), they fail when content is pasted.

Please also note if you remove allowedContent: true property all works as expected.

Problem can be reproduced from CKEditor 4.1.

Follow-up of #10285 (​http://dev.ckeditor.com/ticket/10285#comment:12)

I would like to mention that this still occurs. We noticed then when we tried to paste from Outlook to CKEditor.

To reproduce:

1. open any html email in Outlook ( I used 2013 )
2. copy html content, ctrl-a / ctrl-c
3. past content into ckeditor ctrl-v, or click the paste button

The entire browser becomes unresponsive, and has to be killed.

config.fullPage         = true                        # Allow full page HTML
config.uiColor          = '#f5f5f5'                   # Match the main site background
config.skin             = 'moonocolor'                # Skins are kept in app/assets/javascripts/ckeditor/skins
config.toolbar          = ts_inline_toolbar           # Base toolbar used on all editors
config.enterMode        = CKEDITOR.ENTER_BR           # Disable wrapping content in <p> elements (needed for inline editing)
config.pasteFromWordRemoveFontStyles = false
config.autoParagraph = false

1. Open replacebycode.
2. Make sure editor's content is long.
3. Hit SHIFT+F10.
4. Context menu is displayed far, far away, below the editor, causing the entire web page to scroll vertically.

Since v3.

1. Go to ​http://ckeditor4.t/ckeditor/samples/api.html
2. Click Set Editor Contents very fast.
3. SCRIPT70: Permission denied

May affect other IEs (to be checked).

Shortcut Alt + F10 should move focus to toolbar. But on Ubuntu 12.04 it is captured by system. I checked it with Chrome 27 and FF 21.

1. Open Firefox.
2. Open editor (Replace Textarea Elements by Class Name sample).
3. Switch to fullsceen mode.
4. Using keyboard move focus to toolbar (Alt + F10).
5. Using keyboard navigate to "Size" dropdown.
6. Press down arrow to open dropdown menu.

SOMETIMES menu appears at the bottom of the screen (attachment).

Test for #10165 is: ​http://ckeditor4.t/mt/4.1.2/10165.html

If the editor is based on the full preset (./build.sh full all) with or without --leave-js-unminified, IE7 raises Permission Denied errors when accessing link dialog or clipboard paste dialog.

It passes on dev code though.

1. Open replace by code sample.
2. Put the caret in H1.
3. Click "Styles" combo.
4. Click "Source".
5. Caret goes to the top of the parent document.

Tested 4.0 to †. Possible in v3.

Hi Can you please let us know approximate date for the solution of below issues :

#10470: CkEditor iPad broswer (Safar & Chrome). Can't see blinking cursor (caret)

#8705: Bug: iOS: Caret (cursor) may not appear when typing is enabled (new)

Browser: IE8/9

Steps to reproduce:

1. Type in at least 10 lines of random words (as this issue is not reproducible with a short list of words)
2. Click undo few times.

Actual Result:

The 1st time Undo pressed: the cursor moves to the previous line as expected.

The 2nd time Undo pressed: the cursor jumps back to the next empty line instead of moving to the previous line.

Also, if editor will be configured to use the ENTER_DIV mode, then, occasionally, the last letter in the previous line will disappear and then appear again if keep pressing the undo button.

This is more UX issue then bug, but:

1. Open Replace dialog.,
2. Change "Apollo" to "Api" using "Replace All".
3. Press "Cancel" button.

I still have "Api". "Cancel" button does not cancel my changes, but only close the dialog.

In my opinion "Cancel" button in this dialog should be renamed to "Close".

At present the aria-labelledby element of the editor contains the value "Rich Text Editor". This means that if 2 editors are on the same page, there is no way for JAWS users to differentiate between the application landmarks for the editors. The aria-labelledby element should instead contain a unique value for each editor.

One simple way to address this is to include the editor name in the value e.g. "Rich Text Editor, editor1", "Rich Text Editor, editor2" etc. This can be achieved by replacing:

voiceLabel: editor.lang.editor,

with:

voiceLabel: [ editor.lang.editor, editor.name ].join( ',' ),

on line 327 of core/creators/themedui/js.

This is an accessibility requirement for us so is a high priority. Can this please be included in the upcoming 4.1.2 release?

i have one strange problem which generates only in google chrome. i have used ckeditor in ajax.dialog in mvc3 asp.net. when i click on link then dialog opens with ckeditor but editor's content does not fill. NOTE: it happens only first time when i open dialog and only in chrome. if again i open dialog(in which ckeditor exist) without page refresh ,then it works fine and loads ckeitor with content. please suggest some solution ...

1. Open uilanguages sample.
2. Select RTL language (i.e. Arabic, Hebrew, etc.)
3. Focus editor.
4. SHIFT+F10
5. Context menu floats outside of editable.

Cross-browser. Couldn't reproduce in v3.

Hi everyone. I know there was topic like this but I couldn't find an open ticket, that's why I create this ticket. I found this bug in 3.6.5 version. I have two CKeditors on page, and when I press enter it scrolls page down, alomost to the bottom. Those two CKeditors are in two fields in two separated rows of table. I tried patches from older topic about this problem, but without results. Can anyone help me with this?

P.S. I tried newest verson but the bug remains.

Issue is best explained in the attached example, but basically the problem seems to be that the font plugin (included in CKEditor 4.1.1 Full) does not preserve font styling when moving text around in the editor with mixed font styles (e.g. different font sizes). In this specific example, the formatting is correct in CKEditor and saves back to the document when the editor closes, but when the editor re-opens the formatting is broken. See attached example (which includes steps to reproduce.)

• Create header and the paragraph below the header
  
• Select header and press delete to remove its content
  
• Press delete to remove the header

Expected: header is removed
Outcome: the paragraph now is header with span styled as paragraph:

<h1><span style="font-size: 13px; line-height: 1.6em;">test</span></h1>

We created two instance on CKEditor on our page. While loading page IE is loading contents.css for every instance of CKEditor. In case of Firefox and Chrome, contents.css is loading only once and for rest browser is reading it from the cache.

Also in the debugger tool IE and Firefox is showing multiple instance of contents.css in under CSS tab.

In Chrome, if page is made sufficiently wide that a horizontal scroll bar appears, scrolling to the right and pasting text in ckeditor causes the page to scroll left.

Steps to reproduce.

1. Set width of page to 300%.
2. Scroll right making sure that ckeditor is still visible.
3. Paste (ctrl+v) the following "Pasting causes undesirable horizontal scrolling"

Result - The containing page will scroll Expected - Should not scroll

Scenario:

• open IE8
• open placeholder sample ​http://local.ckeditor.dev/plugins/placeholder/samples/placeholder.html
• select some text in editor, in example double click on "using",
• click on "Create Placeholder" button ,
• set placeholder text and press ok.
• wait for IE8 crash

CKEditor 4.1.1

• Configure your computer so that a Japanese keyboard is available.
• Click on CKEditor textarea and input something (notice: using mouse to click on CKEditor textarea, don't use TAB).

Problem:　

• The text is entered into the editor in English and it is not possible to switch the input mode to Japanese. After type something, we can input Japanese.

Expect: Can input Japanese and switch the input mode when click on CKEditor textarea.

1. Open Opera
2. Open editor ​http://localhost/javascript/ckeditor-presets/build/full/ckeditor/samples/replacebyclass.html
3. Create e.g. radio button with all options checked or filled in.
4. Click OK
5. Now radio button is still selected, click next to it and double-click on it

Result:Dialog is empty and it should not be.

1. Open Opera
2. Open editor ​http://local.ckeditor.dev/samples/replacebyclass.html
3. Move cursor into editor
4. Press context menu button on your keyboard.

Result: Context menu appears but without any focus, and it is impossible to move focus to this menu.

1. Open Opera
2. Open editor ​http://local.ckeditor.dev/samples/replacebyclass.html

Result: Print button is disabled.

Hello there

First thanks very much for ckeditor - a fantastic bit of software.

I downloaded the ckeditor standard version, installed it and got everything working.

Then I tried to build a version of ckeditor using the CKBuilder starting with a standard set and no additional plugins. When I tried to run it locally the javascript complained about a missing Panel plugin.

If I added the Panel plugin from the right hand side, everything worked perfectly.

Since the panel plugin is needed by the floating panel and the list block (according to CKBuilder) it seems that there is a bug in the initial configuration of CKBuilder in that it should have the panel as required on the left hand side not optional on the right hand side.

Best regards

Neill

I noticed on the ckeditor configuration page in the latest Drupal 8 build that the cursor on the page is a resize handle. Looking into this further, it turns out that ckeditor.js is added a cursor style to the body tag. I'm not sure why this is happening, but it seems a bit over-general as a behavior.

I have tired about 5 different configurations of the CKBuilder [standard with one or more different combinations of optional plugins] as a "Framed Editor" [using a <textarea> element] and in every case, the textarea box vanishes and NOTHING shows up in it's place. When I do the same with the Standard Download Download CKEditor 4.1.2? the textarea vanishes and the editor shows up in it's place (in other words, it functions correctly).

In the later case (the CKBuilder installs where the editor doesn't show up), FireBug shows the following (FYI: the "style="visibility: hidden;" was not present, initially):

  <form>  
    <textarea style="visibility: hidden;" cols="80" id="editor1" name="editor1" rows="10">                
    </textarea>
  </form>
  <script type="text/javascript">
    CKEDITOR.replace( 'editor1' );
  </script>

[even after waiting a minute or two, the editor doesn't appear]

I was able to get it to work with the Standard download, so apparently I'm installing it and coding it correctly. It's only when I use CKBuilder that it doesn't work.

Win7 Firefox 21.0

Hi,

We are experiencing the following new issues with the 4.1.2 release:

1) setData with html formatted text no longer works for having the editor start off with an Alpha list (see snippet below).

CKEditor.setData('<ol start="1" style="list-style-type: upper-alpha;"><li></ol>');

2) setData with html data no longer utilizes the styles contained in the html (see attachment for html that is used in setData() call. The headers for the pre-formatted table should be light blue, but are appearing without styling. See the included codeblock at the bottom of this issue which is used in the setData() call.

3) The content menu no longer shows "Numbered List Properties" in the dropdown.

Dennis

<style type="text/css">
    .hwhlTable {
        width: 100%;
    }

    .hwhlHeaderRow {
         width: initial;
         border: solid windowtext 1.0pt; 
         border-left: none; 
         background: #E5EFF2; 
         padding: 0in 5.4pt 0in 5.4pt; 
         height: 47.85pt;
    }

    .hwklRow {
         width: 149.5pt;
         border-top: none; 
         border-left: none; 
         border-bottom: solid windowtext 1.0pt; 
         border-right: solid windowtext 1.0pt; 
         padding: 0in 5.4pt 0in 5.4pt; 
         vertical-align:middle;
    }

    .MsoNormal {
    }
    
</style>
<table class="hwhlTable" border="1" cellspacing="0" cellpadding="0" width="100%"
    style='width: 100%; border-collapse: collapse; border: none;'>
    <tr style='height: 47.85pt'>
        <td width="25%" valign="top" style='width: 1.7in; border: solid windowtext 1.0pt; mso-border-alt: solid windowtext .5pt; background: #E5EFF2; padding: 0in 5.4pt 0in 5.4pt; height: 47.85pt'>
            <p class="MsoNormal" align="center" style='margin-bottom: 0in; margin-bottom: .0001pt; text-align: center; line-height: normal'>
                What do you know?
            </p>
        </td>
        <td width="25%" valign="top" class="hwhlHeaderRow">
            <p class="MsoNormal" align="center" style='margin-bottom: 0in; margin-bottom: .0001pt; text-align: center; line-height: normal'>
                What do you want to know?
            </p>
        </td>
        <td width="25%" valign="top" class="hwhlHeaderRow">
            <p class="MsoNormal" align="center" style='margin-bottom: 0in; margin-bottom: .0001pt; text-align: center; line-height: normal'>
                How will you learn?
            </p>
        </td>
        <td width="25%" valign="top" class="hwhlHeaderRow">
            <p class="MsoNormal" align="center" style='margin-bottom: 0in; margin-bottom: .0001pt; text-align: center; line-height: normal'>
                What have you learned?
            </p>
        </td>
    </tr>
    <tr>
        <td valign="top" class="hwklRow" style='border: solid windowtext 1.0pt;'>
            <p class="MsoNormal" style='margin-bottom: 0in; margin-bottom: .0001pt; line-height: normal'>
            </p>
        </td>
        <td valign="top" class="hwklRow">
            <p class="MsoNormal" style='margin-bottom: 0in; margin-bottom: .0001pt; line-height: normal'>
            </p>
        </td>
        <td valign="top" class="hwklRow">
            <p class="MsoNormal" style='margin-bottom: 0in; margin-bottom: .0001pt; line-height: normal'>
            </p>
        </td>
        <td valign="top" class="hwklRow">
            <p class="MsoNormal" style='margin-bottom: 0in; margin-bottom: .0001pt; line-height: normal'>
            </p>
        </td>
    </tr>
</table>

Enter key should NOT use paragraph as line break inside table caption.

Load the following content with enter set to paragraph mode;

<table border="1" cellpadding="1" cellspacing="1" >
    <caption>table caption</caption>
    <tbody><tr><td>cell</td></tr></tbody>
</table>

Put cursor in caption and press enter;

Expected Result: a BR line break is created;

Actual Result: Paragraphs are instead created;

This was fixed in 3.6.1 but we can reproduce this issue again in 4.x builds

Dear Developer, We have reported this issue earlier too, but saw that no proper reply was given and the ticked was 'closed'. We are using ckeditor on a CMS. The content could contain many html tags. After saving a content and then on editing the same again, we see that suddenly all the html tags are converted to &lt; &gt etc. There are also cases where it inserts some &amp;amp;amp words, destroying the whole content. We have had a tough time correcting the content and sometimes going through charector by character to remove the junk.

The issue is noticed more on Windows XP.

See below text that ckeditor converted and "destroyed". Please..Please give me a solution. URGENT!! we are losing valuable business and the client's trust.

See content....

&lt;p&gt; &amp;amp;lt;p&amp;amp;gt; Infectious mononucleosis (IM), commonly known as &amp;amp;lt;em&amp;amp;gt;kissing disease,&amp;amp;lt;/em&amp;amp;gt; is a viral syndrome resulting

I am trying to create nested lists using the indent icon.

Lists created in CK Editor looks like shown below

•123456789101112131415

◦123332322132132121321

■3213321321321

I want to create list as shown below

•123456789101112131415

◦123332322132132121321

■3213321321321

Can you kindly let me know how to set the indent property to the editor only incase of Lists. I tried configuring the following but that seems to be working only for text indent and not for lists config.indentOffset = 1

Using the Tab key no longer navigates to the next cell in tables. Is there a config option to enable this? This was introduced in 4.1.2.

EDITED

1. Configure editor in the following way:

   var editor = CKEDITOR.replace( 'editor1', {	
   				    toolbar:[
   						{ name: 'document', items : [ 'Source' ] }, { name: 'basicstyles', items: [ 'Bold', 'Italic' ] }, { name: 'styles', items: [ 'Format' ] }
   
   					],
   					enterMode : CKEDITOR.ENTER_BR,
   					shiftEnterMode : CKEDITOR.ENTER_P
   

2. Go to page with editor, switch to Source and PASTE this<p>issue</p>
3. Switch to WYSIWYG and to Source one more time
4. Result is this<br />issue. The same thing happens for this code:

   <p>issue</p>
   this
   <p>issue</p>
   <p>issue</p>
   

It seems to me that ShiftEnterMode doesn't report P tag to ACF. To confirm this I have added { name: 'styles', items: [ 'Format' ] } to toolbar and this time it has worked without problems.

NOTES:

1. Problem can be reproduced from CKEditor 4.1
2. It doesn't occur if you turn off ACF - allowedContent : true or add plugin which reports P tag to ACF
3. There is different issue (I'm not 100% sure if this is a bug) when you write in editor. Please see #10543.

Hello my clients are running into the following issue:

When they first open the CKEditor (4.1) text editor and select text to create a link, the text deselects and the link URL appears next to the text.

It's possible to select the text a second time and successfully create the link.

There was a similar issue in 3.3 (​https://dev.ckeditor.com/ticket/5780)

Here's a video of the behavior in action ​http://screencast.com/t/wYmqD5ZKKcK

Ckeditor ie10 issue for enter key it is giving error of

Error Message: SCRIPT5007: Unable to get property 'toLowerCase' of undefined or null reference

Reported on GitHub: ​https://github.com/ckeditor/ckeditor-dev/commit/321ddbbe74a

We use eval in env.js and a function constructor in templates. Worth checking if we're not using setTimeout or setInterval with string somewhere in older code.

In the Link window, when I type say

boy&girl.html

I see

<a href="​http://boy&amp;girl.html">

in the Source which is the behavior I might expect but when I type

boy girl

I see

<a href="​http://boy girl.html">the Source. I would have expected something like <a href="​http://boy%20girl.html">

or

<a href="​http://boy+girl.html">

I notice in the preview all is well On the other hand, when I use the editor to generate code I get the behavior I see in the source.

I have found this when reproducing #10537

1. Configure editor in the following way:

   var editor = CKEDITOR.replace( 'editor1', {	
   				    toolbar:[
   						[ 'Source' ], [ 'Bold', 'Italic' ]
   					],
   					enterMode : CKEDITOR.ENTER_BR,
   					shiftEnterMode : CKEDITOR.ENTER_P		
   			});			
   

2. In editor type "test", press Shift+Enter, type "test2"
3. Switch to Source

Result: <p>test</p><p>test2</p>
Expected: test<p>test2</p>

NOTE: For every other line modes work i.e. they insert proper tags.
Because of this I have doubts if this is bug because this may be simply how editor works - “there is no BR separating lines but there is P below so wrap both in P”

Any comments are welcome.

Problem can be reproduced from CKEditor 3.0 till present (4.1.2)

Hello, I have a Mac OS 10.4.1.1 & Safari 4.1.3. I am using CKEditor in OpenCart 1.5.5.1. On your site the latest version of CKEditor is 4.1.2, [I think] ) I have downloaded & uploaded this to my site twice after renaming the version that was already there and it still is saying that it is version 4.01. I have loaded and unloaded OpenCart & CKEditor 3 times (one earlier version) to get the Text in the "Description" to be still there after adding text, saving going out (of Products or Catalog) then going back in. The Text is on My OpenCart site,but when I go in to modify anything the Text can not be seen. If I cancel and go out, of course it does not change, the Text is still on My OpenCart web page. When I "Refresh" the "Description" page where CKEditor is, I can, (for a fraction of a second), see the Original "Description" Text box with the Text in it. I went to your "Demo" page & I could see the Text you had there. The text box was not empty as on my OpenCart Admin page. I have looked for over a week on the OpenCart site for an answer (as others have the same problem) but no one that I can find has given an answer to this annoying problem. Can you help? P.S I have put version 4.0.1 below as that is what is coming up in CKEditor even though I have loaded the latest version (10 June).

refering to this ticket:

​http://dev.ckeditor.com/ticket/10298

this is not fixed.

i experience the same problem with

element.addClass('cke_blabla')
element.attributes.add('class','cke_blabla')
editor.insertHtml('<div class="cke_blabla">dfgdfg</div>')

those class names are removed

Inline editing (​http://ckeditor.com/demo#inline) - I managed to reproduce this bug on your demo page using Google Chrome 27.0.1453.110.

The problem is when I try to copy and paste text from heading and paste it on some other heading or in the same heading, the page crashes.

For example: On the Inline editor demo page, when I try to copy any of the words from "CKEDITOR GOES INLINE", and then paste it there or in the heading bellow the page crashes.

So again steps to reproduce it:

1. ​http://ckeditor.com/demo#inline
2. Select - highlight GOES from "CKEDITOR GOES INLINE" heading
3. CTRL+C and CTRL+V

when i use the normal editor (not inline edit mode) the instanceReady event is not fired.

if i use 2 instance of editor (one inline and one normal) only the inline instanceready event is fired

this bug happens only if i download ckeditor with the builder

builder config and code to reproduce are attached at the ticket

To reproduce the defect:

1. Open any CKSample,clear existing text

2. Apply a format for ex: Bold, type some text

3. Select all the text by using Ctrl + A

4. Press CTRL + X to cut the text

Expected Result: Selected text is cut from the editor

Actual Result: Selected text not cut from the editor

To reproduce the defect:

1. Open any CKSample, type some text & apply aany Alignment or Indentation to the text.

2. Select all the text by using Ctrl + A & press CTRL + X to cut the text

3. Press CTRL+ V to paste the text.

Expected Result: Pasted text has the alignment or indentation that was applied to the text before

Actual Result: Pasted text has no alignment/indentation applied

This is only happening from CK Editor 4.0

If you add a onPaste listener with priority 4 (right after pastefromword) and look at the data you'll see span ending tags (</span>) without the starting ones. This is because of this line in the pasteformword filter :

CKEDITOR.cleanWord = function( data, editor ) {
   ...

  // Remove the dummy spans ( having no inline style ).
  data = data.replace( /<span>/g, '' );

  ...
};

Having closing tags without the starting counterpart can cause some problem in other onPaste listeners with lower priority than pastefromword. For exemple if a listener expect to have valid html.

Doing a second pass of

data = dataProcessor.toHtml( data );
data = dataProcessor.toHtml( data );

would remove the empty span tags correctly.

I would like to build a custom toolbar which contains HTML text, radio buttons etc.

I would like to drag from custom tool bar to ck editor, could you please let me know is it possible or not?