Custom Query

See: ​https://github.com/ckeditor/ckeditor-dev/blob/master/core/editor.js#L821

 // This condition is never false
 if ( this.fire( 'beforeCommandExec', eventData ) !== true ) {
 ...
 }

If beforeCommandExec returns false, execCommand should stop the execution. But : if(false !== true) is true. Also afterCommandExec:

  if ( !command.async && this.fire( 'afterCommandExec', eventData ) !== true )

Fix it by just remove the " !== true " check.

1. In Chrome/Safari open samples/inlineall.html
2. Select text.
3. C-x
4. C-z

Expected: Cut is undone.

Actual: Nothing happens, undo is TRISTATE_DISABLED.

5. Select some other text (in the same editor).
6. C-x
7. C-z (the second cut is undone).
8. C-z (surprisingly the first cut is also undone).

In my opinion this bug was always there, but it was hidden by browser's native undo, which we fixed in #11126, so it eventually emerged.

It appears to be OSX-related bug only. Works perfectly in Linux.

• Create trivial widget, hook doubleclick event to some operation (e.g. console.log)
• Open editor
• Double click widget

Expected: see operation execute Observed: nothing happens

Internally (in setupWidget) the widgets plugin hooks into doubleclick to trigger edit (by calling widget.edit()), then cancels the event leading to further event handlers being ignored.

As a result, listening to doubleclick will never have any effect unless removeAllListeners is invoked beforehand, which is obviously a terrible idea.

Possible solutions:

• make the handling of doubleclick customisable somehow
• remove doubleclick from widget's documentation and document edit as firing on double click
• ???

Steps to reproduce:

1. Copy ckeditor_test.html and blink.html to some HTTP server(not reproducible on local).
2. Open blink.html and click show modal dialog button.
3. Click on "Font" drop-down, don't close it, click "Size" drop-down

Problems:

The screen will blink when modal dialog opens. Clicking on other drop-downs ("Font", "Size", "Format") will show and immediate hide them and screen will blink each time.

Browser: IE9/10/11

In the clipboard plugin it seems that there are a few lines related to ff3x that it's no longer supported and could be removed.

ff3x = CKEDITOR.env.gecko && CKEDITOR.env.version <= 10902,

etc...

We dropped support for all these browsers. Time to clean our code base.

Additionally, env.isCompatible should be updated.

1. open any sample with CKEditor (i.e. samples/replacebyclass.html)
2. click font combobox
3. select any font

Expected result:
Focus should return to editable.

Current result:
Focus stays inside menu, you can see it in (if you have) status bar - it will display javascript statements. IF you will press tab/shift+tab it will move to other options which are in menu.

When running IE11 on Windows 7 I am not able to past text into a CKEditor window at all. I saw other bugs mentioning this and they were closed. This problem still appears to be happening.

Possibly related observations:

• When I run the IE11 debugger it stops on an uncaught exception (NotSupportedError).
• CKEDITOR.env.gecko returns true
• CKEDITOR.env.ie returns false
• CKEDITOR.env.version returns 110000
• CKEDITOR.env.cssClass returns "cke_browser_gecko"

People are screaming at me about this, so if it can be fixed, that would be just super! :-)

HI,

We are experiencing some unexpected issue with FCK editor 2.6.6 with Plone 3.3.1 on Firefox 26.0.

In our CMS we have 4 tabs, 1st tab contains 5 FCK editors, and rest all tabs contain 2 or FCK editors. By default, the first tab gets visible and all the FCK editors get loaded in editable mode in the first tab. But when we click on other tabs, FCK editors get loaded but they are not in editable mode (except the first 1).

Kindly refer the attached screen shots and let me know if you need any further information.

Thanks in advance, Tanmay

Image icon disappeared after chrome update to 32.

Tried full version and custom build that was working before (attachment) chrome update.

We use CkEditor for internal messaging. With links allowing pointing around our internal system.

But ckeditor in ReadOnly mode prevent links from being clicked.

My understanding of ReadOnly is that content cannot be edited. It shouldn't prevent interaction, selection or navigation of content.

Hello, problem is when you use CKEditor with plugins sharedspace and maximize. Maximize will be maximized to whole page that ckeditor's toolbar is not visible.

​http://i.imgur.com/xjoEKJt.png ​http://i.imgur.com/XCsDVEE.png

Umbrella ticket for drag-and-drop and direct pasting of files for CKEditor.

Parts:

• #11526 (research)
• #11460 (handling dropped content)
• #12168 (setData, getData, method)
• #12169 (events)
• #12173 (paste integration)
• #12341 (fixes after #12173)
• #12172 (inline widgets integration)
• #11219 (block widgets integration)
• #12264 (Files in dataTransfer)
• #11580 (notifications plugin)
• #11461 (handling pasted and dropped images, upload manager)
• #11636 (improve selection.getSelectedHTML, range.cloneContents and range.deleteContents).
• #12262 (test and improve selection.getSelectedText).
• #11975 (tables).
• #11977 (images).
• #12090 (reusing global data transfer in block widgets dnd).
• #12095 (dnd inline widget loses styles (e.g. bold))
• #12612 (CORS)
• #12613 (dragover)
• #12614 (gray out uploading images)
• #12617 (replaceWith should use insertHtmlIntoRange)
• #12619 (Chrome: Drop image to the empty document)
• #12805 (Manual tests for upload)
• #12871 (Manual tests for drag&drop)
• #12806 (Integrate new get and delete selected HTML methods)

Postponed:

• #12618 (Block alignment buttons during upload)
• #11976 (lists drag and drop).
• #11978 (multiselection).
• #11979 (ctrl key).
• #12541 (File upload plugin)
• #12616 (smart drop plugin)
• #12872 ([Firefox] Improve copy/cut and paste binding)
• #12873 ([IE] Improve copy/cup and paste binding)
• #12091 (editor#dragenter).

Note: each of these parts should be handled in its ticket, not in this umbrella ticket.

Related: #7422.

Edit: Small test case to check #11657. It seems that in inline and divarea editors there is something wrong with selection and D&D.

1. Create a table 2 rows, by 3 columns.
2. Specify first row data as "a", "b", "c".
3. Specify second row data as "1", "2", "3".
4. Split vertically first cell on first row. Enter "a1" as data for new cell.
5. Split vertically last cell on first row.

Notice that the data you entered in step 4 moves.

See this behavior in 3.6, but also current 4.x.

1. Create a table, 2 rows, 3 columns.
2. Split cell vertically first row, first column.
3. Split cell vertically first row, last column.
4. Enter cell data for first row "a", "a1" for first split cell, "b" for second cell, "c", "c1" for last split cell.
5. Drag select the first row so that you select all the values you entered above.
6. Set Cell Properties - set background to red.

Notice that the cell layout changes.

Apparent on 3.6 and current 4.x. Browsers IE and Chrome.

IE10.0.9200.16736 When text is highlighted, the indent and outdent icons are grayed (disabled)

Part of #11437.

Spec (status: proposal)

1. Editor#drop event has to be introduced. It has to be able to carry the same data as a native drop event, so e.g. multiple files as some blobs if spec assumes that (​http://www.w3.org/TR/2010/WD-html5-20101019/dnd.html#dnd should be checked to see what's possible). So the first step of normalisation has to be done before firing editor#drop. Alternatively, a wrapped native event may be carried, in which normalisation would be done on demand in its getter methods. The decision has to be made depending on browsers' implementations compatibility. I guess that differences may be so significant that simple wrapper would not make sense. In both cases a class representing new data type has to be introduced, so in fact the final solution may be something between simple wrapper and initial normalisation.

2. After drop was fired, if it wasn't cancelled, editor#paste has to be fired so editor#paste will be the single entry point for content inserted by user.

3. Editor#paste accepts only HTML strings and it seems to be very unsafe to change this. So if non-HTML content has been dropped, it has to be translated to HTML string. For example - dropped image should be translated to '<img src="..." alt="">'. The source will be a reference to a blob carried as additional drop event data (files list). Editor#paste can be fired only if #drop returned a value of HTML type. See point 6.

4. A general idea may be that drop event data is a value-type pair (+ additional value-types pairs for additional files, etc. if that will be required - see 1.) and the translation from non-HTML type to HTML string will mean changing value to HTML string and type to 'html'.

5. The default translation should be done by a #drop listener with high priority (>10) or after #drop. It should be done only if #drop does not yet carry a data in HTML type. This way we'll allow overriding default translation behaviour, by attaching #drop listener performing it earlier. Also, in my opinion it will be better if default translation was done by a #drop event listener too, because it will allow to change something after it happened.

6. We still need to analyse where to put what part of this feature. For example it would be nice if we could add basic dnd support to all standard presets and make the full support with files support optional. The basic part should be able to work without the optional part.

7. Uploading files has to be handled by #paste (because files can be pasted and dropped and #paste is the single entry point). Ticket: #11461.

8. Widgets dnd will have to be aligned to changes made in this ticket. Ticket: #11219.

Part of #11437.

Spec (status: under construction)

Main obstacle: uploading is asynchronous when #paste event is synchronous.

Worth mentioning: since we have ACF, we may finally and completely switch to reading pasted data from paste event. The problem was that on Webkit&Blink it contains awful HTML markup with millions of inline styles. This way we'll be able to get rid of pastebin on some browsers. It may be a good opportunity, because most likely we'll have to use data carried in native paste event anyway.

1. Enable SCAYT
   
2. Create the new paragraph and set "Formatted" format
   
3. Type "test" and move cursor to the start of the text ("|test")
   
4. Hit shift+enter twice

Expected: the two new lines are added above the text. cursor stays at the start of the text.

Outcome: the second hitting shift+enter will create the new line under the text and move the cursor into it.

Steps to reproduce:

1. create form with more than one required element, eg: 1 <input> and 1 <textarea> (on which, apply ckeditor).

Form will be submitted to same page and repopulated with error message (if any).

1. type anything into the editor, only, leave the other input blank.
2. submit the form.
3. try typing more to editor and press enter. Or, copy and paste anything into it.

The page will scrolls down leaving quite a big gap. (e.g. 3-4 times copy-paste could send the editor out of sight).

Expected result: Page shouldn't budge an inch. Only the textarea (with scrollbar), should.

Browser and OS - PC, Win7, tried on Chrome 32 and earlier, and Firefox 26.

Screenshot - I probably should provide video for this. But, don't have the tools.

Build configuration - Custom.

Dear Team,

When i am editing the content using Ckeditor,if i have pressed enter key,it creates new <P> paragraph tag form the enter mark.
need to merge with the existing paragraph if i have pressed backspace key or delete key to merge with the following paragraph,

My Requirement is: if i use backspace in beginning of the spilted paragraph it should get merged with the previous paragraph.
same for deleting at the end of paragraph it should get merged with next paragraph.

Please do the needful to resolve this problem.
Thanks in advance.

Regards,
Subash Ramadoss

1. Open plugins/image2/samples/image2.html
2. Select a widget.
3. C-c.
4. "New page"
5. C-v.
6. Right click nested editable.

Expected: Context menu to be displayed.

Actual: Uncaught TypeError: Cannot call method 'checkReadOnly' of undefined plugin.js:382 (clipboard)

Funny facts:

• It's not reproducible in standard sample, e.g. with rich contents, many widgets (ignoring steps 2-5).
• It's not reproducible in such case:
  1. Follow steps until 5.
  2. Right click the image (but not a nested editable).
  3. Proceed with 6.
  4. No error thrown, contextmenu appears.
• Does it have anything in common with #10433?

With SCAYT enabled on multiple ckeditors in Chrome, the second time a word is misspelled it jumps to the previous ckeditor instance.

To reproduce you need multiple editors with SCAYT on one page. I reproduced the bug using ​http://nightly.ckeditor.com/14-01-20-07-05/full/samples/plugins/magicline/magicline.html

1. Turn SCAYT on in both ckeditor instances
2. Type a misspelled word into the 1st ckeditor instance
3. Right click on the misspelled word and correct it
4. Type the same misspelled word into the 2nd ckeditor instance
5. Continue to type and it will jump to the 1st ckeditor instance

This happens using Google Chrome Version 32.0.1700.76 m on a Windows 7 Professional PC

Dear sir, I tried your the full version of ckeditor 4.3.1 on your demo page, it works fine, so I downloaded it and upload to my opencart 1.5.1.3. Somehow there is a problem with the font size and font colour functions. It seems selected text get's deselected when clicking the toolbar and cursor ends up at the beginning of edited document. I tried to search for solution, but no luck. Did I do something wrong. Is it got to do with the IE that I am using? I am using IE 11. I also read that this problem have been solved with the new version of ckeditor 4.3.1. Please help cause this has bugging me for days. Thank you.

I'm currently working on a system where the RTE is only part of the whole, and thus some tools interacting with the RTE are (mostly) independent from and unaware of the RTE.

For the most part things work great, but an issue I've encountered is when one of these separate components adds a DOM subtree without the RTE's root *and* that subtree contains potential widgets.

As far as I understand the code, part of the widget processing pipeline (the detection of widget candidates via upcast calls and the creation of the wrapper) is performed during data processing, and the activation of the detected & wrapped widgets is a second step (performed via repository#initOnAll(). As a result, to get widgets to be detected in foreign-injected HTML my process is currently:

el.outerHTML = editor.dataProcessor.toHtml(el.outerHTML);

editor.widgets.initOnAll();

This *seems* to work correctly, but

1. I'm uncertain this is the right way to do it (if there's any such thing as a "the right way" to do this at the moment)
2. if any of the foreign (aka non-cke-aware) components added non-DOM data (e.g. event handlers, attributes on DOM nodes) it would be lost by the serialization-processing-deserialization (currently not the case for me)

Thus it would be nice if there were a blessed API through which one could tell the widgets plugin/repository "here's a DOM subtree (DOM element), find out if there's any widget in it and initialise them in-place".

Using CKEditor demo standard editor on an iPad 2 with iOS 7.0.4:

1. Copy some text into the iOS clipboard.
2. Tap to open keyboard on CKEditor.
3. Press & hold to open iOS toolbar and select Paste.

Observed: copied text is correctly pasted into the editor, but the keyboard closes. Expected: the keyboard should not close after pasting (doesn't do this on other sites with input text boxes).

The browserContextMenuOnCtrl config option works with the wysiwygarea plugin and in inline editing mode, but not with the divarea plugin.

After reading the code, it seems due to the disableContextMenu() called in themedui.js on the generated contenteditable div.

If you have a table in Microsoft Word that has color formatting and copy this into the CKEditor using the "copy from word" button, the color formatting is lost.

Other formats like italic, bold are kept.

Open the attached word file Mark the table in the file Copy it Click the "Copy from word" button in the editor and paste the copied text there. See that for now the formatting is kept. Click OK Observe that the inserted text has lost color formatting

You can't use jQuery objects as options when using the adapter:

$( '#editable' ).ckeditor( function() { 
    /* Callback function code. */ 
},
{ 
    uiColor : '#9AB8F3', 
    test: $('body') //Results into  a Uncaught TypeError: Illegal constructor
}); // Use CKEDITOR.inline().

I was upgrading from 3.6 to 4.3 when I got this problem. I used those jQuery objects in my company's plugins. For more info, see: ​http://stackoverflow.com/questions/21159229/using-own-properties-in-ckeditor-4-plugin-upgrade-from-version-3

In the attached file is a ckeditor_4.3.2_full.zip with one 'bugged' example -> jquery_object.html

A brand-new widgets-based plugin to make insertion of rich code snippets into editor contents nice and easy.

Key features:

1. Syntax highlighting.
   • Server-side?
     • A generic architecture working with different server-side libraries (e.g. configurable URL and POST data).
     • Geshi as default?
     • Note: Server-side highlighting requires AJAX POST (see CKEDITOR.ajax.post in linked mockup).
   • Client-side syntax highlighting support (unlikely)?
2. Dialog-based editing.
   • Mostly due to lack of focusmanager for widgets. Widgets lose focus if <select> is clicked.
3. Support for different programming languages.
   • A select field to switch between languages.
4. Downcast to

   <pre><code [class="language-*"]>...</code></pre>
   

5. Simple and fast testing
   • The architecture of the plugin should be independent and possible to test without any coloring library.
6. Pretty sample :)
7. KISS. Code-size matters.

​Existing mockup created during DrupalCon Prague 2013 sprint.

Dear Team,

Ckeditor introduced its own command lines and also changes the existing command lines.

1. can you explain me why this command line is introduced automatically?
   
2. how to avoid the ckeditor introduced command lines?
   
3. how to avoid changing existing my own command lines as mentioned below?
   

Before: <!--?A3B2 twb=0.39w?-->
After: <!--{cke_protected}{C}%3C!%2D%2D%3FA3B2%20twb%3D0.39w%3F%2D%2D%3E-->

Please guide me to resolve this problem.

Thanks in advance.

Based on below Stack Overflow Question

​http://stackoverflow.com/questions/21302538/ckeditor-selecting-through-status-bar-and-deleting-get-merged-with-next-element

I have a style "two cols" defined in my CSS like this :

.two-cols{
	-moz-column-count:2;
	-webkit-column-count:2;
	-o-column-count:2;
	column-count:2;
	-moz-column-gap:20px;
	-webkit-column-gap:20px;
	-o-column-gap:20px;
	column-gap:20px;
}

When I apply this style on a text under firefox, chrome or IE 10, there is no problem. I can click on the text anywhere I want and edit it.

Under IE 11, the text is handled as a bloc, and I can't edit it.

I have a site that utilises CKEditor 4.3.2 in an inline configuration. I use the checkDirty() function to check whether the editor contents have changed whenever a user tries to navigate to another page within the site, and prompt them to save if the contents have changed. This functionality worked perfectly until I replaced the original image plugin with the new widget-based enhanced image plugin.

As soon as I did this, every time I mouse-over an image, the dirty flag becomes set, even if the editor toolbar is not actually instantiated. Essentially, all you have to do to trigger this behaviour is mouse-over an image when using the enhanced image plugin, and the editor seems to think that the contents have changed. If I avoid mousing over images, the issue does not occur.

I can reproduce the problem using Firefox 26, Chrome 32.0.1700.76 and Internet Explorer 11.

In all other respects, the enhanced image plugin seems to function fine.

We need to use the latest version of JSDuck to make a good start towards enhanced ​http://docs.ckeditor.com

Note: There's ​6.x beta which soon may become stable.

After this commit:

​https://github.com/ckeditor/ckeditor-dev/commit/ddf9074ad04d18d5ba6a8dcc1a9162936e455bc2

menubutton stopped working in source mode. After pressing the menubutton, the dropdown menu does not open when the editor is in source mode.

Firefox reports: TypeError: this.getSelection(...) is null

Chrome reports: Uncaught TypeError: Cannot call method 'getStartElement' of null

The attached plugin can be used to reproduce this issue.

After implementing CKEditor 4.3, I faced the following bugs for the table-resizer plugin:

IE 8,9,10,11 & Firefox

• When selecting text and than a table, you do not have an identication if the table is selected.

Chrome:

• Resizing of the table is impossible. No cursor 'move' appears

N.B. Firefox selects tables differently when you start selecting from within a cell.

Tested it at the demo page: ​http://ckeditor.com/demo#table-resizer

I was investigating an issue with a plugin that extended the link plugin (ckeditor_link Drupal project) and found a perhaps unintended side effect of this function. I noticed the plugin was using "getRanges(true)" to obtain the ranges instead of the "getRanges()" that link.js itself uses in the onOk defintion. For the most part this was working.

An except for an example:

[...]
definition.onOk = CKEDITOR.tools.override(definition.onOk, function(original) {
          return function() {
            var process = false;
            if ((this.getValueOf('info', 'linkType') == 'drupal') && !this._.selectedElement) {
              var ranges = editor.getSelection().getRanges(true);
              if ((ranges.length == 1) && ranges[0].collapsed) {
                process = true;
              }
            }
            original.call(this);
[...]

This works fine so long as it's not an image created by the new image2 image widget that the plugin is being applied to. All text and other items appeared to work correctly, but the getRanges(true) call resulted in a length of 0 when used on a new image from the image widget. This is not the case on images created by the original image plugin.

After some investigation I tried the following: I placed a console.log(editor.getSelection().getRanges(true)); prior to the call of original.call(this);

This resulted in breaking the standard functionality of the link plugin. I stepped through the process and found that the getRanges(true) call modifies the original value and any subsequent calls to getRanges() will result in the same value as the initial getRanges(true) call. Is this the intended behaviour of the getRanges function with the optional parameter?

Since this only seems to cause an empty range selection on images created by the new image widget.

Summary: Text from an textarea, that is interpreted by CKEditor is removed, if it is between an &lt; and &gt;. Instead, the &lt; and &gt; should be interpreted and displayed as < and >

Setup:

• CKEditor 4.3.2 Standard package with default configuration
• Firefox 24.1.0
• Windows 7

Situation: CKEditor is loaded onto page, that reads a database entry into a textarea. The entries possibly contain some normal HTML tags on purpose. Furthermore there are some braces in the text, which belong to the text itself and are masked with the corresponding HTML entities lt/gt.

While inserting text, CKEditor maskes the braces correctly and writes them to the textarea. Consequently they are written to the database correctly. E. g. the text "select <column> from <table>" is being converted to "select &lt;column&gt; from &lt;table&gt;".

However, as soon as the database entry is loaded to be edited, it comes to the problem, that CKEditor detects the text enclosed in the lt/gt-braces inside the textarea and just removes it. E. g. if the text given above is found, CKEditor interprets it as "select from" and just removes &lt;column&gt; and &lt;table&gt;

Expected behaviour: Text mustn't be removed. Instead, &lt; and &gt; have to be displayed as < and >.

Using the latest nightly build and this config.js file:

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

CKEDITOR.editorConfig = function( config ) {
	// Define changes to default configuration here.
	// For the complete reference:
	// http://docs.ckeditor.com/#!/api/CKEDITOR.config

	// The toolbar groups arrangement, optimized for a single toolbar row.
	config.toolbarGroups = [
		{ name: 'document',	   groups: [ 'mode', 'document', 'doctools' ] },
		{ name: 'clipboard',   groups: [ 'clipboard', 'undo' ] },
		{ name: 'editing',     groups: [ 'find', 'selection', 'spellchecker' ] },
		{ name: 'forms' },
		{ name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ] },
		{ name: 'paragraph',   groups: [ 'list', 'indent', 'blocks', 'align', 'bidi' ] },
		{ name: 'links' },
		{ name: 'insert' },
		{ name: 'styles' },
		{ name: 'colors' },
		{ name: 'tools' },
		{ name: 'others' },
		{ name: 'about' }
	];

	// The default plugins included in the basic setup define some buttons that
	// we don't want too have in a basic editor. We remove them here.
//	config.removeButtons = 'Cut,Copy,Paste,Undo,Redo,Anchor,Underline,Strike,Subscript,Superscript';

	// Let's have it basic on dialogs as well.
	config.removeDialogTabs = 'link:advanced';



	// new config added by hand (not default)
	config.allowedContent = true;
	config.tabSpaces = 4;
	config.templates_replaceContent = false;
	config.enterMode = CKEDITOR.ENTER_BR;
	config.autoParagraph = false;
	config.fillEmptyBlocks = false;

	config.extraPlugins = 'maximize,showblocks';
	config.removePlugins = 'devtools';

	config.toolbar = 'MyToolbar';
	config.toolbar_MyToolbar =
	[
		[ 'Cut','Copy','Paste','PasteText','PasteFromWord','-','Undo','Redo' ],
		[ 'Image','Table','HorizontalRule','Smiley','SpecialChar' ],
		[ 'Form', 'Checkbox', 'Radio', 'TextField', 'Textarea', 'Select', 'Button', 'ImageButton', 'HiddenField' ],
		[ 'Styles','Format' ],
		[ 'Abbr','-', 'Bold','Italic','Strike','-','RemoveFormat' ],
		[ 'TextColor','BGColor' ],
		[ 'NumberedList','BulletedList','-','Outdent','Indent','-','Blockquote' ],
		[ 'Link','Unlink' ],
		[ 'input', 'free', 'checkbox', 'radio', 'multiple', 'select', 'upload', 'array', 'imagemap', 'tabs', 'fieldset' ],
		[ 'Templates', 'Maximize', 'ShowBlocks', '-', 'Source' ]
	];

	config.toolbar_Advanced =
	[
		[ 'Cut','Copy','Paste','PasteText','PasteFromWord','-','Undo','Redo' ],
		[ 'Image','Table','HorizontalRule','Smiley','SpecialChar' ],
		[ 'Styles','Format' ],
		[ 'Abbr','-', 'Bold','Italic','Strike','-','RemoveFormat' ],
		[ 'TextColor','BGColor' ],
		[ 'NumberedList','BulletedList','-','Outdent','Indent','-','Blockquote' ],
		[ 'Link','Unlink' ],
		[ 'Maximize', 'ShowBlocks' ]
	];

	config.toolbar_Basic =
	[
		[ 'Abbr','-', 'Bold','Italic','Strike','-','RemoveFormat' ],
		[ 'NumberedList','BulletedList','-','Outdent','Indent','-','Blockquote' ],
		[ 'Cut','Copy','Paste','PasteText','PasteFromWord','-','Undo','Redo' ],
		[ 'Link','Unlink' ],
		[ 'Maximize' ]
	];

	CKEDITOR.on( 'instanceReady', function( ev ) {
		var nonBlockTags = ['input','label'];
		var blockTags = ['div','h1','h2','h3','h4','h5','h6','p','pre','ul','li'];
		var rulesBlock = {
			indent : true,
			breakBeforeOpen : true,
			breakAfterOpen : true,
			breakBeforeClose : true,
			breakAfterClose : true
		};
		var rulesNonBlock = {
			indent : true,
			breakBeforeOpen : true,
			breakAfterOpen : true,
			breakBeforeClose : true,
			breakAfterClose : true
		};

		for (var i=0; i<blockTags.length; i++) {
			ev.editor.dataProcessor.writer.setRules( blockTags[i], rulesBlock );
		}
		for (var i=0; i<nonBlockTags.length; i++) {
			ev.editor.dataProcessor.writer.setRules( nonBlockTags[i], rulesNonBlock );
		}
		ev.editor.dataProcessor.writer.setRules( 'span', {
			indent : true,
			breakBeforeOpen : true,
			breakAfterOpen : true,
			breakBeforeClose : true,
			breakAfterClose : true
			}
		);
	});
};

Steps to reproduce:

1. Go to HTML Source view and Copy & Paste this code:

<div class="former input" title="INFORMACION">
	<span class="big horizontal advanced">
		<label class="required" for="NOMBRE">
			DESCRIPCION 
		</label>
		<input charset="-_." class="medium username required" id="NOMBRE" maxlength="20" minlength="3" name="NOMBRE" type="text" value="INICIAL" />
		</span>
</div>

2. Click on Source button to go to WYSIWYG view.
3. Click on Source button to return to HTML source view again.

You'll see that there is a new hidden SPAN block. If you repeat steps 2 and 3 more hidden SPAN blocks will be generated.

I've found that the problem appears when I make 'true' any of the 'break' settings for the SPAN element. The behaivour is the expected only when all settings are set to false, like here:

		ev.editor.dataProcessor.writer.setRules( 'span', {
			indent : true,
			breakBeforeOpen : false,
			breakAfterOpen : false,
			breakBeforeClose : false,
			breakAfterClose : false
			}
		);

Users error when pasting from word using ckeditor 4.3.0 because cleanWord is undefined on line 75 of ​https://github.com/ckeditor/ckeditor-dev/blob/master/plugins/pastefromword/plugin.js

Is there a way to autoreplace content with ricth/HTML content as user types it in? For example, if user types in an URL, I would like that this URL automatically becomes a link. If user types in a hashtag, I would like to automatically create a link to list of posts with that tag on my blog. If user mentions another user with @ then I would like to make a link to that user's profile page on my site. Sometimes I would like that the output text is not the same as input, for example, when you on GitHub link to a ticket with full URL, only project name and issue number are displayed, while still linking to the full URL. Same with link shorteners. Is this possible?

sir i have installed fck 2.6.5 editor for my website but when i change allignment of text it shows in editor window but it do not reflect in website. for example i changed the alignment of table in center but it stills reflect in left allign in website

1. Go to ​http://ckeditor.com/demo#inline on a Webkit-based browser
2. Bind contents of editor1 and editor2 on a key listener

   CKEDITOR.instances.editor1.on("key", function() { CKEDITOR.instances.editor2.setData(CKEDITOR.instances.editor1.getData()) });
   

3. Update editor1 text.

Expected: editor2 updates. editor1 cursor remains at original place. Observed: editor2 updates. editor1 cursor goes back to start of editor.

Screencast attached. Firefox works fine.

When config.fullPage is set to true, latin characters are not transformed to HTML entities. When default / false, latins are transformed correctly.

1. Add 'config.fullPage = true;' to config.js
2. Toggling between WYSIWYG and source.

I'm using version 'Full' from the package. Worked in the earlier version, which was some 4.0.x.

There should be a way to register data filter rules when registering templates.

I made a pull request on github :

​https://github.com/ckeditor/ckeditor-dev/pull/78

Current registration of templates work through hash tables like :

{
title: 'Image and Title',
image: 'template1.gif',
description: 'One main image with a title and text that surround the image.',
html: '<h3>' +
    // Use src=" " so image is not filtered out by the editor as incorrect (src is required).
    '<img src=" " alt="" style="margin-right: 10px" height="100" width="100" align="left" />' +
    'Type the title here' +
    '</h3>' +
    '<p>' +
    'Type the text here' +
    '</p>'
}

The patch looks for a new key in the template registration hash table : allowedContent

{
title: 'Image and Title',
image: 'template1.gif',
description: 'One main image with a title and text that surround the image.',
html: '<h3>' +
    // Use src=" " so image is not filtered out by the editor as incorrect (src is required).
    '<img src=" " alt="" style="margin-right: 10px" height="100" width="100" align="left" />' +
    'Type the title here' +
    '</h3>' +
    '<p>' +
    'Type the text here' +
    '</p>',
allowedContent: 'img{margin-right}'
}

The allowedContent is allowed through a call to editor.filter.allow()

1. Open replacebycode sample.
2. Enable allowedContent: true

   CKEDITOR.replace( 'editor1', {
   	allowedContent: true
   } );
   

3. Call

   CKEDITOR.instances.editor1.dataProcessor.toHtml( '<p><img data-foo="&lt;a href=&quot;XXX&quot;&gt;YYY&lt;/a&gt;" /></p>' )
   

   data-foo attribute contains encoded HTML:

   <a href="XXX">YYY</a>
   

Expected:

<p><img data-foo="&lt;a href=&quot;XXX&quot;&gt;YYY&lt;/a&gt;" /></p>

Actual:

<p><img data-foo="&lt;a data-cke-saved-href=&quot;XXX&quot;&gt;YYY&lt;/a&gt; href=&quot;XXX&quot;&gt;YYY&lt;/a&gt;" /></p>

What happened? Dataprocessor considered href="XXX" as an attribute of <img> and tried to protect it, making a lot of mess. The RegExp responsible for that is not perfect

protectAttributeRegex = /\s(on\w+|href|src|name)\s*=\s*(?:(?:"[^"]*")|(?:'[^']*')|(?:[^ "'>]+))/gi;

|(?:[^ "'>]+) matches href="XXX" as an unquoted attribute of <img> (​this kind of attributes is allowed in HTML)

Another TC:

Paste

<p><img data-foo="&lt;a href=&quot;XXX&quot;&gt;YYY&lt;/a&gt;" /></p>

into source view and switch modes twice.

When using the divarea plugin, if you disable CKEditor's contextmenu plugin, then the browser's context menu will not fire. It also prevents the Ctrl+Right-click override which is supposed to allow the browser's context menu to fire if the contextmenu plugin is enabled. This issue can be reproduced on the demo page for divarea: (including a link marks my bug as spam???!!!)

If you Ctrl+Right-click in the editor on that page nothing happens. Go to any of the other demos, and Ctrl+Right-click and the browser's context menu fires.

Steps to reproduce:

1. Copy ckeditor_test.html and blink.html to samples directory.
2. Open blink.html and click show modal dialog button.
3. Select any word and apply size 8 to it.
4. Select another word and apply size 14 to it.

Problem: The 1st word selected and size 14 applied to it.

We are using CK editor to compose/format email.

When you enter “John Smith” and press enter key in CK editor CK editor inserts additional blank line.

We are using CK editor to compose/format email.

Repro steps ====== Enter “John Smith” and press enter key in CK editor. You notice that CK editor inserts additional blank line. do the same with shift enter, it does not happen.

The Enter Key has an ASCII value of 13 and Shift+Enter has 10.

In the present scenario, the CK editor appends an additional Shift+Enter (Ascii 10) when user click on Enter Key (which is undesired).

The issue is reproducible @ site ckeditor.com/demo

Hi

I am using FCK editor since long And it was working fine till date. but all of a sudden the cut and copy icon are disabled in the chrome and safari.

Is it a bug in fck editor or new version of the browser.

Please help me in this issue

If I use the CKEditor the drop down menu of the font size is abbreviated.

Why? The word has only 5 letters and there is enough space. The word "Schriftart" (font famliy) is much longer and not abbreviated. What is the reason?

For usability, it is better if written out.

Thanks

I tested this error out on the demo page and it is happening there as well.

After entering a new list of items, separated by a line break, ex:

1<br /> 2<br /> 3

And then selecting the list and hitting the bullet list button, the last item is being ignored, resulting in:

<ul>

<li>1</li> <li>2</li>

</ul> 3

This happens only on Google chrome. If adding a line break on the last item this error does not occur. And also out of curiosity, this error also doesn't occur after viewing the "source" code and returning to add the bullet list. Also if using <p> as the line break there are no problems.

This isn't anything major but I think you would like to know that this is happening. It seems to be a simple compatibility issue regarding the text selection on chrome.

Please let me know how to proceed. Thank you for your time. Regards,

Sergio

Environment:

Browser: Internet Explorer 8 OS: Windows XP

Description:

When I try to apply some formatting on text (using toolbar buttons: Bold for example), Alert message is displayed (see attached screenshot)

How to fix:

I think you should add evt.preventDefault() in onClick handler function for toolbar buttons. Because IE is triggering beforeUnload event any time when link is clicked.

Temporary fix:

I have fixed above reported issue temporary using this:

CKEDITOR.on 'instanceReady', (event) ->
  if CKEDITOR.env.ie
    $('a.cke_button').removeAttr('href')

I see this happen on our app and also on your demo. If SCAYT is enabled and you click into an inline area to edit, the cursor jumps to the 0 position and needs to be focused into the original position again. Any fixes for this? Behavior w/o SCAYT enabled is fine.

I took over an application which had a very old version of FCKEditor. I upgraded it to FCKEditor v2.6.5 and it works fine. However, it appears that the older versions are no longer supported, so I upgraded to v4.3.2. That wasn't quite as easy a task as it should have been. Unfortunately, there are so many issues that I am forced to stick with the unsupported version until these issues are fixed.

Using: CKEditor v4.3.2, CKEditorControl v3.6.4

Issue List

1. Imported Font elements are removed from the HTML and not replaced.
2. In attempting to get around issue #1, I specified allowedContent for the Font element in the config file. This allowed the Font element to remain in the HTML, but resulted in many of the Toolbar icons to be removed. Not an acceptable solution.
3. When running the editor in IE under compatibility mode, the Style, Format, Font and Size dropdowns do not appear.

I cannot upgrade to a newer release until this editor works at least as good as the unsupported version. Please let me know when you have added the transformations for the Font element and have fixed the dropdown bug in IE compatibility mode.

I have tried your sample and was unable to duplicate the problem with the dropdown. However, it is not using the CKEditorControl, so the error is probably in that control.

If you can provide me with a supported version number that doesn't have those two problems, I will upgrade to that version until the bugs are fixed.

I have attached a sample page. I am using IE 9 with the Compatibility View turned on.

We're having this problem only with IE, none of the other browsers. The attached ck02.jpg shows how the link tool's popup looks in all other browsers, and it works fine.

But ck01.jpg shows its appearance in IE -- very different. Wouldn't matter, except it just doesn't work. You can type whatever you wish in the text areas, but the "ok" and "cancel" buttons are dead. So also is the "X" to close at upper right. You can't close the popup, and it leaves the page behind it disabled.

Any ideas? TIA.

Check what is the current status of dataTranfer & clipboardData objects in drag and drop and copy and paste.

Specs:

• ​paste event
• ​drag and drop

<iframe src="http://ckeditor.com/demo" height=99% width=99%>
	&lt;!-- Used as the template for the contentframe widget --&gt;
</iframe>

The scrolling does not work first time. When we click the demo link again the scrolling works fine.

If you add mootools 1.2 to any samples page on ckeditor 4.3.2 , the image dialogue is not working.

This is what I see in chrome javascript console:

Uncaught TypeError: Object [object Object] has no method 'stringify' ckeditor.js:1025
r ckeditor.js:1025
k ckeditor.js:995\
o.initOn ckeditor.js:1031
Q.a.addCommand.exec ckeditor.js:997
exec ckeditor.js:176
CKEDITOR.tools.extend.execCommand ckeditor.js:238
CKEDITOR.tools.extend.click ckeditor.js:610
d.execute ckeditor.js:611
(anonymous function) ckeditor.js:612
(anonymous function) ckeditor.js:27
CKEDITOR.tools.callFunction ckeditor.js:27
onclick

Is there a work around? Any help will be appreciated. Thanks

Tim

Copy/Pasting a table from OpenOffice using the Paste from Word plugin loses the table background color.

Steps to reproduce:

• Open the attached document with OpenOffice (tested on MacOS X, OpenOffice 4.0.0).
• Copy the table
• Paste the table on CKEditor using the Paste from Word plugin on an editor configured with pasteFromWordRemoveFontStyles and pasteFromWordRemoveStyles set to false.

Expected:

The table to be pasted maintaining the font styles and table format.

Result:

The font styles are preserved, but the table cells have no background color.

The copied data from OO differs from the one from Word in that it uses inline bgcolor instead of styling via background such as:

<td bgcolor="#ff00ff">

Could this be added to the allowedContent by default, or should it be added on a per-case basis using the extraAllowedContent property?

I have downloaded CKEditor 4.3.2 from ckeditor site but i need to store lot files like more than 100 in my project which is bad. I searched for the 'cdn url of ckeditor' and got the url for the ckeditor standard package. I can use that but it does not have all the features which i need. Please provide me the url for the ckeditor full ferature.

We should create more convenient way to add custom css files. Now we accept as editor.config.contentsCss string or array of strings which is ok, but if we want to attach to it extra css styles in plugins, we have to do some extra checking. Such code is redundant.

Method should be editor member, so we will end up with editor.addContentsCss(). Method itself should be injected from wysiwygarea plugin, since contentsCss works only for classic editor.

Method should accept as its parameter a string.

It turned out that in some cases upcasting may go out of control.

Assumptions:

1. Let's start with the following html:

   <body><p>x<img/></p></body>
   

2. Each <img> is to be upcasted to <figure><img></figure>.

Now let's follow forEach, which ​calls the iterator (see: createUpcastIterator) during the upcast process, step-by-step:

1. ForEach: Visit <p>.
2. ForEach: Visit children of <p>.
3. ForEach: "x" text found
4. Upcast: Ignore text.
5. ForEach: Visit <img>
6. Upcast: Start upcasting <img> to <figure>.
7. Upcast: Split <p> because <figure> is block.

   <body><p>x</p><p><img/></p></body>
   

8. Upcast: Replace the parent of <img> (<p>) with <figure>

   <body><p>x</p><figure><img/></figure></body>
   

9. Widget system: Remember that <figure> is to be wrapped. Great. But problems start now.
10. ForEach: No more children of <p>.
11. ForEach: Go back to <body>.
12. ForEach: Move to <figure>, which is the next child of <body>
13. ForEach: Enter <figure> (it's not a widget yet).
14. ForEach: Visit children of <figure>.
15. ForEach: Visit <img>.
16. Upcast: Start upcasting <img>.
17. Bang! Upcasting the same <img> once again, while it belongs to <figure> which is to be a widget.

When the editor is loaded inline on various contenteditable areas, and there is no cached version of the javascript files (maybe on first visit, or using a plugin to disable cache), the menu shows but when clicking the buttons or dropdowns nothing happens - much like the "readonly"-mode but with enabled buttons. This happens in Chrome & Firefox Version 32.0.1700.107 m.

Setup: Windows 8.1, jquery 1.9, CKeditor 4.3 and loaded within an iframe. Full package, no custom plugins.

When the page is refreshed and a cached version is available, the buttons are working again.

Please advice.

Thanks in advance

Hi,

Problem: When I copy and paste plain text using ctrl + v , the content is getting pasted twice.

I have created a custom plugin. The functionality is adding a drop down into the CKEDITOR toolbar. Getting the value from database and attached the click event to it.

In the custom config I have following sett up:

config.pasteFromWordRemoveStyles = true; cconfig.forcePasteAsPalinText = true;

When I paste the content by right click, it is pasting only once and working fine. One more thing I have notice my application is a single page application and I have 3 instance of CKEditor only in one instance the ctrl + v key pasting the content twice. Because only in this instance I have added extra plugin and added the drop down to the toolbar.

I have tested all the above actions in chrome browser and we are using CKEditor version 3.6.6

Could you please advice how to avoid the above mentioned problem. The content should be pasted only once.

We're missing htmlDecode funciton in CKEDITOR.tools because we have:

htmlEncodeAttr - which has its complementary function htmlDecodeAttr
htmlEncode - which does not have htmlDecode

It make senese to implement such function.

We may consider to do it in conjuction with ​t/11536, since it will touch the same thing.

Related issues:

#11480 (currently it has implemented private implementation decodeHtml, so it should reuse tools version) #11442

We may move regexps into separate variables that will bring slight performance increase since regexps will be compiled only once.

See ​perf tests page

This is trivial change and can be done along with ​t/11536

Please consider adding a new method to plugin/widget API to facilitate inserting toolbar buttons at a desired position by specifying an existing 'after' or 'before' member. The goal would be to avoid redefining the global toolbar in the config.

As an exercise I'm writing a simple plugin that allows user to insert a clearfix div. As developer I would expect to be able to easily specify that the button should be sitting next to the Insert Horizontal Line button, without need to redefine the whole toolbar through config.

I'm not sure at this point what kind of fallback should be supported should the target button not be available.

PS. For many reasons I'm close to think that config should be converted from a string into an object.

​http://docs.ckeditor.com/#!/guide/plugin_sdk_sample_1 Creating the Toolbar Button "previews" should read "previous"

1. Open samples/uilanguages.html
2. Change language to Hebrew/Arabic.
3. Note blurry icons in the toolbar.

Hi,

I have used CKEditor in my web application its working fine in Firefox and Chrome but not in IE. Even its not showing Toolbar.

Below is the Issue.

Message: Inline element mode is not supported on IE quirks. Line: 225 Char: 343 Code: 0 URI: ​http://localhost:8080/UniRisX/includes/ckeditor/ckeditor.js

New description

1. Download and open 11544.html​.
2. Switch between modes.
3. See that there's a mess in <title> tag.

Important note: While working on this issue other scenarios like placeholder used in <textarea> or <video> should be checked. Perhaps more parent tags should be excluded. The rule may be that placeholder may only be created in if, according to DTD, text node's parent accepts span.

Original description (incorrect)

This is related to #11223 and ​this forum post

I'm using the placeholder plugin in CKEditor 4.3.2, which generally works apart from two issues:

• It doesn't allow it to be used in the root of the head tag (so for example you can't use placeholders to generate meta tags); placeholder get moved into the body tag.
• Placeholder items in the title tag (and possibly elsewhere) get escaped incorrectly, and then fail to be unescaped on save, or when switching to/from source mode.

For example, starting by pasting this document into the source view:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
	<title>[[mytag1]]</title>
[[mytag2]]
</head>
<body>[[mytag3]]</body>
</html>

Switching to HTML view then back to source results in:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
	<title>&lt;span tabindex=&quot;-1&quot; contenteditable=&quot;false&quot; data-cke-widget-wrapper=&quot;1&quot; data-cke-filter=&quot;off&quot; class=&quot;cke_widget_wrapper cke_widget_new cke_widget_inline&quot; data-cke-display-name=&quot;placeholder&quot;&gt;&lt;span class=&quot;cke_placeholder&quot; data-cke-widget-keep-attr=&quot;0&quot; data-widget=&quot;placeholder&quot;&gt;[[mytag1]]&lt;/span&gt;&lt;/span&gt;</title>
</head>
<body>[[mytag2]][[mytag3]]</body>
</html>

You can see an escaping wrapper has been applied in the title tag, and the [[mytag]] element in the head tag has been moved into the body.

Doing the same switch again results in:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
	<title>&lt;span tabindex=&quot;-1&quot; contenteditable=&quot;false&quot; data-cke-widget-wrapper=&quot;1&quot; data-cke-filter=&quot;off&quot; class=&quot;cke_widget_wrapper cke_widget_new cke_widget_inline&quot; data-cke-display-name=&quot;placeholder&quot;&gt;&lt;span class=&quot;cke_placeholder&quot; data-cke-widget-keep-attr=&quot;0&quot; data-widget=&quot;placeholder&quot;&gt;&lt;span tabindex=&quot;-1&quot; contenteditable=&quot;false&quot; data-cke-widget-wrapper=&quot;1&quot; data-cke-filter=&quot;off&quot; class=&quot;cke_widget_wrapper cke_widget_new cke_widget_inline&quot; data-cke-display-name=&quot;placeholder&quot;&gt;&lt;span class=&quot;cke_placeholder&quot; data-cke-widget-keep-attr=&quot;0&quot; data-widget=&quot;placeholder&quot;&gt;[[mytag1]]&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;</title>
</head>
<body>[[mytag2]][[mytag3]]</body>
</html>

It's now double-escaped, and this repeats each time you switch views or save.

For me this is a complete showstopper; I can't use CKEditor if it causes content explosions.

1. input some korean words
2. change line by pressing enter key
3. and try to input some korean words by keyboard
4. 

Hey guys,

Could you add a new toolbar with buttons to perform actions into databases using PHP?

Thanks,

The users are entering text into a ColdFusion form which is creating an email that gets read in Outlook. The client is using IE8

When the email is received, it shows HTML markup characters in the email. We have upgraded to the latest version.

So I am writing a plugin for ckeditor (@ mentions).

when you type some characters (example "@John") a drop down will appear of a list of Johns that the user can select . When the users selects the drop down they want, it needs to remove the the "@John" text and insert an element that was retrieved from the dropdown

The Code

//Set the cursor at the current book mark
    mentions.editor.getSelection().selectBookmarks(CKEDITOR_mentions.CurrentBookMarks);
    // create the text for the element to insert
    var html = '<span style="background-color: #d8dfea;" data-personid="' + id + '" data-type="' + type + '" href="#">' + name + '</span>&nbsp;&nbsp;';
    // Create the Element to insert
    var newElement = CKEDITOR.dom.element.createFromHtml(html, mentions.editor.document);
    //Insert the element
    mentions.editor.insertElement(newElement);
    //Get a new bookmark
    var tempBookMark = mentions.editor.getSelection().createBookmarks(true);
    //remove the text that the editor is replacing
    RemoveText(mentions.editor, mentions.char_input.join(''));
    // set the focus back to the saved book mark position
    mentions.editor.getSelection().selectBookmarks(tempBookMark);
    //focas on that position
    mentions.editor.focus();

Function that removes the text

function RemoveText(ed, idontwant) {
    var edata = ed.getData();
    var replaced_text = edata.replace(idontwant, ""); // you could also use a regex in the replace 
    ed.setData(replaced_text);
}

The issue

This works just fine on chrome however on IE11 after the text has been removed, when I try to access the mentions.editor.getSelection() I get "permission denied" error. I cannot set the bookmark and the focus is moved to the start of the ckeditor.

To reproduce (from ​http://ckeditor.com/demo):

• Place cursor at beginning of "Broadcasting and quotes".
• Hit <enter>, then <backspace>

<span style="font-size:13px; line-height:1.2"> has been added to the <h2>-tag.

Tested with Chrome v32.0.1700.107.

Hello,

I have integrated CKEdior in a php based website.Everything works fine except one thing, when try to delete a image or file which already on the server it gives me alert saying "Invalid file or directory". I had checked file permission and directory permission it has 777 mode. So I'm not clear with exact reason of the problem. Please see the attachment and let me know you can help me out.

STR
1)Open full featured DEMO page with IE9.
2)Clear the page and insert an image.
3)Select the image. Notice, the "left alignment" button is highlighted.
4)Press the "right alignment" button. Notice, the image is right aligned while the "left alignment" button remains highlighted. You should click on the page outside of the picture, then select the picture again for get the "right alignment" button highlighted.

using: CKEditor 4.3.2 with the enhanced image widget. IE11 OS - win 7 64bit. how to reproduce: add an image using the enhanced image widget. add a link to the image. left click on the image - you get redirected to the link. seems to happen only in IE11.

1.In CKEditor, click on "Paste from Word" icon. 2.Expected result: popup window with "Paste from Word" label

3. Actual result: popup window with "Paste" label (same as for clicking "Paste" icon).

Hi We have used CKEditor standard packaged in our web application. But Backspace is working only in Firefox not working in Chrome and IE

Thanks

See 11567.html​. Image should be filtered out because there's no image button in the toolbar.

Descriptive summary

If one only supplies object styles to config.styleSet, the Styles select combo list remains disabled, even when an object supporting at least one of the defined styles is selected.

Steps to reproduce

1. Use a config.styleSet definition like the following, which only contains object styles:

CKEDITOR.config.stylesSet = [

{ name: 'Square Bulleted List', element: 'ul', styles: { 'list-style-type': 'square' } }

];

2. Reload CKEditor

3. Create a bulleted list

4. The Select list remains disabled

Browser and OS Tested on Chrome and Firefox on Ubuntu 12.04.03

Screenshot Not included

Sample data See config.styleSet definition above

Test case file None

Build configuration None

hi, I am not a programmer, but a Joomla user.

I like your CKeditor for Joomla eitor plugin. I installed the latest version v4.3.2 (downloaded from ​http://cksource.com/ckeditor-for-joomla/download) on Joomla 3.2.2 and tried to create a new article with it.

However, there is something wrong with your editor, it makes :

Those editor-ext buttons below the editor window were turned into text links, and aligned vertically, which should be horizontally.

The worse is, it makes the "Save" and "Save and Close" button NOT WORK ! I can not save my article!

If I switch to the Joomla core default editor, TinyMCE, the above issues never happen.

So, I think something must be wrong with your editor. Could you please fix them soon?

Thanks.

hi, I noticed that someone had created an editor addon named syntaxhighlight for CKeditor, it is on your addon list now (see: ​http://ckeditor.com/addon/syntaxhighlight ). But, I feel very difficult to set it up on my CKeditor for Joomla editor.

Could you please just include this addon as a built-in (native) plugin of CKeditor? Then when I install CKeditor, I can have syntaxhighlight button already there.

Thanks.

Two very useful events for sites monitoring editor dirty state would be editorGotDirty and editorGotClean. The events would always be fired when the return value of checkDirty() would change. Here's a a use case:

    CKEDITOR.on('editorGotDirty', function(e) {
        console.log("editor is now dirty");
        // Form containing ckeditor is now dirty, set flag
    });

This would be useful in replacing checkDirty() polling and listening to the 'change' event - I use the change event in combination with checkDirty to detect changes. This event would make a LOT of checkDirty calls redundant and quite possibly increase performance for complicated dirty checks that check other things than the editor dirty state too.

I think it might not be that difficult to implement; wouldn't this be fired always when the save button state is changed?

Better naming might be suitable.

1). Create simple html-document with the following simple structure:

<!DOCTYPE html>

<html>

<head>

<script src="ckeditor/ckeditor.js"></script>

</head>

<body>

<ul>

<li>Section 1

<ul>

<li>

<div contenteditable="true">Sub-section 1.1</div>

</li> <li>

<div contenteditable="true">Sub-section 1.2</div>

</li>

</ul>

</li>

</ul>

</body>

</html>

2). Open page in latest version of Firefox/Google Chrome (not tested others).

3). Click on "Sub-section 1.1" or "Sub-section 1.2" node. CKEditor will be loaded for the appropriate field.

4). Put the caret to the start of the edited node.

5). Press "Backspace" hotkey and you'll see that DOM-model is broken very hard:(((.

According the official W3C specification the event 'keypress' is deprecated (​http://www.w3.org/TR/DOM-Level-3-Events/#event-type-keypress). Some modern mobile browsers (Android, Windows) don't support this event. Alternative events are keydown, keyup, input or textInput (supported by some browsers but not specified), beforeinput (specified but not supported by browsers). CKEditor uses keypress at some places and causes problems on mobile devices. One place is the UndoManager (plugins/undo/plugin.js) so that the 'change' event isn't fired properly on mobile devices.

			editor.editable().on( 'keypress', function( event ) {
					undoManager.type( event.data.getKey(), 1 );
				} );

I know that Android is not supported officially but it works a lot better than not at all. I would appreciate more differentiated rules according the supported browsers in env.js so that the newest Android chrome browsers are supported by default.

Hi, When a CKEditor standard is on a textarea that is in a jQuery dialog, when I click on a select menù (styles, format, ...) and re-click on the same button the plugin crashes (if I re-click on a option or on the other place works) with this error:

TypeError: a.contentWindow is null (ckeditor.js, row:103)

I'm using Firefox 27.0.1 and jQuery 1.9.1

This is exactly the same complaint as ticket #2253. It seems that the HTML standard is being debated and misinterpreted instead of an actual issue being addressed. It is completely valid to have a tag like this:

<a href="page.html" style="width: 50px; height: 50px; background-image: ('/images/square.jpg');"></a>

CKEditor is stripping this out. It is a completely valid usage of the <a>. There are so many complaints about this? Why isn't it being addressed?

Because of new features we need a way to show users notifications.

There are multiple types of notifications:

• information pop-up - show information for few seconds and hide it after a timeout e.g. "This type of files is not supported".
• "permanent" information - this type of notifications should not disappear after a timeout (e.g. "70% upload progress", should wait for changers),

Also:

• user should be able to hide a notification,
• it would be useful if notifications plugin handle multiple information and queue then, so if e.g., two separate plugins want to show some pop-up it will show the first one and then, after timeout (or user interaction), hide the first one and show the second notification; the different way is to show both in the same time, but plugin should ensure that the second notification will not hide first one too soon,
• because of accessibility we should probably provide two types of notifications: more and less important; user who use screen reader should be informed that "file has been uploaded", but it would be very annoying if he would hear "71% upload progress", "72% upload progress"...

It would be nice to have a checkbox for setting the required attribute for form elements.

First bad commit: ​git:10d310c7a.

1. Open Replace by Class sample in Chrome.
2. Select part of the paragraph (e.g., "flight that landed the first hum" from the first paragraph).
3. Type in console:

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

Result: Range changes.

There is a note in the documentation that it could happen but it is not what I expected using method called cloneContents and it should be changed.

1. Open "Replace by class" sample.
2. Select "Neil Armstrong and Buzz Aldrin"
3. Click link button and create link to "wikipedia.org".
4. Close dialog (press "ok").
5. Click in the midile of "Armstrong".
6. Click link button.

Result: This is still link to "en.wikipedia.org/wiki/Neil_Armstrong". You can see in in source as well:

<a href="http://en.wikipedia.org/wiki/Neil_Armstrong" title="Neil Armstrong">Neil Armstrong</a><a href="http://wikipedia.org"> and </a><a href="http://en.wikipedia.org/wiki/Buzz_Aldrin" title="Buzz Aldrin">Buzz Aldrin</a>

Expectation: New link will overwrite old one.

1. open any sample with CKEditor (i.e. samples/replacebyclass.html)
2. using Source button set following source:

   <p><a href="http://foo">foo</a>bar</p>
   

3. return to wysiwyg mode
4. create following selection [foo]bar
5. press backspace
6. input any text

Expected result:
Inputted text should not be underlined.

Current result:
New text is being underlined.

additional info:

1. Checked with Opera (blink) 19.0.1326.63, Chrome 32.0.1700.107 @ Win8

1. open any sample with CKEditor (i.e. samples/replacebyclass.html)
2. focus editor
3. press alt+f10 to focus toolbar
4. navigate to preview button
5. press button using space

Related issue: #11408.

Our goal is to avoid exception. Popup blocker thing is another issue.