Custom Query

1. Open IE8.
2. Click print button.

Result does not look good (attachment).

Preview also does not look good.

I'm using ASP.NET wrapper for CKEditor. I use a RequiredFieldValidator for the control, but the first time the control gets validated, it returns the Initial text of ckEditor

so let's say the editor had a value of '1234' and I replace it by 'qwerty' when I submit the form and before the postback, in ASP.NET's JS validation functions, the value is still the old one 1234, while getData() returns the right value!

if I call updateElement() the value is returned allright, but I want a way to do this automatically.

I can override Page_ClientValidate to loop into all instances and call updateElement, but is there a better way?

PS: how can I loop through all Instances, foreach , for loop does not work with CKEDITOR.instances

There are plenty package managers out there, but let's focus first on two of them:

• Bower (JS)
• Composer (PHP)

Steps:

• Make all necessary steps to make CKEditor easily installable with those PMes. The package that should be installed by default is stable/standard (which equals master) from ​https://github.com/ckeditor/ckeditor-releases. If PM allows to have alternative, we can also make other (basic and full) presets installable.
• The above will perhaps require: #10882. We already tagged CKEditor 4.3 as 4.3.0. To close #10882 we should also add missing tags for historic releases (4.3.0-beta, 4.2.0, 4.1.0, 4.1.0-rc, etc). Additionally, to conform ckeditor-releases with SemVer we may need to create tags without "/standard|basic|full" suffix - e.g. 4.3.0 === 4.3.0/standard.
• Readmes in ckeditor-dev and ckeditor-releases have to be updated. The ckeditor-dev's mentions the 4.0 tag and ckeditor-releases has to contain information about installing CKEditor with Bower and Composer.
• Installing through package managers has to be mentioned in our guides. Please contact Ania to choose the best place.
• The PM integration should be mentioned in release blog post.

Final decisions for this ticket. We agreed that we can start with the really basic solution, so only one available preset (standard). Having 4 different presets would require having 4 different repositories (a lot of work to do) or otherwise we would be able to support only Composer and not Bower, so it's also making situation more complicated.

1. Open placeholder sample.
2. Focus placeholder.
3. Click list button multiple times.
4. See that placeholder widget contains many drag handlers.

The reason is that when we reinitialize widget, we take the old DOM and repeat the initialization process, which creates drag handlers, masks and perhaps something else. During reinitialization we should search for those elements first and reuse them / recreate them if they already exist.

It may be related to #11112.

On this page :

​http://docs.ckeditor.com/#!/guide/widget_sdk_tutorial_2

This code block :

CKEDITOR.plugins.add( 'simplebox', {
    requires: 'widget',

    icons: 'simplebox',

    init: function( editor ) {
        CKEDITOR.dialog.add( 'simplebox', this.path + 'dialogs/simplebox.js' );

        editor.widgets.add( 'simplebox', {

            button: 'Create a simple box',

            template:
                '<div class="simplebox">' +
                    '<h2 class="simplebox-title">Title</h2>' +
                    '<div class="simplebox-content"><p>Content...</p></div>' +
                '</div>',

            editables: {
                title: {
                    selector: '.simplebox-title',
                    allowedContent: 'br strong em'
                },
                content: {
                    selector: '.simplebox-content',
                    allowedContent: 'p br ul ol li strong em'
                }
            },

            allowedContent:
                'div(!simplebox,align-left,align-right,align-center){width};' +
                'div(!simplebox-content); h2(!simplebox-title)',

            requiredContent: 'div(simplebox)',

            dialog: 'simplebox',

            upcast: function( element ) {
                return element.name == 'div' && element.hasClass( 'simplebox' );
            },

            init: function() {
                var width = this.element.getStyle( 'width' );
                if ( with )
                    this.setData( 'width', width );
                if ( this.element.hasClass( 'align-left' ) )
                    this.setData( 'align', 'left' );
                if ( this.element.hasClass( 'align-right' ) )
                    this.setData( 'align', 'right' );
                if ( this.element.hasClass( 'align-center' ) )
                    this.setData( 'align', 'center' );
            },

            data: function() {

                if ( this.data.width == '' )
                    this.element.removeStyle( 'width' );
                else
                    this.element.setStyle( 'width', this.data.width );

                this.element.removeClass( 'align-left' );
                this.element.removeClass( 'align-right' );
                this.element.removeClass( 'align-center' );
                if ( this.data.align )
                    this.element.addClass( 'align-' + this.data.align );
            }
        } );
    }
} );

Needs to be replaced with :

CKEDITOR.plugins.add( 'simplebox', {
    requires: 'widget',

    icons: 'simplebox',

    init: function( editor ) {
        CKEDITOR.dialog.add( 'simplebox', this.path + 'dialogs/simplebox.js' );

        editor.widgets.add( 'simplebox', {

            button: 'Create a simple box',

            template:
                '<div class="simplebox">' +
                    '<h2 class="simplebox-title">Title</h2>' +
                    '<div class="simplebox-content"><p>Content...</p></div>' +
                '</div>',

            editables: {
                title: {
                    selector: '.simplebox-title',
                    allowedContent: 'br strong em'
                },
                content: {
                    selector: '.simplebox-content',
                    allowedContent: 'p br ul ol li strong em'
                }
            },

            allowedContent:
                'div(!simplebox,align-left,align-right,align-center){width};' +
                'div(!simplebox-content); h2(!simplebox-title)',

            requiredContent: 'div(simplebox)',

            dialog: 'simplebox',

            upcast: function( element ) {
                return element.name == 'div' && element.hasClass( 'simplebox' );
            },

            init: function() {
                var width = this.element.getStyle( 'width' );
                if ( width )
                    this.setData( 'width', width );
                if ( this.element.hasClass( 'align-left' ) )
                    this.setData( 'align', 'left' );
                if ( this.element.hasClass( 'align-right' ) )
                    this.setData( 'align', 'right' );
                if ( this.element.hasClass( 'align-center' ) )
                    this.setData( 'align', 'center' );
            },

            data: function() {

                if ( this.data.width == '' )
                    this.element.removeStyle( 'width' );
                else
                    this.element.setStyle( 'width', this.data.width );

                this.element.removeClass( 'align-left' );
                this.element.removeClass( 'align-right' );
                this.element.removeClass( 'align-center' );
                if ( this.data.align )
                    this.element.addClass( 'align-' + this.data.align );
            }
        } );
    }
} );

The "with" needs to be replaced with "width" on line 44.

This bug was originally reported ​here.

Here's a really simple, minimal example of a CKEditor page, using a fresh download of 4.3, and it works fine:

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
<script type="text/javascript" src="/ckeditor/ckeditor.js"></script>
<textarea id="html_header" name="html_header" rows="8" cols="60">&lt;div id="header" style="background-color: purple; width: 100%; height:100px;"&gt;&lt;img alt="email header" height="63" src="http://www.example.net/content/images/header.gif" style="border: 0px;" width="600"&gt;&lt;/div&gt;</textarea>
<script type="text/javascript">
    CKEDITOR.replace('html_header', {
        "baseHref":"http://example.com/",
        "toolbarStartupExpanded":true,
        "customConfig":false
    });
</script>
</body>
</html>

Now add 'text-align: center;' to the inline style in the textarea content so it becomes this:

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
<script type="text/javascript" src="/ckeditor/ckeditor.js"></script>
<textarea id="html_header" name="html_header" rows="8" cols="60">&lt;div id="header" style="text-align: center;background-color: purple; width: 100%; height:100px;"&gt;&lt;img alt="email header" height="63" src="http://www.example.net/content/images/header.gif" style="border: 0px;" width="600"&gt;&lt;/div&gt;</textarea>
<script type="text/javascript">
    CKEDITOR.replace('html_header', {
        "baseHref":"http://example.com/",
        "toolbarStartupExpanded":true,
        "customConfig":false
    });
</script>
</body>
</html>

CKEditor now fails to run on load, giving this error, and leaving the editor unresponsive:

[Error] TypeError: 'null' is not an object (evaluating 'a.previous=this.previous')
	replaceWith (ckeditor.js, line 249)
	upcast (ckeditor.js, line 1016)
	(anonymous function) (ckeditor.js, line 979)
	forEach (ckeditor.js, line 264)
	forEach (ckeditor.js, line 264)
	(anonymous function) (ckeditor.js, line 978)
	j (ckeditor.js, line 10)
	(anonymous function) (ckeditor.js, line 12)
	fire (ckeditor.js, line 13)
	toHtml (ckeditor.js, line 285)
	setData (ckeditor.js, line 763)
	(anonymous function) (ckeditor.js, line 327)
	j (ckeditor.js, line 10)
	(anonymous function) (ckeditor.js, line 12)
	fire (ckeditor.js, line 13)
	setData (ckeditor.js, line 239)
	b (ckeditor.js, line 759)
	(anonymous function) (ckeditor.js, line 761)
	setMode (ckeditor.js, line 313)
	(anonymous function) (ckeditor.js, line 308)
	j (ckeditor.js, line 10)
	(anonymous function) (ckeditor.js, line 12)
	fire (ckeditor.js, line 13)
	fireOnce (ckeditor.js, line 12)
	fireOnce (ckeditor.js, line 13)
	(anonymous function) (ckeditor.js, line 234)
	l (ckeditor.js, line 214)
	u (ckeditor.js, line 214)
	s (ckeditor.js, line 214)
	(anonymous function) (ckeditor.js, line 215)

If I take out the text-align style, it works again. I've no idea why it should break like that, I'm assuming it's a bug.

I attach my build-config.js file.

To reproduce

1. Download 11283.html​ to samples/.
2. Run it.

Steps to reproduce:

• Fire up IE8 on Windows XP. I used the one available from ​http://modern.ie
• Open a page which loads Modernizr 2.5.x (we tested 2.5.3).
• Click in the text.
• Click the link button.

Message: Invalid argument.
Line: 448
Char: 302
Code: 0
URI: http://ckeditor.com/apps/ckeditor/4.3/ckeditor.js?mxj8dy

After upgrading Modernizr everything works fine.

We use the email function encode (config.emailProtection = 'encode'). When correcting an existing e-mail links to the Link Box it comes to the following errors in the field email-address: "name@…"

Reproduce the issue:

1. Open any inline based editor sample in Chrome.
2. Type in or paste some text in the editor body.
3. Split the text with Page break, by using the icon from the toolbar.
4. Left mouse click on the Page break.
5. CTRL + A

Expected result:

The editor body content should be selected/highlighted .

Actual result:

The entire page content is selected(outside the editor body)

Reproducible only in Chrome in 4.3 version

Not sure if the combo should be focused this way. To close if it's by design.

This is how the Format combo looks like in Chrome, when the cursor is inside a list, table etc:

orginal source:

<p>Z okazji zbliżających się Świąt Bożego Narodzenia - pragniemy życzyć Państwu....</p>

• step 1 - backspace anywhere
• step 2 - switch to source editing
• step 3 - switch to normal editing mode
• step 4 - undo

then source will be:

<p>Z okazji zbliżających się Świąt <span id="cke_bm_291C" style="display: none;">&nbsp;</span>o Narodzenia - pragniemy życzyć Państwu....</p>

or:

• step 1: backspace anywhere
• step 2: undo
• step 3: switch to source

then:

<p>Z okazji <span id="cke_bm_381C" style="display: none;">&nbsp;</span>zbliżających się Świąt Bożego Narodzenia - pragniemy życzyć Państwu....</p>

I'm not pretty sure but it can be bug just in CodeMirror not in CKE.

Until master

As github user stevewithington points out in ​pull request #66:

We have code duplication in plugins/sourcedialog/dialogs/sourcedialog.js which can be fixed very easily.

Global code style fix after following changes:

1. Removed exception that there should be no spaces inside () in case of IIFE.
2. Removed exception that dictionaries should be formatted in a short way without spaces.

Also, we'll fix all code style issues introduced by the automate reformatter which we used before CKEditor 4.0 and by us after 4.0.

On Drupal.org there is a policy that only external libraries that are GPL2 can be included in projects hosted there (And no, GPL3 is not allowed right now). CKEditor's licensing between GPL2 and GPL3 is a bit confusing. Currently in the license.md file it lists:

Licensed under the terms of any of the following licenses at your choice:

• GNU General Public License Version 2 or later (the "GPL"):
• GNU Lesser General Public License Version 2.1 or later (the "LGPL"):
• Mozilla Public License Version 1.1 or later (the "MPL"):

However, in the actual source code it has: /*

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

*/

Which links to a page with links to the GPL3 and images with GPL3.

The problem then comes when we try to include plugins such as the awesome Widgets plugin into a distribution. Because the plugins only have a link to the ​http://ckeditor.com/license and the license section of the plugin page only has a link to GPL3, it isn't GPL2+ like the main ckeditor is (See: ​http://ckeditor.com/addon/widget).

In order to have plugins included in distributions on drupal.org, would it be possible to clarify (or change) so that the plugins are GPLV2 as well? Adding the license.md from ckeditor into the plugins would suffice (I believe) as it would clarify that it is compatible with GPL2.

For drupal.org discussions, see: ​https://drupal.org/node/1996750 ​https://drupal.org/comment/7737161#comment-7737161

1. Open replacebycode in IE11.
2. Resize editor.
3. See that the border follows mouse, but bottom space stays in one place.
4. The bottom space is moved after focusing editor.

When using the attached document and CKEditor 4.3.1 Full with:

config.pasteFromWordRemoveFontStyles = false;
config.pasteFromWordRemoveStyles = false;
config.allowedContent = true;

the font size of elements after links is somehow lost.

Confirmed in IE10 & IE11 @ Windows 7.

Before pasting (MS Word):

After pasting (CKEditor):

When calling instance.destroy() before instance.setData() has finished there is an error.

This is illustrated here: ​http://jsfiddle.net/sSPe7/1/

want to save the ckeditor data as word document.Please help me

Problem

It's not possible to apply style to widgets using styles combo. Styles are either applied around widget or inside its nested editables.

Simple solution (outdated)

The simplest solution I can think of is to focus on classes only. A style with a special property denoting that it can be applied to widgets (or somehow generalised "subject"), could only set class(es). That class would be applied to the widget element (only) and then we or widgets authors should make sure that classes are preserved during downcasting.

Classes would of course make it possible to style all parts of widgets, not only widget element.

Why am I proposing only classes? Because styles and other attributes would make this much more complicated. First of all, they could not be applied on elements inside widget and e.g. img is not a widget element in some cases, so how would that style apply a border to it? Second of all, there are cases in which it would not be easy to ensure that all inline styles and attributes are kept during downcasting. A "border" style for image2 for some people should behave differently whether image is captioned or not and that can be achieved only by classes.

Descriptive summary - The textarea is hidden, but CKEditor does not load in native IE7 (tested using a Virtual Machine), even on the demo page. It works in IE11's "IE7 mode".

Steps to reproduce Load a native instance of IE7, not compatibility mode and go to the demo page.

Browser and OS - IE7, Virtual Machine with XP mode

Some refactoring got to be done to make Image2 flexible and "environment-friendly". Those changes are relevant for third-party developers, e.g. for D8.

1. The internal form of the widget got to be styleable: instead of inline styles, we need to introduce classes. With inline styles, the look of the widget is not configurable and possibly incompatible with custom stylesheets during editor's lifetime.
   1. The non-captioned image should have no class.
   2. The class of captioned image must be configurable via config.image2_captionedClass and applied to <figure class="...">.
   3. Class "caption" is obsolete so it will be removed.
   4. Alignment also must be controlled with classes.
      1. Classes must be configurable
   5. Tons of tests to be aligned to the new API.

2. We should guarantee that additional attributes (e.g. data-*) are preserved, regardless of the internal state of the widget. Extra attributes must survive any kind of internal processing and re-emerge in editor's output (1:1).
   1. Quite likely it's already working because the image node in DOM is passed along with states of a widget (needs tests).
   2. Alternatively, attributes can be serialized in upcast, saved in widget's data and exploded while downcasting. But let's stick to (a) as an easiest "solution" first.

See demonstration page here: ​http://terrafirma.org/ckeditor_test.html

When automatic inline editing is turned off and an inline editor instance is created manually, the editor's blur event does not fire the first time you click outside the editor.

What I expect to happen:

1. Click the edit button to edit the text
2. Click outside the editor area when done editing
3. The editor's blur event should fire

However, the first time you click outside the editor area, nothing happens. You have to click on the editable text and then click outside a second time before the blur event fires.

Here's the code that I'm using:

(function($) {
  $(function() {
    CKEDITOR.disableAutoInline = true;

    $('#edit_button').click(function(e) {
      var editable = $('#editable_text');
      var editor = CKEDITOR.instances[editable.attr('id')];
      if (typeof(editor) === "undefined") {
        editable.attr('contenteditable', true);
        CKEDITOR.inline(editable.prop('id')).on('blur', function() {
          saveData(editable, true);
        });
      }
      editable.focus();
    });
  });

  function saveData(element, async) {
    var dom_obj = $(element);
    var editor = CKEDITOR.instances[dom_obj.attr("id")];
    if (typeof(editor) !== "undefined") {
      editor.destroy();
    }
    dom_obj.attr('contenteditable', false);
    alert('CKEditor blur event fired');
  }

}(jQuery));

I'm trying to use ACF. But it's not working for me at all. I was trying to use many configurations even from sample "datafiltering.html", but it has worked for me only aprox 1 for 100 times trying. But it's not working at the moment.

I don't know what I'm doing wrong.

Simple, I've got some plugins loaded (custom 4.3.1) and I'm tring to use:

a) firstly: (config.js) config.allowedContent = 'p';

then:

function podmienEditor(ec) {

if ( editor )

return;

var box = document.getElementById( 'opis_' + ec ); if (box) {

var html = box.innerHTML;

editor = CKEDITOR.replace( 'opis_' + ec , {} );

}

}

I'm going to source edit, and I'm writing "<span style="font-size: 10px;">bla bla bla</span>, switch to normal mode - nothing. One time when I've clicked arrow on keyboard, span was removed. But it was working only 1 time and it's not working for now. Also, I've pasted some tables from MS Word - nothing. No one tag wasn't removed.

So I think, maybe plugins are replacing configuration, I've tried also call config when CKE is running:

function podmienEditor(ec) {

if ( editor )

return;

var box = document.getElementById( 'opis_' + ec ); if (box) {

var html = box.innerHTML;

editor = CKEDITOR.replace( 'opis_' + ec , {

allowedContent: 'p'

} );

}

}

nothing... What I'm doing wrong ???

Hi!

could you please tell me how to set the width and height of ckeditor for IE9 and IE11. In IE10 it works like in internet browsers just with textarea cols and rows, but in IE9 and IE11 not. I even can not resize the editor with the mouse. I tried with styles etc. without success.. I know to not use IE at all, but unfortunately this is used in our company. Thank you very much for your help!

best regards Roger

Hi! i try again.. how can I set the width and height of ckeditor 4.3 (fresh download) for IE9 and IE11? the default works in IE10 thank you very much!

I rename things relatively often in various programs and very often F2 is a hotkey for that functionality. It would be awesome if CKFinder would also follow this. This would be relatively simple to implement as well with something like the following ketCode check:

var yourEventHandler = function(event){
    var key_f2 = 113;
    if(event && event.keyCode === key_f2) {
        // fire rename for selected item
    }
}

Use Chrome/Safari:

1. ​http://ckeditor.com/demo#widgets
2. Go to "Image Tool" section.
3. Right-click the widget:
   • OSX: No "Image Properties" entry.
   • Linux: "Image Properties" is available.

Works in FF in both OSs.

1) Extract CKEditor full

2) Use the following settings:

CKEDITOR.editorConfig = function(config) {
    config.allowedContent = true;
};

3) Open a page with CKEditor in it.

4) Use the paste as plain text button, and paste rich text from a webpage. For example, I copied the side bar content at ​http://msdn.microsoft.com/en-us/library/aa288454%28v=vs.71%29.aspx

5) The text is not inserted.

See screenshot. PS: Tried with version 4.3.1 too, no change.

Short TC

1. Download 11307.html​ to samples/.
2. Follow instructions.

Steps to reproduce

Use the following code template to recreate the issue:

<br>
<br>
<br>
<br>
<br>
<table cellspacing="0" cellpadding="0">
<tr>
<td>test block html with 5 br tags in front of it</td>
</tr>
</table>

Currently it has 5 br tags in front of the table block. After saving what i believe is a underlaying problem in the HTML parser calling out to the cleanBogus() function which results in the HTML with only 4 br tags with the table following.

This only seems to happen with IE 9, IE 10 and IE 11 with the latest updates applied as of 2013-12-13 (not tested with IE 8 or IE 7 which might have the same issue as well).

Also tested with Safari 5.1.7, Firefox 26, Chrome 31.0.1650.63 m and Opera 18.0.1284.63 which do not seem to have the same problem. Each time this block of HTML is saved 1 br tag is lost.

Browser and OS

• Windows 7 with full updates applied installed with IE 9 with all IE 9 specific updates applied
• Windows 7 with full updates applied installed with IE 10 with all IE 10 specific updates applied
• Windows 8.1 with full updates applied installed with IE 11 with all IE 11 specific updates applied

Used the following CKEditor versions for testing:

• CKEditor 4.3.0 (live environment)
• CKEditor 4.3.1 (development environment)
• CKEditor V4 Nightly Build created on 2013-12-13 (mock-up test environment)

Note: all these versions where clean downloads without any additional plugins.

I used a restore from the full zip from these versions to exclude potential differences with original files and disabled custom configurations.

The only exception to custom specified settings where enter_br mode and closing tag ('>' instead of '/>') override settings. Also restarted the offending browsers and cleaned their cache in case it might have been caused by a caching issue.

Screenshot

Not applicable in this case

Sample data

Data added in codeblock above

Test case file

Data added in codeblock above

Build configuration

Problem persists in full edition, minimal edition as well as custom builds so it is not a build configuration specific problem but a general problem.

Additional notes

Please note that the ticket [dev.ckeditor.com/ticket/10146‎] seems similar however it has already been marked fixed while this issue still remains so i believe it is not the exact same problem.

Tried to find the exact problem lines by altering a few different locations where i thought the offending problem might be caused which handle br tags. However it did not have the desired result so i wont include these trials within this ticket other then this mentioning of my attempts. I have more experience with writing custom plugins and altering existing plugins then with modifying the core source that handles parsing and other generic internal editor handling.

Create Xmas card plugin.

I found, that if I try to post in Syntax Highlighter plugin any source in PHP and source will use <?php string, it will be changed to {cke_protected} and my content is now fully messy.

My full message - ​http://ckeditor.com/forums/CKEditor-3-Add-Ons/Syntax-Hightlight-plugin-and-PHP-conde-ckeprotected but how can I see, developer activity or user activity is minimal.

When you have the following in your config.js file:

config.scayt_autoStartup = true;

It causes a huge issue with selecting large amounts of text from bottom to top (RTL). It appears that the mouse is not yet available to select the text and the start location of the selection changes.

I was finally able to confirm this by the process of elimination on the config file set up. This works is an issue in the newest version of ckeditor as well although we are currently using CKEditor 4.0.1.1

To find out if it works in the newest available, I created a new bundle and downloaded it and retested.

If I try, to write "<?" code into my CKEditor, it will be transformed into

<p>&lt;? lol</p>

It's OK. But if I submit my form and page is reloaded I will see:

<p><!--? lol</p--></p>

I have created a dialog which has 3 tab. I want to hidden first tab when missing some config by "contents: [ {hidden: true". then it should auto active second tab.

however, the problem is, tab is hidden. but first tab's content still show. and the second tab is not active.

How to reproduce:

• run /samples/inlinetextarea.html

• make server FAIL to deliver the language file en.js (happened to me when server timed out due to heavy load and/or wakeup (local machine))

Cause:

callback does not check the success/fail flag sent by the CKEDITOR.scriptLoader

Quick fix:

pull request will be listed below.

Hi all. I believe this is related to ticket #10521. The problem is when i switch input source to Hiragana and type into CK editor for example: (Kakikukeko) カくくけこ。, it will not display Kakikukeko (in hiragana) but instead displays as K A kikukeko or (kあきくけこ。). While this does not occur consistently, it does happen quite frequently.

This happens on the following platform:

1. Windows 7, IE and Chrome
2. Mac OS using Chrome.

You find a screenshot of the said problem attached with this ticket. Thank you for your help.

Regards, Maziz

Firstly - don't try to say "everything is fine" because it isn't. It's BUG.

initialize:

editor = CKEDITOR.replace( 'opis_' + ec , {
	allowedContent: 'p h1{text-align}; a[!href]; p(tip)'
	} );

html source:

<p style="font-weight: bold;">Z okazji zbliżających się Świąt pragniemy życzyć Państwu pogody ducha, radości serca, zdrowia, szczęścia pomyślności i wszystkiego co najlepsze, w Nowy<strong><a href="http://uuuuu" style="margin-left: 100px;" target="_blank">m 2014 Roku !</a></strong></p>

console log:

0: Object
attributes: null
classes: null
elements: Object
h1: true
p: true
__proto__: Object
featureName: "config"
'''match: null'''
propertiesOnly: false
requiredAttributes: null
requiredClasses: null
requiredStyles: null
styles: Object
__proto__: Object
(...)

ACF isn't trying to filter anything.

Hi CKEditor team,

We have a problem with CKEditor 3.6.6.1 with IE12 browser. When a CKEditor loads IE12 debugger is showing following error,

Line: 101
Character: 1016
Code: 0
Error Message: NotSupportedError
URL: http://*************/***********/********/******/jquery/ckeditor/ckeditor.js?&v=5.10.42.1

observed at major

It seems that when we'll set text direction to rtl, it will break image2 (at least in our sample).

1. update image2 sample so it will look like that:

   CKEDITOR.replace( 'editor1', {
   	extraPlugins: 'image2',
   	height: 450,
   	contentsLangDirection: 'rtl'
   } );
   

2. open sample with image2 plugin (/samples/plugins/image2/image2.html)

Expected result:
Similar markup/graphic feel as in ltr mode.

Current result:
Code seems to be broken, blocks do overflow to each other etc.

additional info:

1. This is cross-browser issue (at least tested it with IE10, latest FF, chromium).

This problem was caused by ​commit 2e346a2c6e on github. (see my comment at the bottom)

This commit causes the following bug:

1. Open the special char dialog in CKEditor#1
2. Open the special char dialog in CKEditor#2
3. You get an exception of type NotFoundError

This bug only happens when using the full source debug version, because in the minified release version the language files are merged into one. The problem is because on the second open it looks for the 'title' entry but can't find it because it's in the plugin language file which is not loaded the second time for some reason.

In many dialogs (for image and tables), the 'OK' button looks strangely mottled. This is the case with the current CKEditor demo (4.3.1) and the current version of Firefox (26.0 and 25.0.2).

CKEditor v4.3.1 Full Package install.

In ckeditor\config.js

CKEDITOR.editorConfig = function (config) {

config.toolbar_Simple = [

['Cut', 'Copy', 'Paste', 'PasteFromWord', 'Undo', 'Redo', '-', 'Bold', 'Italic', 'Underline', 'Strike', 'Link', 'Unlink', '-', 'RemoveFormat', 'SpellChecker', 'Maximize', 'Source']

];

config.toolbar = "Simple";

};

SpellChecker button will not display. Using the empty config file the SpellChecker button will show with all of other buttons.

I would like to redefine style list (dropdown) to make "Color 1" ~= "class: gray" for any elements.

According to docs: ​http://docs.cksource.com/CKEditor_3.x/Developers_Guide/Styles#Style_Types

I think that I shuld retype definition for all tags, eg.:

{ name: 'Color 1', element: 'span', attributes: { 'class': 'gray' } },
{ name: 'Color 1', element: 'p', attributes: { 'class': 'gray' } },
{ name: 'Color 1', element: 'h1', attributes: { 'class': 'gray' } },
{ name: 'Color 1', element: 'h2', attributes: { 'class': 'gray' } },
{ name: 'Color 1', element: 'h3', attributes: { 'class': 'gray' } },
{ name: 'Color 1', element: 'li', attributes: { 'class': 'gray' } },
...

So maybe I'm wrong, but it's not possibe (?) to use element selector like 'span,p,h1,h2' or '*'.

I will be realy helpfull.

To Reproduce:

• Open any 4.3 sample with JAWS turned on.
• Press Alt+F10 in the editor to move focus to the toolbar and navigate to the language button.

Note: JAWS will read 'Set Language button menu'.

• Open the menu and select an option e.g. French. Focus will return to the editor.
• Press ALT+F10 to place focus in the toolbar again and navigate back to the language button as before.

Problem: JAWS now reads 'Set language toggle button pressed' and it does not tell the user that this button has a menu.

This is caused by the addition of the aria-pressed attribute when an option is selected on the language menu. The aria-pressed attribute is used exclusively for toggle buttons so the addition of this attribute means that JAWS will no longer consider this a menu button even though aria-haspopup="true" is also set. aria-haspopup="true" creates a menu button while the aria-pressed attribute creates a toggle button. Therefore these 2 attributes cannot be valid on the same element at the same time.

We realize that the reason aria-pressed was used in this case was to style the language button so that users would know that a language has been applied to the current selection. Unfortunately this is not a compliant solution for JAWS users.

The only alternative we can see at present is to implement the language menu as a rich combo control instead, similar to the font and font size fields. That way JAWS users will always be aware of the language listbox and all users will be able to see the currently selected language on the toolbar.

I have used the example code at: ​http://docs.ckeditor.com/#!/api/CKEDITOR.stylesSet to configure a Styles combo/drop down that includes an object style for images. The "Image on Left" object style is never present in the combo regardless of whether I have an image currently selected in the editor or not. It simply does not show up.

You can see my full config/replace call here:

CKEDITOR.replace(this, {
                    extraPlugins: "widget,image2,stylesheetparser",
                    contentsCss: "/cms/editor/editor.css",
                    filebrowserBrowseUrl: "/cms/editor/jasfinder/index.html",
                    disableNativeSpellChecker: false,
                    browserContextMenuOnCtrl: true,
                    stylesSet: [
                      { name: 'Strong Emphasis', element: 'strong' },
                      { name: 'Emphasis', element: 'em' },

                      { name: 'Computer Code', element: 'code' },
                      { name: 'Keyboard Phrase', element: 'kbd' },
                      { name: 'Sample Text', element: 'samp' },
                      { name: 'Variable', element: 'var' },

                      { name: 'Deleted Text', element: 'del' },
                      { name: 'Inserted Text', element: 'ins' },

                      { name: 'Cited Work', element: 'cite' },
                      { name: 'Inline Quotation', element: 'q' },

                      // Object Styles
    {
        name: 'Image on Left',
        element: 'img',
        attributes: {
            style: 'padding: 5px; margin-right: 5px',
            border: '2',
            align: 'left'
        }
    },

                        // Block Styles
    { name: 'Blue Title', element: 'h2', styles: { 'color': 'Blue' } },
    { name: 'Red Title' , element: 'h3', styles: { 'color': 'Red' } },

    // Inline Styles
    { name: 'CSS Style', element: 'span', attributes: { 'class': 'my_style' } },
    { name: 'Marker: Yellow', element: 'span', styles: { 'background-color': 'Yellow' } }
                    ]
                });

You cannot paste in ASP.NET CkEditors in IE11. They do work when emulating IE9.

Below is the code I am using for the tag:

<CKEditor:CKEditorControl ID="ckePartText" runat="server"
	Toolbar="PasteText|PasteFromWord
		Bold|Italic|Underline|Strike|Subscript|Superscript
		NumberedList|BulletedList|-|Outdent|Indent|-|JustifyLeft|JustifyCenter|JustifyRight
		Table
		Source|"
	EnterMode="BR"
	ForceEnterMode="true"
	ForcePasteAsPlainText="true" Text='<%# Bind("part_text") %>'
	Visible='<%# Convert.ToString(Eval("is_read_only")) == "N" %>' />

1. When the CKEditor is created in FORM and the form is submitted using struts jquery SUBMIT, data entered in the editor doesn't flow to struts ACTION. Pasting here code from the JSP that has the CKEDITOR control with AJAX submit

<%@taglib prefix="s" uri="/struts-tags" %>
<%@taglib uri="http://ckeditor.com" prefix="ckeditor" %>
<form id="commentForm">
    <table>
    <tr>
        <td>
                <s:textarea cols="40" id="someArea" name="someArea" rows="1"></s:textarea>
                <ckeditor:replace replace="someArea" basePath="${contextPath}/ckeditor/"/>
        </td>
    </tr>
</table>

</form>
<s:url var="saveCommentVar" action="someAction" namespace="/someNamesapce"/>
<sj:submit name="submit" value="Submit" href="%{saveCommentVar}" formIds="commentForm" targets="successDiv"/>
<div id="successDiv"></div>

2. When a JSP containg the CKEditor is loaded into main JSP using AJAX fails to initialize and it shows TEXTAREA control instead of the CKEDITOR.

    <s:url var="openJSPFrom1" action="someOpenJspAction" namespace="/someNamespace"/>
    <sj:a href="%{openJSPFrom1}" targets="topicCommentDiv">Click here</sj:a> to open CKEDITOR
    <div id="topicCommentDiv"></div>

Please let me know if more information is required.

Dear Team,

When i am trying to track the changes made in the document, i can track the newly inserted text but not for Special character.

Special character inserts differently by callFunction() method where other text inserts normally which i can track.

To insert Special character as a normal text what i have to do?

Please guide me to resolve this issue.

Thanks in Advance.

Regards,

Subash Ramadoss

​http://ckeditor4.t/dt/plugins/listblock/listblock.html

Two first test randomly crash on IE10.

Dear Team,

When i am working with special character, i have faced the below problem.

1. When selecting the text and inserting Special Character it replaces the selected text with the special character.
2. Special Character is not getting inserting in all block.

Please guide me to resolve this problem.

Thanks in Advance.

Regards,
Subash Ramadoss

Use ​http://ckeditor.com/demo#widgets select the image and try to link it to a full version, the typical structure of showing the scaled down version in the page and a link to the original image. When you use now the link button, the caption text is linked instead of the image.

If you start with a non-captioned image you can link the image, but if you then try to convert it to a captioned image the link is lost.

It seems that it would be better if the widget took care of handling only the figure and figcaption elements, and it included two editables: one for the image and other for the figcaption content. That way everything would be much simpler.

• This is an IE11 bug: ​https://connect.microsoft.com/IE/feedback/details/864804/ie11-contenteditable-br-elements-appended-to-body-when-showing-hiding-iframe-with-editable-document-inside
• See comment:16 for more details, including possible workarounds.

Extra paragraphs added when switching between tabs.

In IE 11, when using two tabs (using jQuery UI), one with CKEditor and one with plain text, whenever user switches to a tab with CKEditor and back, an additional paragraph is added at the end of content.

Content after a couple of switches:

<p>Magical ponies await</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;
<p>&nbsp;
<p>&nbsp;</p>
</p>
</p>

In IE 11.0.9600.16476 our users are experiencing problems with selection images from the file browser and hyper linking text. I am including screenshots with the errors the IE debugger is displaying.

The demo site image browser is also non functional with this browser version.

editor.css has references to images as

.cke_buttonbold_icon{

background-image: url(icon.png);

....... }

Could be caused by this line in plugin.js

iconPath = this.path + 'images/' + ( env.hidpi ? 'hidpi/' : ) + 'icon.png';

Due to this, when we use ckeditor with amazon CDN we see old icon.png(which has a different length sprite and cause the images to show up broken).

ckeditor does allow timestamping or version of other assets (js and css files). This might need to be replicated for images as well.

Currently we are not able to upgrade to 4.3.1 due to this issue.

I have tried everything to get an RSS feed to display using a CKeditor template. Either nothing displays or code is changed. I have tried online widget creators but same result. It displays in preview bt not after updated. The feed I want to insert is ​http://my.linkmv.com/export/file/listings_mv_public_rss.ashx?id=39ac3f90-12a7-4e09-b6b0-a83e11b923dc&type=dl. Attached is what I get using code from widget tool.​http://www.mvbuyeragents.com/sold-test I have spent hours and hours on this and hope someone can help.

Dear Team,

I have used the below code in Config.js, but <br> is used with paragraph tag.

    config.enterMode = CKEDITOR.ENTER_P;

I need to enter <P> tag without <br> tag.

CKEDITOR.ENTER_P (1) – new <p> paragraphs are created;
CKEDITOR.ENTER_BR (2) – lines are broken with <br> elements;
CKEDITOR.ENTER_DIV (3) – new <div> blocks are created.

Please guide me to resolve this issue. Thanks in Advance.

Regards, Subash Ramadoss

Currently the default value of config.contentsCss is set to CKEDITOR.basePath + 'contents.css', so overriding window.CKEDITOR_GETURL will not affect it.

Pull request: ​https://github.com/ckeditor/ckeditor-dev/pull/62

CKEditor with disabled ACF cuts off empty A-tag which widely used to create a visual buttons.

Steps to reproduce:

1. Open ​http://ckeditor.com/demo#standard
2. Click 'Source' button.
3. Put this code into textarea:

<style> .btn {

background-image:url(http://example.com/button.png); background-repeat:no-repeat; background-position:top right; display:block; width:333px; height:80px;

} </style> <a class="btn" href="​http://example.com" target="_blank"></a>

4. Switch back to editor and then switch back to source code.
5. Expected result: A-tag will be there.
6. Actual result: There is no A-tag at all.

Please help to solve this issue!

I recently upgraded CKEditor 3.x to 4.3.0 for a CMS that I am working on. I have the following configuration set:

config.removeFormatTags = '';
config.allowedContent = true;

I re-saved some existing data using the upgraded version. Here is a snippet of a diff:

-<a href="/portfolio/voice-of-mcdonalds"><button>Learn More</button></a></div>
+<button>Learn More</button></div>


The "a" element is being removed from the markup. While this markup is probably not "great", it is allowed in HTML5/4 and XHTML, as far as I know. CKEditor 3.? (don't remember exact version that I was using), allowed this.

I am using Google Chrome, v31.

This only happens with IE8

SCRIPT5007: Unable to get property 'items' of undefined or null reference
   File: ckeditor.js, Line: 668, Column: 449

problem is that b.length is 11, while it should be 9 so in the loop at index 10 d is undefined, thus d.items is also undefined.

function h(b) {
                var a = [], e, d, h;
                for(e = 0; e < '''b.length'''; ++e) {
                    d = b[e] , h = {
                    } , "/" == d ? a.push(d) : CKEDITOR.tools.isArray(d) ? (c(h, CKEDITOR.tools.clone(d)) , a.push(h)) : '''d.items''' && (c(h, CKEDITOR.tools.clone(d.items)) , h.name = d.name , a.push(h));
                }
                return a;
            }

I have the following setup in config.js:

    config.toolbar = [
        { name: 'paragraph', groups: ['list', 'indent', 'blocks', 'align', 'bidi'], items: ['NumberedList', 'BulletedList', '-', 'Table', 'HorizontalRule', 'SpecialChar', 'PageBreak', '-', 'Outdent', 'Indent', '-', 'Blockquote', 'CreateDiv', '-', 'JustifyRight', 'JustifyCenter', 'JustifyLeft', 'JustifyBlock', '-', 'BidiRtl', 'BidiLtr'] },
        { name: 'links', items: ['Link', 'Unlink', 'Anchor'] },
        { name: 'document', groups: ['mode', 'document', 'doctools'], items: ['Save', 'NewPage', 'Preview', 'Print'] },
        { name: 'clipboard', groups: ['clipboard', 'undo'], items: ['Cut', 'Copy', 'Paste', 'PasteText', 'PasteFromWord', '-', 'Undo', 'Redo'] },
        { name: 'editing', groups: ['find', 'selection'], items: ['Find', 'Replace', '-', 'SelectAll', '-', 'Scayt'] },
        { name: 'forms', items: ['Checkbox', 'TextField', 'Textarea', 'Select', 'Button'] },
        '/',
        { name: 'basicstyles', groups: ['basicstyles', 'cleanup'], items: ['Bold', 'Italic', 'Underline', 'Strike', 'Subscript', 'Superscript', '-', 'RemoveFormat'] },
        { name: 'styles', items: ['Font', 'FontSize', 'TextColor', 'BGColor'] },
        { name: 'tools', items: ['Maximize'] }
    ];

    // Toolbar groups configuration.
    config.toolbarGroups = [
        { name: 'paragraph', groups: ['list', 'indent', 'blocks', 'align', 'bidi'] },
        { name: 'links' },
        { name: 'document', groups: ['mode', 'document', 'doctools'] },
        { name: 'clipboard', groups: ['clipboard', 'undo'] },
        { name: 'editing', groups: ['find', 'selection'] },
        { name: 'forms' },
        '/',
        { name: 'basicstyles', groups: ['basicstyles', 'cleanup'] },
        { name: 'styles' },
        { name: 'tools' }
    ];

Hello,

when using general rules working for allowedContent or for creating rules in combination with CKeditor.filter.check, the parser seems to return false most of the time.

To illustrate the issue i created a jsfiddle with the current 4.3.1 version of CKEditor: ​http://jsfiddle.net/Z4dBN/6/

The second case should work, since i check for exactly the same rule i created the filter for.

Some of the rule features work, like checking for the src attribute or alt, but .e.g not checking for class. Does not really make sense.

Is there a different parser for both ( would not make sense and would not realy comply wit the docs check

When highlighting paragraph or words, I can't apply some formatting (such as Bold, or different size). When I try to apply the formatting, the selected words are deselected and no formatting is applied.

Insert Image does not work. Click thru:

1. Click Image icon.
2. Click Browse Server
3. Click Browse again
4. Select any image file and click Open.
5. Click Submit on the pop-up. The pop-up remains - nothing happens.

I have to click the X to close the pop-up. Now I'm back on the Image Properties window.

From here, none of the buttons work to close the window - OK doesn't work. Cancel doesn't work. The X in the top, right doesn't work. I have to close the entire browser to get off the page.

Insert Hyperlink does not work. Click thru:

Click URL icon.

After pasting URL, the OK and Cancel buttons do not work. Neither does the X in the top, right corner of the pop-up. I have to close the entire browser to get off the page.

Hi.,

ckeditor is not displayed as well as it gives error also when we formatting the textarea of ckeditor.please any one clear my issue.

1. Add <a name="xxx" id="xxx"></a> somewhere in the non-editable part of divarea and inlineall samples.
2. See that link dialog shows this anchor in the anchors drop down.

Only anchors from the editor's content should be displayed. This behaviour may be configurable, because in some cases, especially in inline editors, it may make sense to link to the surrounding anchors.

I am not able to copy and paste in IE11 in CKEditor. I am using Jquery code.

1. ​http://ckeditor4.t/ckeditor/samples/replacebycode.html
2. Clear contents.
3. Put the caret at the beginning of editable.
4. Bold.
5. Write.
6. Un-bold.
7. Press space.
8. Select all (C-a or the button).
9. Selection is:

   <p><strong>[W]rite</strong> </p>
   

   expected:

   <p><strong>[Write</strong> ]</p>
   

It feels like it's broken since 3.x.

In some cases the widget 'image2' throws the error "Uncaught TypeError: Cannot set property 'previous' of null".

To reproduce it: In the source mode add (code generated from the widget):

<div style="text-align:center">
<div style="text-align:center"><img alt="" height="48" src="http://upload.wikimedia.org/wikipedia/commons/thumb/5/5f/Image-x-generic.svg/48px-Image-x-generic.svg.png" width="48" /></div>
</div>

When switching to the wysiwyg mode the error is thrown and no commands are available anymore. It seems that the problem only occurs when the option 'center' is selected.

Switching to the HTML view removes "data-cke-widget-data" attribute (tested with text area). Switching back to the design view does not return the "data-*" attributes and looses the widget settings.

Steps to reproduce:

1. Create a page with two lines, both styled to h2. The second one with text, the first one either blank or with text.
2. Place the cursor at the start of the second line and backspace up to the first line

This changes the style of the second line and puts it in a span with a fixed font size, rather than just merging its style into the same style as the top line. I can see why you may want to do this when you have text on both lines and the styles of the two lines are different. However, in the case where the styles are the same, there should be no change. And when a line with text is merged with a blank line, it is the style of the line with text that should take precedence I think.

I have found a workaround that clearing the style of the first line before backspacing up to merge the two lines works, but this is a rather strange user experience when one just wants to get rid of an empty top line.

hi.,

I have downloaded ckeditor 4.3 for asp .net .In the downloaded file there is no dll file and how can i use this in my application?

Hi.,

I had an issue regarding ie11 .Now i upgraded 4.3 version works well while displaying the content from database and editing . when i finished editing ,press save button i got error "A potentially dangerous Request.Form value was detected from the client " .This error came after the storing code only.

Our software product used to support IE7 before we upgraded to version 4.2. However, since the upgrade, our product could no longer work on IE7. It was noted that the SetData() method that we are using in the Version 4.2 is the culprit in IE7 as we keep on getting exception (Unable to get value of the property 'setData': object is null or undefined). Please it should be noted that the SetData() method works in IE8 and higher versions. It is stated in your documentation that the last version of CKEDitor that supported IE7 and firefox 3.6 is Version 4.1.3(​http://docs.ckeditor.com/#!/guide/dev_browsers). So, we downloaded this version and use this version 4.1.3 for our software product. However we still keep on getting the same exception (Unable to get value of the property 'setData': object is null or undefined).

Please, we strongly need your input on how to resolve this bug. Your suggestions and recommedations for possible fix would be highly appreciated at this point. Thanks.

Kehinde Sorunke

I am integrating ckeditor_4.3.1_standard. I have observed one serious drawback. besides this RichtextBox functionality, i am usinga file control to add images and PDFs. I am not adding that images into CKEDITOR, They were nicely uloading thumbnails and docs into database earlier. now the functionality of all the file controls in the entire html document is going wrong. they are failing in uploading files.

I will further explain my problem.I named a form as form31. In the jquery submit call back I am validating a text fieds value. I put another form above form31 with id 'SchoolOverviewAddUploadImageForm' and inside this form the file control with id 'AddSchoolOverviewFile' . on this change event I am checking duplicate ina mysql table. If not duplicate saving that image as BLOB of a middleman table, and after success call back, I am paasing the value to a text field for validation from form31 submit function. when finally form31 submitted, I am just transferring the BLOB from middleman DB table into actual data table. now I have conveted a textarea in form31 into ckeditor object, anad all the other file input controls from other forms are failing to do their action - uploading functionality is gone. on a keen observation how you are processing the posted data, I have observed that all the post variables were splitting into just key value pairs,and I am speculating that Normal $_FILESAddSchoolOverviewFile? became undefined.

Using åäö and alike in the caption gets converted to &auml; but so does the & part so if you take a look at the source it looks lite this: &amp;auml;

to reproduce this just go to ​http://ckeditor.com/demo#widgets and the image tool heading, change the "Apollo CMS-LM spacecraft" caption to include ä for example then take a look at the source.

TC

1. Open image2 sample.
2. Paste "åäö" into the caption.
3. Switch between modes twice.
4. In wysiwyg you get "&aring;&auml;&ouml;".

I am using a set of CKeditors on single page using "render partial" feature of Yii php framework.

Ckeditor is allowing me to paste from word at first group of ckeditor.

Note: When I paste in first group of CKeditor, an alert box appears with following alert. "It was not possible to clean up the pasted data due to an internal error".

When I add another group of CKeditor and try to paste into them from MS word. Nothing happens.

Currently we use fake objects on Webkits only. This is driven by ​http://docs.ckeditor.com/#!/api/CKEDITOR.plugins.link-property-fakeAnchor property.

Since we've got problems with DnD of empty anchors (#11140) and branched code means harder maintenance and bigger code size, we could simplify all that by using fake objects on every browser.

Possible threats

• Empty anchor represented by fake object may not look good depending on font size of a surrounding text. A sample with different text styling should be created for easy testing.
• New issues may be introduced while simplifying code. To be tested:
  • data processing,
  • creating anchor and selection after creation,
  • discovering anchors for options in link dialog (with link type set to anchor),
  • removing anchor,
  • options in context menu,
  • editing anchors (+dbclick),
  • and finally DnD.

Fixes

• #11140

Currently it's set to 1.6em. It causes that text overlaps in following content:

<p><span style="font-size:72px">Foo</span></p>

<p><span style="font-size:72px">Foo</span></p>

<ul>
	<li><span style="font-size:72px">Bar</span></li>
	<li><span style="font-size:72px">Bom</span></li>
</ul>

Fixes

• #9696

Dear Team,

When i am trying to  get the data from editor for saving purpose, i used below code,

{{{
CKEDITOR.instances['BookView'].getData();
}}}

I can get all the data whatever changes made in the editor but <title> tag content is empty.

Actual Content:
<title> Interoduction</title>
While Getting Content:
<title></title>
When getting it shows empty <title> tag in all section Titles.

Note: I am using,
Ckeditor Version: 4.3
Browser :
Google Chrome(Mac OSX 10.9) version: 31.0.1650.63
Google Chrome(Windows 7) version: 32.0.1700.72m
Operating System: Windows 7 & Mac OSX 10.9

Please guide me to resolve this problem.

Thanks in Advance.

Regards,

Subash Ramadoss

​http://ckeditor4.t/dt/plugins/wysiwygarea/framedwysiwyg.html

Tested on IE8 and IE9.

On Chrome or Opera:

1. create divbased editor with image2 (or use dev sample plugins/image2/dev/image2.html with divarea introduced in #11134)
2. Create long content (you need scroll bar) whit a widget.
3. Copy and paste widget using keyboard (Ctrl+C & Ctrl+V).

Actual behavior (not expected): Scroll moved so widget is at the bottom of visible area. It could be reproduced with both block and inline widgets.

Open any inline editor. Make a selection which starts and ends in the same text node. Paste something.

User Agent: Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.3; Trident/7.0; .NET4.0E; .NET4.0C)
Timestamp: Fri, 10 Jan 2014 01:17:53 UTC


Message: IndexSizeError
Line: 1950
Char: 8
Code: 0
URI: http://dragonus/cksource/ckeditor-dev/core/selection.js


Message: IndexSizeError
Line: 1950
Char: 8
Code: 0
URI: http://dragonus/cksource/ckeditor-dev/core/selection.js

First bad commit is ​git:ae72e45c, but in my opinion the bug is in bookmark creation for selection. After span is inserted range's end offset is not updated, so when text node is split by the first span, the end offset becomes incorrect.

However, the question is whether selection should be still used after bookmarks were made for it.

Anyway, the code that starts the problem is in clipboard: ​https://github.com/ckeditor/ckeditor-dev/blob/master/plugins/clipboard/plugin.js#L672 and the problem is that selection which is locked when focusing pastebin still contains outdated ranges.

The selection is then unlocked here ​https://github.com/ckeditor/ckeditor-dev/blob/master/plugins/clipboard/plugin.js#L795 so perhaps the easiest solution is to block selection restoring or even block selection locking even earlier.

Related tickets

• #10787 (its test was ignored because of this bug).

This issue is tied to using ckeditor on mobile devices (Android, IOS) Steps to reproduce:

Type some text in the writing tool Click Font Name/Font size/Color/Background color icon Select another option in the Font Name/Font size/Color/Background color dropdown Type text in the writing tool again. Unable to type text after changing the options(on IOS) and changes are not applied(on Android).

1. Create basic preset with a11yhelp plugin enabled.
2. Press Alt + 0

The instruction in a dialog window shows the following:

Underline command
    Press CTRL+U

though underline button is not enabled and CTRL+U does not work.

To Reproduce:

1. Open any CKEditor sample in FF.
2. Open any dialog that has input fields, e.g. insert table dialog
3. Inspect input fields ( e.g. rows) using Firebug

Problem: Each inputs' container has a role="radiogroup"

Elements that use 'role' must contain required child elements for the role to enable compatibility with assistive technologies, e.g.

<div role="radiogroup">
    <div role="radio">radio element markup</div>
</div>

In Ckeditor "Table" plugin, we can change the border of the table as a whole by giving value in Table Properties. If we need to remove border of each cell, there is no such option available in cell properties. Is there an option to add border in cell properties.

The required changes were done in CKFinder long ago and could easily be applied here also.

(I've set the version as 3.0, but I don't know exactly the first version that supported IE10)

When introducing non-ascii characters in widget content, after destroying the editor the characters end up escaped to entities twice (and thus one ends up with the character's HTML entity displaying raw: first the character is escaped to an entity, then the entity's opening & is itself escaped to & e.g. the character é ends up saved as é).

The main text (outside of widgets) has no such issue.

Demonstration:

• go to the ckeditor widgets demo page
• In the simple box's content, insert a non-ascii character e.g. é or ñ
• Switch to source, the character is visibly double-escaped
• Switch back to interpreted, the character has been replaced by its HTML entity

Oddly enough, characters with no named entities don't seem affected e.g. 中国 ("China" in chinese), 한국 ("Korea" in korean) or 日本 ("Japan" in japanese) are unaffected, and so are Россия ("Russia" in russian), المملكة العربية السعودية ("Kingdom of Saudi Arabia" in arabic) or ราชอาณาจักรไทย ("Kingdom of Thailand" in thai), but Lýðveldið Ísland ("Republic of Iceland" in icelandic) breaks. And Cộng hòa Xã hội chủ nghĩa Việt Nam ("Social ist Republic of Vietnam" in vietnamese) is partially broken and partially unbroken.

(nb: had to breakup social ist in 2 because the spam filter is dumb)

First bad commit ​git:f905c2d3.

Test named "test create link on a non-editable inline element" failed with error: "Unexpected error: Index or size was negative, or greater than the allowed value.".

The problem is caused by DOM being overwritten in the test (with editable.setHtml()). It does not trigger any selection change event, so editor._.hiddenSelectionContainer still exists, however, container is not present in DOM.

In this case it's more test issue than real bug. But making this bulletproof will not harm anything.

STR:

1. Create a simple 2x2 table in MSWORD. I used office 2007.
2. Select the first column and apply numbering format.
3. Select the table and copy to clipboard.
4. Paste the table into a clear DEMO page. I used IE9.

RESULT: After paste I noticed that the numbering was applied but not incremental. There is a "1" in both cells. Please see attached picture!

Insert a Smiley in editor with some text and move smiley in center of text. Than go to after smiley and select text than selected text move before smiley. Error editor remove smiley Similar situations with widget, image2 plugin.

We got a plenty of HTML files (dev and tests) where <meta charset="utf-8"> is defined later, which may lead to some troubles.

var a = CKEDITOR.document.getById( 'a' );

a.on( 'click', function( evt ) {
	console.log( 'clicked' );
} );

a.removeAllListeners();

a.fire( 'click' );
//get 'clicked' on the console.

After removeAllListeners indeed it is not possible to fire click event by clicking on the link but I can still call it by code (fire()).

See attached file.

In: ​http://ckeditor4.t/dt/core/ckeditor/basepath.html and ​http://ckeditor4.t/dt/plugins/wysiwygarea/contentscss.html on build version.

Expected:
http://ckeditor4.t/ckeditor/ckeditor.js
Actual:
http://ckeditor4.t/ckeditor/ckeditor.js?t=E0EC

To be fixed, of course.

On the demo, on on a instance if you make a link, highlight the word, then change the text of the link, you can see that it wraps the first character in a link but the rest of your text you type after that is outside of the link.

When I try to merge 2 texts within <h> tags, the 2nd or latter text gets defaulted to size 15 font.

Steps to reproduce:

Type few words. Make the entire text 'Heading 1'. Press enter in the middle of the line so that some text moves to next line. Press backspace on the new line to merge the two lines. see that the latter text sets itself to font size 15.

WebSpellChecker team created new branch for SCAYT already. Let's review and test it.

​https://github.com/WebSpellChecker/ckeditor-plugin-scayt/tree/CKSource

since: 4.0 (didn't check earlier) until master

1. open any sample with CKEditor (i.e. samples/replacebyclass.html)
2. use "Radio Button" button from toolbar
3. right click on inserted radio input

Relates to:

• radio input
• checkbox input
• textarea input
• select input

Expected result:
Custom context menu should be open (assuming full-all build)

Current result:
Native context menu is displayed.