Custom Query

Steps to reproduce

For some weird reason this style does not want to appear in the drop-down:

    {
        name: 'Note2',
        element: 'p',
        styles: {'color': '#7f7f7f'},
        attributes: {'class': 'fonbeginingnotworking light-gray'}
    }

When you change the order of classes everything works fine. Super weird.

You can test it on ​https://jsfiddle.net/k1doo16y/1/

Originally reported in ​http://stackoverflow.com/questions/35796186/ckeditor-custom-style-dropdown-issue

Closing the ticket without letting me respond is poor customer service!

Your response...

The only reason why editor might remove spans is because of ACF but this feature is not browser dependent. If this is happening in single browser and after saving data on server-side then you need to check third-party plugins installed in chrome and your server-side code. It is most likely one of those areas which is causing your problem

First, ONLY PART of the span style is removed, specifically ID, FLOAT, and WIDTH.

Second, I ALREADY verified the server-side code was not doing this by checking it BEFORE setting a ticket - I don't like wasting other's time.

Third, the fact that another browser stores the identified properties properly was a clue that Chrome and the Editor were interacting unexpectedly not the server.

And fourth, I reviewed the documents regarding ACF. During that review, I found no references to:

1. Browser specific issues -- i.e. Chrome vs Firefox
2. Where is the list of PROPERTIES that are initialized as "disallowed by default"? I understand that when certain buttons are not displayed in the toolbar, those TAGS are disallowed, but the text does not list how the AUTOMATIC PROPERTY DISALLOWANCES occur -- except if I engage them, and I have not done that.

While this feature is not (supposed to be) browser dependent is a nice sentiment, the challenge I am facing IS. I even went to the point of a different computer, and new install of Chrome and Firefox.

There, I confirmed that on Chrome (but not Firefox) the properties ID, FLOAT, and WIDTH are removed from the content.

SO...

1. I have eliminated server-sides as culprit ...
2. I have eliminated ADDONS as culprit ...
3. I have reviewed ACF for cause and found none.
4. AND CONFIRMED Chrome-CKeditor specific interaction.

Now, how about we try this again, instead of blowing me off.

Steps to reproduce

1. Focus on instance of CKEditor.
2. Type ' Example'.
3. Set breakpoint on event that is fired when edit is finished.
4. Finish edit.
5. call from DevTools -> instance.getData()
6. result -> "            Example"
7. call from DevTools -> instance.document.$.activeElement.textContent
8. result -> "            Example"
9. For now everything seems ok.
10. Start editing again.
11. Don't change anything and finish edit again.
12. Breakpoint is fired
13. call from DevTools -> instance.getData()
14. result -> "Example"
15. call from DevTools -> instance.document.$.activeElement.textContent
16. result -> "            Example"

Variable 'instance' is the CKEeditor instance. As you see CKEeditor instances loose leading whitespaces.

Expected result

            Example

Actual result

Example

Other details (browser, OS, CKEditor version, installed plugins)

browser -> Google chrome, OS -> OS X 10.11.3 CKEditor version -> 4.5.7 Additional plugins -> justify

Hi,

I'm a new user, but I have a really weird problem. I try to explain what our problem is.

We have an popup with an CKEditor on it. This works like a charm. But we are not able to use the plugins for adding a link and adding an image. When we click on the icons in the toolbar the popup opens, but we can't do anything in that popup.

Is there someone who's got the same problem? And what is the fix we need to do?

We use CKEditor 4.5.6 in a MVC website

Our ​browser compatibility states that we support JAWS and high contrast only with Windows 7 and 8.

We need to see what is the status in Windows 10 and include it in list of supported OSes.

Steps to reproduce

1. Clear content and type "bigword", keep cursor at the end of the word
2. Open find dialog
3. Check "Match whole word"
4. Enter "word" and click Find button

Expected result

"The specified text was not found." alert.

Actual result

JS error "Cannot read property 'type' of null", no alert

Other details (browser, OS, CKEditor version, installed plugins)

CKEditor 4.5.7 with find plugin, OSX, Google Chrome 48

It would be great to have a possibility to add a class to an ul and ol list, like currently to headlines, paragraph etc. in the config.js file.

So in this kind:

config.format_ul = { element: 'ul', attributes: { 'class': 'list list-disc' } };

config.format_ol = { element: 'ol', attributes: { 'class': 'list list-decimal-point } };

With classes, font icons and CSS counter there are more possibilities to add the bullets and numbering types, that are desired.

After setting a default class it would be easy for an editor to change the class with the style selector.

Go to source mode paste the below content:

<!DOCTYPE html>
<html>
<body>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
</body>
</html>

switching out from source mode will strip everything from the editor.
added the below configuration to the config.js to disable advance filtering

config.allowedContent = true;

after adding the above configuration <script> is not stripping and the content became as follows:

<p id="demo">&nbsp;</p>
<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>

But switching out from source mode doesn't showing any content and gives a blank editor where as it should display "Hello JavaScript!" in the editor.

Note that instead of assigning the value "Hello JavaScript!" to <p> tag its adding "&nbsp;"

is there any configuration that i can activate so that the content will show up in the editor or else is there any way to show up the java script content in the editor??

Browser:IE11,EDGE,chrome,firefox

Steps to reproduce

1. Add a textarea element to the content area. See that the resize anchor is present.
2. Click and drag by the resize anchor

Expected result

Textarea should resize following your mouse

Actual result

Textarea does not change in size

Other details (browser, OS, CKEditor version, installed plugins)

Reproducible in Chrome 49 and Firefox 39.0. Tested on Ckeditor Demo on official website. Also in version 4.4.6

Steps to reproduce

1. Open ​http://tests.ckeditor.dev:1030/tests/core/editable/domfixnestededitable in Chrome.

Expected result

Test should pass.

Actual result

Test fails. The current selection position is wrong.

Other details (browser, OS, CKEditor version, installed plugins)

Chrome 49.0.2623.87, Ubuntu 15.10

This is a ticket for CSS changes done in pull request: ​https://github.com/ckeditor/ckeditor-dev/pull/255

Steps to reproduce

See video please.

Expected result

We should not lose the link... It should behave in the same as it does when moving the link sideways.

Actual result

We get an error and the link gets lost.

Other details (browser, OS, CKEditor version, installed plugins)

• Browser: Chrome 49.0.2623.87 m
• Tested directly on the latest CKEditor (on your demo site).

Steps to reproduce

1. ​http://ckeditor.com/builder
2. choose "standard"
3. Click download without modification/changes to plugins

3.1 - Downloaded ckeditor_4.5.7_e428e4e59919

Actual result

Plugins missing (so far) - blockquote, contextmenu, filetools, lineutils, notification, notificationaggregator, uploadimage, uploadwidget, widget ( many more but that's about where I gave up.

lang/en plugin entries for blockquote, contextmenu, and others were missing or not loaded; not due to absence, downloaded & copied plugins into /plugins).

Note I have the zip I downloaded as well as the build-config.js file. It says the plugins I listed above were selected but I guess they didn't make it?

Steps to reproduce

1. Open Media embed sample ​http://sdk.ckeditor.com/samples/mediaembed.html
2. Delete existing data & add few paragraphs of text
3. Embed a video using folowing URL ​https://vimeo.com/86541796
4. Video embedded and focus is on video.
5. Press Right arrow ke to focus back to editor body.
6. Press TAB key

Expected result

Focus goes out of editor body and focs on next focusable element out of editor

Actual result

Focus goes to controls inside video and JAWS reading all controls but user can't play it. Same thing happens when user Shift + TAB back in to editor body. This is Accessibility Violation

The Video controls should not be Accessible at all since user can't play video with mouse or keyboard & TAB key is used to navigate in & out of editor

Steps to reproduce

1. Open Media embed sample [​​http://sdk.ckeditor.com/samples/mediaembed.html]
2. Delete existing data & add few paragraphs of text
3. Embed a video using folowing URL [ ​https://vimeo.com/86541796]
4. Video embedded and focus is on video.
5. Press Right arrow key to focus back to content after video.
6. Press LEFT Arrow key again to select embedded media

Expected result

JAWS reads selected Media

Actual result

JAWS reads selected Blank. This is Accessibility Violation

Steps to reproduce

1. Open ​https://jsfiddle.net/Comandeer/42ja7gs3/
2. Select some part of red text, e.g. r{em}ove.
3. Click the empty button in the toolbar.

Expected result

The formatting (red color) is removed from the selected text.

Actual result

The formatting is not removed.

Other details (browser, OS, CKEditor version, installed plugins)

Function that is used to check if the style matches the selection (​`compareCssText`) normalizes CSS on the target element, however our normalization method normalizes colors only when ​native normalization is used. It should always normalize them.

Steps to reproduce

1. Create following type of bulleted list in MS Word

1. Level1
2. Level11
   1. level2
   2. level21
      1. Level3
      2. Level31

2. Copy from word and paste into CKEditor window

Expected result

Bullet list should have same formatting when copied to CKEditor.

Actual result

List with 'a' and 'i' are also numbered as numeric.

Other details (browser, OS, CKEditor version, installed plugins)

Works fine in Chrome but doesn't work in IE11. Using latest version (i.e. 4.5.7) of CKEditor. Pastefromword plugin is also installed.

Steps to reproduce

1. Open attached word file and copy list from it.
2. Paste the list into CKEditor full package

Expected result

List is pasted with styles allowed by ACF. Please see #14542.

Actual result

Empty list is pasted (just numbers/bullets).

Other details (browser, OS, CKEditor version, installed plugins)

Problem can be reproduced from CKEditor 4.5.0 in Firefox only.

Load ​http://ckeditor.com/demo#widgets, go to the image2 demo and with the dev tools, select the img element and delete it. Now trying to show the HTML (or save the data) fails because the widget code expects that everything is in perfect shape and it can't find the image.

The code should have some safety checks so it doesn't throw an exception and instead it just is able to handle the rest of the code, removing all the conflicting data about the broken widget (there's no need to try to recover, this is an exceptional thing and the only important thing is to don't crash). eg:

if ( widgetElement.attributes --> if ( widgetElement && widgetElement.attributes

if (!el)
return;

etc...

Button "paste" from clipboard does not work correctly after update CKeditor from 4.3.3 to latest 4.5.7 version.

We used Firefox 38 LTS on Debian 7/8 as default in our corporate network. Access to the clipboard was configured using the firefox's plugin cck2 (​https://mike.kaply.com/cck2).

It works perfectly with all operations (copy, cup and past).

After update:

1) "copy" and "cut" work properly;

2) "paste" throws message about deny access to clipboard.

Other details (browser, OS, CKEditor version, installed plugins)

We used Linux Debian 7/8 with Mozilla Firefox LTS (38) and CCK2 plugin for configuration clipboard access.

Related issue #12440. Manual test should be added.

Steps to reproduce

1. Open nightly build
2. Copy text from attached word doc where each paragraph has diff font names applied
3. Open Paste from Word dialog , paste content from clipboard & click OK button.
4. Content pasted with all formatting kept.
5. Keep cursor in each of the paragraphs

Expected result

Font Name drop down should reflect font of orresponding paragraph

Actual result

No Font shown in Font Name dropdown

Steps to reproduce

1. Copy table from Word (either CTRL + C or right click -> Copy)
2. Open ckEditor Demo from ​http://ckeditor.com/demo
3. Paste it (either use CTRL + V or right click -> Paste or one of the paste buttons above [except the middle one])

Expected result

Same output as seen in the Word

Actual result

Other details (browser, OS, CKEditor version, installed plugins)

OS: Windows 10
CKEditor version: latest version as stated here ​https://dev.ckeditor.com/wiki/Bugs#ReproduceonDemoPageandorNightlyBuild
Browser: Chrome Version 49.0.2623.87 m

Steps to reproduce

1. Use Microsoft Edge 25.10586 and open the CKEditor demo
2. Scroll down a bit and then click all to the left at beginning of a line

Expected result

The editor should stay in place

Actual result

The editor scrolls to top - every time

Other details (browser, OS, CKEditor version, installed plugins)

Microsoft Edge 25.10586 HTML 13.10.86, Windows 10.

Steps to reproduce

1. Open the table dialog.
2. Set headers to "both".
3. Click Ok.

Expected result

Dialog closes, table is inserted.

Actual result

Dialog stays, "error on page", and nothing else happens.

Other details (browser, OS, CKEditor version, installed plugins)

IE8, quirks mode.

Bisection shows that the commit that causes this regression has hash: e33503b7d63710a4c7d4ca8ef2bc2e41c3d9116f

I have created table with one td as a ckeditor widget. Set this table into the one panel "FirstPnl" of fixed size.[i.e. 200x200]. now If I required this widget to move into another panel of big size "SecondPnl".[i.e. 500x300] then table widget is not resizing according to "SecondPnl" size.[width and height].

Again I want to move again this table widget back to "FirstDiv" and reset table's width and height according to "FirstPnl".

So,How can I make this possible? Any help will be appreciated.

Steps to reproduce

1. Paste multiple images at once (like from an email)

Expected result

Each image is uploaded and the placeholders are replaced with the correct image URL.

<img height="94" src="​http://intranet.pridedallas.com:92/ticket_files/82864/image_003.png" width="348" />

<img height="137" src="​http://intranet.pridedallas.com:92/ticket_files/82864/image_004.png" width="207" />

Actual result

Both images are uploaded, but the URLs are all replaced by the same one.

<img height="94" src="​http://intranet.pridedallas.com:92/ticket_files/82864/image_003.png" width="348" />

<img height="137" src="​http://intranet.pridedallas.com:92/ticket_files/82864/image_003.png" width="207" />

Other details (browser, OS, CKEditor version, installed plugins)

This appears to be some kind of AJAX async problem, as if enabled XDebug and break after each image upload, before the response is sent, the issue does not occur.

Steps to reproduce

1. CKEDITOR.config.font_defaultLabel = 'Arial'; and size as 10
2. Enter text in ckeditor textbox and then sent mail to user using SMTP
3. But the font in email is not showing as 'Arial', it is showing 'Times New Roman', please suggest

Expected result

Arial font should display

Actual result

Times new roman is displayed

Other details (browser, OS, CKEditor version, installed plugins)

Steps to reproduce

1. Goto ​http://ckeditor.com/demo using MS Edgde browser.
2. Scroll editor to upper browser border.
3. Open drop down (like styles or font size).

Expected result

Dropdown should appear somewhere near the inital place.

Actual result

Page scrolls down and dropdown menu appears at wrong place.

Other details (browser, OS, CKEditor version, installed plugins)

It's only reproducable in MS Edge browser. Problem doesn't exists on Firefox or Chrome.

Steps to reproduce

I have setup a page ​https://thimbleprojects.org/calvinmcgee/50111/ with my issue.

I am setting toolbar config upon configLoaded.

Actual result

Toolbar is read only in Internet explorer.

Other information

Tested in IE11

We could refresh our skin a little bit.

Steps to reproduce

1. Open Media Embed sample ​http://sdk.ckeditor.com/samples/mediaembed.html
2. Delete existing content, add few paragraphs of text
3. Embed a video in between paragraphs by using Media Embed dialog
4. Double click on video to open Media Embed dialog
5. Press ESC or click on Cancel button

Expected result

Media Embed dialog closed & focus goes to video & video is selected

Actual result

Media Embed dialog closed but focus goes out of video & cursor is placed at end of last paragraph

An example can be seen here, ​https://jsfiddle.net/ew490f12/1/ Hover over the widget in the second editor.

If you have two editors using divarea with the second using the enhanced image plugin the drag handle seems to be missing CSS so the image is full width and repeated.

Just like CKEDITOR.ui.dialog.textInput but using input type="number" instead, and allowing to use the additional properties like min, max and step.

Benefits: if the value for a field must be a number, then this would be the best choice. For older browsers that don't support it there's no drawback, they will have the same behavior than type="text". For newer browsers the value will be restricted automatically so nothing but numbers can be added there and the UI might adjust to show up/down arrows to adjust the value. It's good for mobile and I would bet that also accessibility readers are happy if you use them.

Steps to reproduce

1. In Chromium browser enable "select-like-a-boss" plugin: ​https://chrome.google.com/webstore/detail/select-like-a-boss/mnbiiidkialopoakajjpeghipbpljffi
2. Go to ​http://ckeditor.com/demo#full-page
3. Click on "Source" button many times.

Expected result

No changes.

Actual result

Editor appends many: <style type="text/css"></style> before </head>

Other details (browser, OS, CKEditor version, installed plugins)

Chromium browser and "select-like-a-boss" plugin

I am using this code to create instance of CKEDITOR and add a new item using editor addmenuitem: <script src="${tg.url('/lib/ckeditor/ckeditor.js')}"></script> <div class="row">

<div class="col-xs-12">

<textarea id="editorlocal">

local

</textarea>

</div>

</div>

<script type="text/javascript">

CKEDITOR.replace('editorlocal', {

scayt_serviceProtocol: 'http',

scayt_serviceHost: '${server_host}', scayt_servicePort: '${server_port}', scayt_servicePath: 'scayt/ssrv.json', scayt_customerId: ,

scayt_srcUrl: '/lib/ckscayt/ckscayt.js', scayt_autoStartup: true

}); CKEDITOR.config.scayt_sLang= 'fa_IR';

var editor = CKEDITOR.instances.editorlocal; var addtodb = 'addtodb'; editor.addCommand(addtodb, { exec: function () {} }); editor.addMenuItem({

label : 'ADD', command : addtodb

});

alert('shit'); editor.contextMenu.addListener( function( element ) {

return {

Add: CKEDITOR.TRISTATE_OFF

};

});

</script> but in the console it says addMenuItem is not a function. I want to know where exactly does this function is ready to be used so i can create the menu item after that point. thank you

Steps to reproduce

1. Disable active scripting in Internet Options.
2. Register the site as Trusted Site.
3. Open bundling sample(/samples/index.html) and click Bold button.

Expected result

Button state gets active.

Actual result

Nothing happens.

Other details (browser, OS, CKEditor version, installed plugins)

Tested with cke 4.5.8 on IE10(win8.0) or IE11(win8.1). It has been working as expected with IE10 + cke 3.

The symptoms are similar to the following one.

​https://dev.ckeditor.com/ticket/8532

The workarround posted in the ticket seems to work for my issue too.

var toolbox =　document.getElementById('cke_editor').getElementsByClassName('cke_top')[0]; var html = toolbox.innerHTML; toolbox.innerHTML = html;

Steps to reproduce

When i'm trying to paste text copied from Word document and containing special characters with font "Symbol" the dialog window that opens on click on "Paste from Word" button doesn't show the special characters like lamda, mu, copyright symbol, etc. correctly.

1. I make a Word document with the sting containing special characters for "lambda mu" and copy this thext string.
2. I can check the contents of my clipboard in Free Clipboard Viewer 3.0 in the Tab HTML Format. My clipboard then contains such code

<body lang=DE style='tab-interval:35.4pt'>
<!--StartFragment--><span lang=EN-US style='font-size:11.0pt;font-family:
Symbol;mso-ascii-font-family:Calibri;mso-ascii-theme-font:minor-latin;
mso-fareast-font-family:"Times New Roman";mso-hansi-font-family:Calibri;
mso-hansi-theme-font:minor-latin;mso-bidi-font-family:Calibri;mso-bidi-theme-font:
minor-latin;mso-ansi-language:EN-US;mso-fareast-language:EN-US;mso-bidi-language:
AR-SA;mso-char-type:symbol;mso-symbol-font-family:Symbol'><span
style='mso-char-type:symbol;mso-symbol-font-family:Symbol'>a</span></span><span
lang=EN-US style='font-size:11.0pt;font-family:Symbol;mso-ascii-font-family:
Calibri;mso-ascii-theme-font:minor-latin;mso-fareast-font-family:"Times New Roman";
mso-hansi-font-family:Calibri;mso-hansi-theme-font:minor-latin;mso-bidi-font-family:
Calibri;mso-bidi-theme-font:minor-latin;mso-ansi-language:EN-US;mso-fareast-language:
EN-US;mso-bidi-language:AR-SA;mso-char-type:symbol;mso-symbol-font-family:Symbol'><span
style='mso-char-type:symbol;mso-symbol-font-family:Symbol'>m</span></span><!--EndFragment-->
</body>

3. I click the "Paste from Word" button in the CKEditor on the ​http://ckeditor.com/demo and paste the contents of my clipboard into the opend dialog.

Expected result

the symbols lambda and mu are shown as symbols, exactly as in the Word document.

Actual result

in Chrome: the symbols lambda and mu are shown as symbols, exactly as in the Word document.

in Firefox:

the sting "am" is pasted into the dialog

Other details (browser, OS, CKEditor version, installed plugins)

I have inserted an image using enhanced image 2 plugin in ckeditor and changed image alignment as left by using Image Properties dialogue box (opens when we double click an image). Again, if I open Image properties and check Captioned image option, I could not able to type anything after image. This happens especially in chrome browser. Issue can be reproduced in below url:

​http://sdk.ckeditor.com/samples/captionedimage.html

Steps to reproduce

1. Insert an image using ckeditor image option with image 2 plugin enabled. Enter the value only for URL field.
2. Double click on the image to open Image Properties dialogue box.
3. Set only Alignment as left and click OK.
4. Again open Image Properties dialogue box by double clicking image and check "Captioned image" checkbox. Click OK.
5. Now, you will not be able to type anything after image.

Expected result

It should allow user to type text after image

Actual result

We cannot place cursor anywhere ckeditor to type text

Other details (browser, OS, CKEditor version, installed plugins)

OS - ubuntu Browser - Chrome (version 46.0.2490.80 (64-bit))

Not sure in other browsers

I've got a widget that provides a template for creating a recipe. It has fields for preparation and cooking times with associated microdata meta tags.

<meta itemprop="prepTime" content="" />
<meta itemprop="cookTime" content="" />

I've got a keyup event that listens on the editables so the content attributes can be updated.

The problem is the meta tags are converted to comments which makes them difficult to update.

Could a way to manage these be added?

Expected result

The CKEditor is working fine in all browsers except IE11. Need to fix it in IE1 too. I have found some solutions for this in online(​http://stackoverflow.com/questions/21864047/ie-how-to-disable-elements-selection-and-resizing-in-contenteditable-div), but I'm still not able to fix it. It will be great if you could help me in this asap.

Actual result

Resize Handler is showing in IE11 when trying to add texts in the editor.

Steps to reproduce

1. Load ClipboardPlugin
2. try to dragDrop an Image into the Editor
3. without this Plugin it will work fine

Expected result

dragdroped Picture is showing on the Editor

Actual result

nothing to see,

Other details (browser, OS, CKEditor version, installed plugins)

Clipboard-Plugin it'seems that the event is absorbed, if you drop the eventhandling while listening on editor.document drop it works, but this is not a good solution

Thanks

Steps to reproduce

1. enable entities_processNumerical
2. paste 📷into CK
3. a look at the sourcecode

Expected result

there should a 📷 html enitiy

Actual result

there are two characters �� which are invalid.

Other details (browser, OS, CKEditor version, installed plugins)

If I enter my own style such as <div class="col_1"> Column One</div> when the editor saves the page the div gets transformed to <div>Column One</div> class or id gets removed .

Steps to reproduce

Expected result

Actual result

Other details (browser, FIRE FOX 45.0.2 / Chrome 49.0.2623.112 m

OS, Windows

CKEditor version, 4.5.8 installed plugins) ==

Steps to reproduce

1. Start with Html as follows:

   <div>
     Some text goes here.
     <p>
        A paragraph.
     </p>
   </div>
   

2. In Source, verify that there is a single line-break after the first line of text, before the <p> tag

3. Switch to WYSIWYG, select the word "text" and hit the [B]old button, then switch back to Source mode.

Expected result

<div>
  Some <strong>text<strong> goes here.
  <p>
     A paragraph.
  </p>
</div>

Actual result

<div>
  Some <strong>text<strong> goes here.

  <p>
     A paragraph.
  </p>
</div>

Note that there is an extra line break between "here" and the <p> tag.

The extra line is added by htmlwriter.js @ line 120

if ( this._.afterCloser && rules && rules.needsSpace && this._.needsSpace )
        this._.output.push( '\n' );

This appears to be because this._.afterCloser doesn't distinguish between inline and block tags.

Impact is low for most purposes, but I have a project that integrates with CKeditor which uses <span> tags to mark positions (similar to bookmarks) in the document, and this extra line break is throwing off our dirty-detection (which strips out our spans before comparing)

Steps to reproduce

1. Insert an image into an editor. (a onChange or change event is trigger)
2. Now resize the image.

Expected result

A change (onChange) event should be trigger since the content was change.

Actual result

No event is trigger and we have no way to know that the editor is dirty to be able to save the contents.

Steps to reproduce

1. Open sample (samples/index.html)
2. Run following code with developer tools console in IE10 to reset the setting.

   CKEDITOR.instances['editor'].destroy();
   CKEDITOR.replace('editor', {enterMode: CKEDITOR.ENTER_BR});
   

3. Empty the editor area then click 'horuzontalrule' button.

Expected result

A Line is drawn and cursor is located right after it.

Actual result

A Line is drawn and cursor is on top of it.

Other details (browser, OS, CKEditor version, installed plugins)

IE10, CKEditor 4.5.7. It dosn't happen with IE11 or Firefox.

Steps to reproduce

1. run CkEditor in Chrome
2. click the 'Source' button on the ckeditor tool bar, to switch to html source mode
3. input: <span contenteditable="false">SampleField</span>
4. click the 'Source' button again to switch back to normal mode
5. click on the 'SampleField'

Expected result

The 'SampleField' should be selected, and you can move the mouse to drag the whole text to somewhere else

Actual result

The 'SampleField' is not selected, and you can not move the mouse to drag the whole text to somewhere else

Other details (browser, OS, CKEditor version, installed plugins)

This works fine in IE and Firefox. OS: Windows 10 CKEditor version: 4.5.8

Steps to reproduce

1. Setup divs with style="display:inline-block" next to each other
2. Create a draggable widget
3. Try to drag the widget into the divs

Expected result

The drag line appears in the div that is closest to the cursor

Actual result

The drag line only ever appears in the left-most div

Steps to reproduce

1. I have multiple CKEditor inline instances on a single page.
2. Click on any inline editor will display CKEditor toolbar.
3. From toolbar select SCAYT drop-down and click "Enable SCAYT".
4. On right click of wrong word gives you spell check suggestion select any one from the list.
5. Now click on browser back button gives error.

Expected result

1.Should not give any error after browser back button click.

2.This gives error only when we "Enable SCAYT", in all other case it working as expected.

Actual result

Gives following error :

Mismatched anonymous define() module: function(a) {
    return a.createModule("SaveRestore", ["WrappedSelection"], function(a, b) {
        function c(a, b) {
            return (b || document).getElementById(a)
        }

        function d(a, b) {
            var c, d = "selectionBoundary_" + +new Date + "_" + ("" + Math.random()).slice(2),
                e = o.getDocument(a.startContainer),
                f = a.cloneRange();
            return f.collapse(b), c = e.createElement("span"), c.id = d, c.style.lineHeight = "0", c.style.display = "none", c.className = "rangySelectionBoundary", c.appendChild(e.createTextNode(r)), f.insertNode(c), c
        }

        function e(a, d, e, f) {
            var g = c(e, a);
            g ? (d[f ? "setStartBefore" : "setEndBefore"](g), p(g)) : b.warn("Marker element has been removed. Cannot restore selection.")
        }

        function f(a, b) {
            return b.compareBoundaryPoints(a.START_TO_START, a)
        }

        function g(b, c) {
            var e, f, g = a.DomRange.getRangeDocument(b),
                h = b.toString(),
                i = q(c);
            return b.collapsed ? (f = d(b, !1), {
                document: g,
                markerId: f.id,
                collapsed: !0	
            }) : (f = d(b, !1), e = d(b, !0), {
                document: g,
                startMarkerId: e.id,
                endMarkerId: f.id,
                collapsed: !1,
                backward: i,
                toString: function() {
                    return "original text: '" + h + "', new text: '" + b.toString() + "'"
                }
            })
        }

        function h(d, f) {
            var g = d.document;
            "undefined" == typeof f && (f = !0);
            var h = a.createRange(g);
            if (d.collapsed) {
                var i = c(d.markerId, g);
                if (i) {
                    i.style.display = "inline";
                    var j = i.previousSibling;
                    j && 3 == j.nodeType ? (p(i), h.collapseToPoint(j, j.length)) : (h.collapseBefore(i), p(i))
                } else b.warn("Marker element has been removed. Cannot restore selection.")
            } else e(g, h, d.startMarkerId, !0), e(g, h, d.endMarkerId, !1);
            return f && h.normalizeBoundaries(), h
        }

        function i(b, d) {
            var e, h, i = [],
                j = q(d);
            b = b.slice(0), b.sort(f);
            for (var k = 0, l = b.length; l > k; ++k) i[k] = g(b[k], j);
            for (k = l - 1; k >= 0; --k) e = b[k], h = a.DomRange.getRangeDocument(e), e.collapsed ? e.collapseAfter(c(i[k].markerId, h)) : (e.setEndBefore(c(i[k].endMarkerId, h)), e.setStartAfter(c(i[k].startMarkerId, h)));
            return i
        }

        function j(c) {
            if (!a.isSelectionValid(c)) return b.warn("		."), null;↵
            var d = a.getSelection(c),
                e = d.getAllRanges(),
                f = 1 == e.length && d.isBackward(),
                g = i(e, f);
            return f ? d.setSingleRange(e[0], f) : d.setRanges(e), {
                win: c,
                rangeInfos: g,
                restored: !1
            }
        }

        function k(a) {
            for (var b = [], c = a.length, d = c - 1; d >= 0; d--) b[d] = h(a[d], !0);
            return b
        }

        function l(b, c) {
            if (!b.restored) {
                var d = b.rangeInfos,
                    e = a.getSelection(b.win),
                    f = k(d),
                    g = d.length;
                1 == g && c && a.features.selectionHasExtend && d[0].backward ? (e.removeAllRanges(), e.addRange(f[0], !0)) : e.setRanges(f), b.restored = !0
            }
        }

        function m(a, b) {
            var d = c(b, a);
            d && p(d)
        }

        function n(a) {
            for (var b, c = a.rangeInfos, d = 0, e = c.length; e > d; ++d) b = c[d], b.collapsed ? m(a.doc, b.markerId) : (m(a.doc, b.startMarkerId), m(a.doc, b.endMarkerId))
        }
        var o = a.dom,
            p = o.removeNode,
            q = a.Selection.isDirectionBackward,
            r = "";
        a.util.extend(a, {
            saveRange: g,
            restoreRange: h,
            saveRanges: i,
            restoreRanges: k,
            saveSelection: j,
            restoreSelection: l,
            removeMarkerElement: m,
            removeMarkers: n
        })
    }), a
}

Other details (browser, OS, CKEditor version, installed plugins)

Browser - Google Chrome - Version 49.0.2623.112.

OS - Windows 8.1

CKEditor version - 4.5.8 (Full)

Installed plugins - dragresize, imageresize, placeholder (does not cause any issue with extra plugins).

1. enable 'Cut', 'Copy', 'PasteText' in the toolbar
2. select some text in the editor (previously set with .setData()
3. the "copy" button gets enabled, correct
4. click anywhere else, then right click -> the "pasteText" button gets enabled. And now you can paste text, although the ckEditor is disabled. Morover, when you paste text, the whole contents are being replaced!!!

Using version 4.5.8.

The same if you use the right click menu: if you click 2 or more times with the right click, you can select "paste" in the context-menu. This should be disabled if the ckeditor is disabled.

Dear Ckeditor, I need your help please and it's very important to me to solve this issue. the issue is i already have the ckeditor on my web application , and i added chart plugin since it's very useful this plugin but unfortunately the chart are not showing when i want to print out. i tried all browsers.

please help

Steps to reproduce

1. Copy some html code from an ide.
2. paste it in ckeditor.

Expected result

It should be viewed like plain text as it was viewed in ide.

Actual result

It converts it into corresponding web page and that web page is visible in editor.

Other details (browser, OS, CKEditor version, installed plugins)

I use Internet Explorere 11 browser, windows 10 os, ckeditor version 4.5.8 full version.

​Our docs for dom.removeAttributes claim:

dom.removeAttributes does not remove all attribs if no parameter is given

But in fact this method will not remove all object attribs if no argument is given.

Steps to reproduce

1. Call the contains function of a elementpath with excludeRoot and fromTop are both TRUE

Expected result

The root element should be excluded.

Actual result

The deepest element is excluded. It is because the elements array is reversed when fromTop is true. The root element is moved to the first element of the array instead of the last one. The for loop exclude the last element if excludeRoot is true.

Open ​http://tests.ckeditor.dev:1031/tests/plugins/pagebreak/pagebreak#tests%2Fplugins%2Fpagebreak%2Fpagebreak%20test%20paste in newest stable Chrome (50). The test fails.

Steps to reproduce

1. Create table with backround color and border in Libreoffice (or word, excel)
2. Open CKEditor full demo - ​http://ckeditor.com/demo#full
3. click paste from word
4. copy and paste table from word or excel to preview window
5. click OK

Expected result

Table in ckeditor keep background color and border size as in word document

Actual result

Table in ckeditor keep background color and border size as in word document ONLY in preview mode. After I click OK, table in CKEditor will lose color and border=0

Other details (browser, OS, CKEditor version, installed plugins)

bug in linux and windows both (sorry for my bad english)

Steps to reproduce

1. in config.js add the following line config.resize_dir = 'both';
2. after adding above line it will allow resize of ckeditor in both the direction.
3. so how do i restrict the resize of toolbar but not the text area.
4. in earlier version toolbar was not resizing even if the ckeditor is resized.

Expected result

Resizing the ckeditor shouldn't resize the toolbar

Actual result

Resizing the ckeditor resizing the toolbar

Steps to reproduce

1. I have overlay popup window with bigger size of CK with Empty Toolbar. Other config is: removePlugins: "autosave,embed,embedbase,notificationaggregator,notification,toolbar,elementspath,backup,uploader,charcount,stat"
2. After confirm button I copy content of this CK to page by this code:

if (CKEDITOR.instances['ck'] && CKEDITOR.instances[elemName]) {
        var data = CKEDITOR.instances.e1.getData();

        var config = CKEDITOR.instances[elemName].config;
        config.allowedContent = {
            // Allow all content.
            $1: {
                elements: CKEDITOR.dtd,
                attributes: true,
                styles: true,
                classes: true
            }
        };
        CKEDITOR.instances[elemName].destroy(true);
        CKEDITOR.replace(elemName, config);

        CKEDITOR.instances[elemName].setData( data);

        var editorText = document.getElementById(elemName);
        editorText.value = data;
    }

3. Content is copied, but after few seconds I have error in console:

notification/plugin.js:617 Uncaught TypeError: Cannot read property 'getClientRect' of null

Expected result

No errors.

Actual result

notification/plugin.js:617 Uncaught TypeError: Cannot read property 'getClientRect' of null

Other details (browser, OS, CKEditor version, installed plugins)

CK 4.5.8, Chrome 50.0, Win 8.1, autosave plugin

Steps to reproduce

1. go to math/insert code option
2. put math formula/language code there.
3. click ok

Expected result

corresponding formula or code should be visible as plain text in a editor.

Actual result

a sky blue line is visible

Other details (browser, OS, CKEditor version, installed plugins)

IE, Windows 10, Ckeditor-4.5.8, math plugin, code snippet plugin

Steps to reproduce

1. Put a in bold (same issue exist with italic, underline...)
2. With the dev tools add an id on the tag
3. Select the whole word in bold and try to remove the bold style

Expected result

The bold style should be removed

Actual result

The bold style remains

Other details (browser, OS, CKEditor version, installed plugins)

Of course the steps to reproduce are a bit artificial, but the same issue is valid if for instance, an id is generated server side. Also this issue was reproduced on the Online Demo with Chrome and Firefox (not tested with IE but I think it's valid there).

Steps to reproduce

1. Open two windows (or tabs) in Chrome
2. Browse on both ​http://ckeditor.com/demo
3. Copy from one window (or tab) the ckeditor content
4. Paste in the other window (or tab)
5. HTML elements loose their "style" and "class" attributes

Expected result

Keep styles.

Actual result

Loose styles.

Other details (browser, OS, CKEditor version, installed plugins)

Chromium 49.0.2623.108 Ubuntu 16.04 (64-bit), ckeditor 4.5.8

Steps to reproduce

1. Use CKEditor.replace on textArea
2. Now navigate to different view. This destroy the editor.
3. Recreate the editor with CKEditor.replace

Expected result

The objects allocated in the first iteration should be fred

Actual result

The objects are still there and keep on piling on repeating step 2 and 3

Other details (browser, OS, CKEditor version, installed plugins)

This issue comes from ​https://www.drupal.org/node/2239419.

What happens there is that D8 is overriding ​min-height attribute for body element which with connection to ​height: 100% for html breaks the autogrow plugin.

To prevent that we could set body's element min-height (and probably height) to auto in ​initIframeAutogrow and it should work just fine. Note that it cannot be solved by setting html's element height to auto due to ​gecko wyswigarea plugin fix.

You'll find some useful findings here ​https://www.drupal.org/node/2239419#comment-10906692.

Steps to reproduce

1. Create a table on an IP Boards forum
2. Trying to add/delete a row/column using the specific buttons which appear on the browser

Expected result

Those buttons should be on the borders of the selected cell

Actual result

Those buttons are very far from the table, in the top part of the page (see the attached file)

Other details (browser, OS, CKEditor version, installed plugins)

This problem is only with Firefox, because with Chrome and IE those buttons don't appear at all.

Can you please check this problem and let me know how can I solve it ?

Thanks,

Matteo Sindona

Steps to reproduce

1. load ckeditor inside bootstrap dialog
2. open a ckeditor options dialog
3. try to edit a input field

Expected result

input fields should be editable

Actual result

input fields are broken. effectively disabled.

Other details (browser, OS, CKEditor version, installed plugins)

drop downs work in Chrome/Safari, but not in Firefox. Input fields don't work in any browser.

functional example: ​http://i.stack.imgur.com/vInK9.gif

code example: ​https://jsfiddle.net/waspinator/10om09rk/

Steps to reproduce

I dont know.

Expected result

no error.

Actual result

exception

Other details (browser, OS, CKEditor version, installed plugins)

UserAgent: Mozilla/5.0 (Windows NT 6.3; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/50.0.2661.94 Safari/537.36 Error: Uncaught TypeError: Cannot read property 'collapsed' of undefined Url: /ckeditor/plugins/link/dialogs/link.js Line: 25

Steps to reproduce

I dont know. Just info from client.

Expected result

No exception.

Actual result

Exception.

Other details (browser, OS, CKEditor version, installed plugins)

UserAgent: Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/48.0.2564.116 Safari/537.36 Error: Uncaught TypeError: c.getItem(...).getName is not a function Url: /ckeditor/plugins/image/dialogs/image.js Line: 12

Hi,

We are using CKEditor and having problem while loading the template dynamically for below scenario.

We have two buttons, on the click of first button a configuration templates is loading and for second button clicks, second configuration templates loaded.

But when user clicks on first button again then CKEditor shows last configuration templates.

We also verified that the template file (*.js) is loading every time but CKEditor not showing the updated template file.

Please look into this issue and let us know if there is anything we missed to set the configurations.

Thanks in advance,

Good morning,

please can you help if the option "image move " exist as plugin in ckeditor.

The online builder (​http://ckeditor.com/builder) does not include timestamps in CSS file like CKBuilder 2.3.1, which causes problems as described here:

​https://github.com/ckeditor/ckbuilder/pull/7

#10685

Steps to reproduce

1. Visit ​https://jsfiddle.net/kamelkev/af6495xf/3/ which attaches a handler for the change event which replicates the content into a div
2. Copy arbitrary content (text, image, does not matter)
3. Paste content into CKEditor
4. Press a single key, observe that the change event has not fired
5. Press a second key, observe that the change event has fired and the content area has updated with both the first and second key.

Expected result

I expect that when CKEditor has a change in the content that the change event will be fired.

Actual result

CKEditor fails to fire the change event for the very first key after pasting in content.

Other details (browser, OS, CKEditor version, installed plugins)

I have tested on 4.5.4, 4.5.8 and 4.5.9 - all are affected. Browser does not matter. The jsfiddle uses a stock ckeditor configuration, there are no special circumstances to reproducing this issue, it appears to happen in all browsers.

I do not know how to properly tag this ticket, please update the tagging as you see fit.

I have attached a file that is identical to what is on jsfiddle, along with an animated gif displaying the issue.

Steps to reproduce

1. Create MS Word 2010 document with any highlighted text for test.
2. Copy that highlighted line text and paste in the CKEditor.

Expected result

When pasted in a CKEditor, it should keep the highlight.

Actual result

The paste would not recognize the highlight. Tried this in IE11 and Firefox as well as demo on the CKEditor website and it didn't worked there too. Tried pasting it directly and using the 'Paste from Word' button as well.

Other details (browser, OS, CKEditor version, installed plugins)

I am using IE11, Firefox, Word 2010.

Please accept my apologies if this issue has already been raised. I tried looking up and couldn't find highlight issue so opening a new ticket. I have set 'pasteFromWordRemoveFontStyles' and 'pasteFromWordRemoveStyles' to false in config.js

Appreciate your help in this matter. Thank you.

Steps to reproduce

1. Open attached test file with a webkit browser.
2. Press the test link, which replaces a textarea with CKEditor upon pressing a link which happens to reference "#".
3. Observe page scroll, appears startupFocus is ignored

Expected result

startupFocus set to false should block the page from scrolling upon a replace() call.

Actual result

startupFocus is ignored when a fragment identifier is present within the url, allowing the page to scroll within webkit.

Other details (browser, OS, CKEditor version, installed plugins)

I observed this on the most recent versions of Safari and WebKit. It does not appear to occur on Firefox, but may affect IE.

I tried this on CKEditor 4.5.4, 4.5.8 and 4.5.9

Steps to reproduce

1. Activate the undo plugin (and the other plugin
2. copy a test "A"
3. past into the content, you will see "AA"

The interesting part is, using only the undo plugin isolated does not produce this issue. It must therefore be a sideeffect with a other plugin. Disabling undo does fix it though.

Expected result

A

Actual result

AA

Other details (browser, OS, CKEditor version, installed plugins)

Chrome, OSX, CKEditor - latest stable release of all of them Plugins: dialogui,dialog,dialogadvtab,basicstyles,bidi,blockquote,clipboard,button,panelbutton,panel,floatpanel,colorbutton,colordialog,menu,contextmenu,div,resize,toolbar,elementspath,list,indent,enterkey,entities,popup,find,fakeobjects,floatingspace,listblock,richcombo,font,format,htmlwriter,horizontalrule,justify,liststyle,magicline,maximize,pastetext,pastefromword,removeformat,selectall,showblocks,showborders,sourcearea,specialchar,menubutton,stylescombo,tab,undo

Steps to reproduce

1. Instantiate CKEditor in a different language like French
2. Click on Smiley Toolbarand hover over the icons, translations are missing
3. Click on Inert Link Toolbar, or Images link Toolbar or Font Color Toolbar and check on "OK" button, translations are missing

Expected result

OK should be translated in french, and smiley's text should also be translated

Actual result

In all the above scenarios none of them is translated

Other details (browser, OS, CKEditor version, installed plugins)

CKEditor version 4.5.5 Installed Plugins: Smiley, Link, Color Button

Steps to reproduce

1. Open full demo: ​http://ckeditor.com/demo#full
2. Highlight top 2 paragraphs (Apollo 11 through UTC.) and select a font from the font dropdown. As expected span is given font-family css style.
3. With same content highlighted, type the word test, which will overwrite the existing content.

Expected result

Expected to see a span with font-family css style.

Actual result

<font face="times new roman, times, serif">test</font>

Other details (browser, OS, CKEditor version, installed plugins)

In my application testing I have used:

allowedContent: 'br[*];p{text-align,margin-top};span{color,font-family,font-size,letter-spacing,font-style,font-weight,text-decoration}'

and editor.config.disallowedContent = 'font';

to try to prevent this font tag. Even with these items, the font tag still gets entered. However, if I activate the editor again, the <font> tag is removed without the font face being converted to a <span>

Steps to reproduce

1. Go to CKBuilder with following URL ​http://ckeditor.com/builder/734cfcca433721a20675475635994d04 and download Optimised version of 4.5.9 with that set of features
2. Extract unaltered contents of downloaded Zip and open /samples/index.html in a browser.
3. Make 'Hello world!' sample text into Bold.
4. Toggle into 'View source' mode.

Expected result

Source code view should output [b] style BBCode tags around Bold formatted content and then correctly re-display Rich Text preview when exiting View source mode.

Actual result

Source code view outputs HTML, instead of BBCode, style tags. Then, because BBCode plugin is still present and partially working, exiting and entering 'View source' causes progressively worse corruption of both Preview and Source code text contents.

Other details (browser, OS, CKEditor version, installed plugins)

This problem does not occur with near identical CKBuilder download of ​http://ckeditor.com/builder/6e18dbe9776749ca0c98f94ccc0e842f who's only difference is not adding Wordcount plugin. However my project obviously wants all those features including Wordcount!

Incorrect behaviour replicated consistently on Windows 8.1 with Firefox 46, IE11 and Chrome 50. CKEditor version is 4.5.9

Paste of build-config.js from problem CKBuilder download:

/

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

/

• This file was added automatically by CKEditor builder.
• You may re-use it at any time to build CKEditor again. *
• If you would like to build CKEditor online again
• (for example to upgrade), visit one the following links: *
• (1) ​http://ckeditor.com/builder
• Visit online builder to build CKEditor from scratch. *
• (2) ​http://ckeditor.com/builder/734cfcca433721a20675475635994d04
• Visit online builder to build CKEditor, starting with the same setup as before. *
• (3) ​http://ckeditor.com/builder/download/734cfcca433721a20675475635994d04
• Straight download link to the latest version of CKEditor (Optimized) with the same setup as before. *
• NOTE:
• This file is not used by CKEditor, you may remove it.
• Changing this file will not change your CKEditor configuration. */

var CKBUILDER_CONFIG = {

skin: 'bootstrapck', preset: 'basic', ignore: [

'.bender', 'bender.js', 'bender-err.log', 'bender-out.log', 'dev', '.DS_Store', '.editorconfig', '.gitattributes', '.gitignore', 'gruntfile.js', '.idea', '.jscsrc', '.jshintignore', '.jshintrc', 'less', '.mailmap', 'node_modules', 'package.json', 'README.md', 'tests'

], plugins : {

'basicstyles' : 1, 'bbcode' : 1, 'clipboard' : 1, 'enterkey' : 1, 'entities' : 1, 'indentlist' : 1, 'list' : 1, 'pastefromword' : 1, 'pastetext' : 1, 'removeformat' : 1, 'sourcearea' : 1, 'toolbar' : 1, 'undo' : 1, 'wordcount' : 1, 'wysiwygarea' : 1

}, languages : {

'en' : 1

}

};

Steps to reproduce

1. Go to "Simple Box" demo page

http://ckeditor.com/demo#widgets

2. Set readOnly mode to true (assuming name of ckeditor is editor1):

CKEDITOR.instances.editor1.setReadOnly(true);

3. Select Simple Box Widget and press delete key

Expected result

Widget shoudn't be editable: deleted or draggable (even if I set draggable property to true)

Actual result

Widget is editable/draggable

Other details (browser, OS, CKEditor version, installed plugins)

Windows 7 Browser: Firefox 46.0.1 CKEditor: 4.5.9

Sorry, this is difficult to do "steps to complete". I encountered a bug doing custom plugin development - it relates to using a class as part of a fake object.

I created a custom plugin that overrides/enhances functionality of the anchor component of the link plugin. The only change I made was to add a custom className to created anchors, so they can work with a fixed header.

I took the existing anchor dialog pretty much verbatim - the only change was 'attributes' property the fake is created with now includes a class: 'anchor' declaration. I'm pretty sure this can be recreated by editing the attribtues in the anchor dialog to include class: "test", saving and refreshing.

​https://github.com/ckeditor/ckeditor-dev/blob/67ae77b/plugins/link/dialogs/anchor.js#L27-L31

This works fine when inserting a fresh anchor however after reloading the page, the filter that runs as part of the "link" plugin tries to convert the html for anchors back to fakeobjects.

At this point, createFakeParserElement is called with the element, here: ​https://github.com/ckeditor/ckeditor-dev/blob/bd5101a/plugins/link/plugin.js#L184 ... at this point, element includes attributes which includes "name/id/data-cke-saved-name" and classes which includes "anchor".

The return value from this function is a fake object -- decoding the data-cke-realelement reveals that the real element does not have a class -- so performing a save at this point has the effect of stripping out the class name.

I was able to work around this with my own data filter rule that runs before the one in the link plugin - this will check for the presence of classes and if found, will add a "class" attribute to element.attributes - this seems to work fine, createFakeParserElement works fine if there is a class property in the attribute hash.

    editor.dataProcessor.dataFilter.addRules({
      elements: {
        a: function (element) {
          if (!element.attributes.name) { return null; }
          if (!element.children.length && element.classes.length) {
            element.attributes.class = element.classes.join(' ');
          }
          return null; // if we don't return, it passes along to the next filter.
        }
      }
    }, 9);

I think the bug here is that createFakeParserElement does not respect 'classes' inside the element it is passed.

I encountered this issue on 4.5.8 and am unsure if it is recreatable in other versions.

Steps to reproduce

1. Install Tiny MCE Table Tools (​http://js.plus/products/table-tools)
2. Include some icons in Full Toolbar, or create new user-defined Toolbar with some icons from the plugin (best option - include some CKEditor icons and some Table Tools icons in the same group), at the portal level - WORKS OK!
3. Change any CK editor setting for any specific page
4. Table Tools icons are not shown on that page (on other pages still everything is OK). More over, if there is a group with some CKEditor icons and some Table Tools icons, the first are ahown and the latter are not shown.

Not sure about my CKEditor version - attached is a screenshot with the info (which says 2.1.4 ?!)

In 3.x you used to be able to modify toolbar_full inside editorconfig as the config.toolbar_Full was exposed.

eg. config.toolbar_Full.push(About?);

Is there anyway to re-implement this, or is the way toolbars are built now make this no longer possible.

Steps to reproduce

1. go to the div editing area demo: ​http://ckeditor.com/demo#div
2. scroll down a bit within the content of the editor
3. focus the cursor within the editor
4. open the anchor dialog
5. either fill in a name and click 'ok' or click 'cancel'
6. Alternatively open any other dialog (such as the link dialog) and click cancel

Expected result

The dialog will close and the editor will keep its scroll position

Actual result

The dialog closes and the editor jumps to the top

Other details (browser, OS, CKEditor version, installed plugins)

Tested on Chrome on Windows 10 - but also happens on other versions of chrome and windows. Didn't manage to replicate the issue on Firefox or Edge.

Although I gave the link to the demo page, we're using the div editing area on our site and this happens to us as well.

Steps to reproduce

1. Open new Word document
2. Write some text
3. Set font size to 36
4. Mark text with yellow marker tool
5. copy & paste this text into ckeditor (prerequirement: config.pasteFromWordRemoveFontStyles & config.pasteFromWordRemoveStyles are set to FALSE)
6. see that yellow marking is only half the height of the text
7. happens because the plugin puts background-color and font-size not in the same but cascaded <SPAN> tags. So outer span doesn't now anything about the inner.
8. Dirty workaround is to comment out the lines 950-952 in ckeditor\plugins\pastefromword\filter\default.js

Expected result

yellow background is as height as the text

<span style="background: yellow; font-size: 36pt">myTXT</span>

Actual result

yellow background is only half the height of its text

<span style="background: yellow;"><span style="font-size: 36pt">myTXT</span></span>

See attachment

Other details (browser, OS, CKEditor version, installed plugins)

browser: firefox 29, windows 7, CKEditor version: 4.5.7, Paste From Word version: 4.4.8

how to prevent the <p> at the beginning i wanna write pure text and then save it without any tags thanks

The following tests are currently failing on major: ​http://tests.ckeditor.dev:1030/tests/plugins/filetools/filetools#tests%2Fplugins%2Ffiletools%2Ffiletools%20test%20CSRF%20token%20appending ​http://tests.ckeditor.dev:1030/tests/plugins/pagebreak/pagebreak#tests%2Fplugins%2Fpagebreak%2Fpagebreak%20test%20paste

Steps to reproduce

1. Create a table into blank editor.
2. Write something in table row.
3. Try to write something out side of that table.

Expected result

User should get out off the cursor pointer outside table.

Actual result

Cursor doesn't come out off table.

Other details (browser, OS, CKEditor version, installed plugins)

Firefox 46,Windows 7, CK Editor 4.5.6, "tableresize"

Steps to reproduce

1. Create a table with multiple columns.
2. Try to select single column.
3. It will copy corresponding rows.

Expected result

User should select a single column to copy/paste.

Actual result

In FF it's working fine, but not for other browsers.

Other details (browser, OS, CKEditor version, installed plugins)

Chrome & IE11, Windows 7, ckeditor 4.5.6, "tableresize"

Our corporate font has recently changed from Verdana to Calibri.

Unfortunately Calibri is not in the standard font drop-down list. Is this a gap or is there a way to configure the font list and add Calibri?

Many thanks, Steve

Steps to reproduce

1. Open ​http://ckeditor.dev/samples.
2. In source mode, set editor's content to:

   <p><span style="background-color: rgb(255,255,0);">Text with background</span></p>
   

3. In WYSIWYG mode, select "with".
4. Open console and paste into it:

   var style = new CKEDITOR.style( {
       element: 'span',
       styles: {
           'background-color': '#ff0'
       },
       type: CKEDITOR.STYLE_INLINE
   } );
   
   style.remove( CKEDITOR.instances.editor );
   

Note that "with" must be still selected inside the editor.

Expected result

Background is removed from the selected text.

Actual result

Background is removed from the entire paragraph.

Other details (browser, OS, CKEditor version, installed plugins)

Only in Internet Explorer 9+.

It can be reproduced only on master, ( ​git:0528e5aaeb104ffd283aeb4ff5efa2fcdb0616e4).

Hi,

For historical reasons the textarea element returns an \n by reading the value, if setting the textarea content with an \r\n inside. Is there any possiblity to prevent the CKEditor to do this? Just like the lineBreakChars of the CKEDITOR.htmlWriter-Modul?

Thanks

Hello, I have a request please. We are using HP Fortify for our code-base and Fortify reports security vulnerabilities in the ckeditor and lite-includes.js (and the jquery.min.js) files. The lite-includes.js and jquery.min.js files are located under the plugins/lite directory. Is it possible to replace Math.random method with window.cyrpto.random method as Fortify specifies this is a security vulnerability?

Thank you, patrick

Steps to reproduce

1. View contents of ckeditor.js and lite-includes-min.js file (plugins/lite)
2. Code is using Math.random() instead of window.crytpo.random()

Other details (browser, OS, CKEditor version, installed plugins)

Steps to reproduce

1. Visit ​http://ckeditor.com/addon/magicline
2. Click "Build My Editor"
3. Make sure magicline plugin is selected (it is selected by default)
4. Download editor
5. Run editor
6. You'll see that magicline plugin doesn't work
7. Check magicline folder in plugins, you'll see that folder is empty except some png files
8. Download magicline manually and copy files into this folder
9. Still doesn't work
10. put this line in config file config.extraPlugins = 'magicline';
11. still magicline doesn't work.

Expected result

It supposed to work

Actual result

It doesn't work. I tried all but no luck.

Other details (browser, OS, CKEditor version, installed plugins)

Chrome latest version, CKEditor 4.5.9, no other plugins just default plugins in full version.

Steps to reproduce

1. go to the simplebox example at: ​http://ckeditor.com/demo#widgets
2. enter a fair amount of text into the content section of the simplebox example
3. after N amount of redo/undo (CTRL+Z / CTRL + Y on the linked page but also the undo/redo buttons on my own project) the error 'IndexSizeError: Index or size is negative or greater than the allowed amount' will be thrown for any undo/redo from then on.

Expected result

Expected to undo/redo without errors

Actual result

Errors are thrown when undo/redo is used after a certain amount of calls within the editable area of an editable widget

Other details (browser, OS, CKEditor version, installed plugins)

As mention above, this happens with both CTRL+Z/CTRL+Y and undo/redo buttons on the editor. Browsers: Chrome 50.0.2661.102 Firefox: 46.0.1 IE 11: 11.0.0

This bug will be triggered 100% of the time albeit with variable amount of undo/redo calls (can be within the first 5 or so or up to 20+ calls).

Steps to reproduce

1. Open ​http://tests.ckeditor.dev:1030/tests/plugins/balloonpanel/manual/balloonpanel.
2. Double click any of the red fragments to select a word and open a balloon panel.
3. Close the balloon panel.

Expected result

Editor gains focus.

Actual result

Editor does not gain focus.

Other details (browser, OS, CKEditor version, installed plugins)

Chrome, Ubuntu 14.04

Steps to reproduce

1. Add some text having '@' (Say Hello@xyz)
2. Give a Space

Expected result

It should not changed to Hyperlink

Actual result

It is converted as a Hyperlink

Other details (browser, OS, CKEditor version, installed plugins)

Browser - IE - 11

Steps to reproduce

1. On ckeditor.com/demo, create a table
2. Enter a long string of ASCII characters in to a cell (ie - aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa)
3. Enter a long string of double-byte characters in to a cell (ie - ああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ)

Expected result

The cell does not wrap to a new line in either case

Actual result

The cell wraps to a new line in the case of the double-byte characters

Other details (browser, OS, CKEditor version, installed plugins)

Currently I am using ckeditor version 4.5.7. and in this version I am facing issue with "Uncaught TypeError: Cannot read property 'setAttribute' of undefined" for body element. Code is as below. Its working fine in firefox. But problem with ie and chrome.

edtr = CKEDITOR.replace(id, {

on: {

'instanceReady': function(evt) {

insert = CKEDITOR.getTemplates('default');

var editor = evt.editor; var body = editor.document.getBody(); body.setAttribute("contentEditable", false);

var disableEvent = function(evt) {

evt.cancelBubble = true; evt.returnValue = false; evt.preventDefault(); evt.stopPropagation();

return false;

};

if (editor.document.$.addEventListener) {

editor.document.$.addEventListener('dragover', disableEvent, true); editor.document.$.addEventListener('drop', disableEvent, true);

} else if (editor.document.$.attachEvent) {

editor.document.$.attachEvent('ondragover', disableEvent, true); editor.document.$.attachEvent('ondrop', disableEvent, true);

} this.fire('afterSetData', main.pageContainerEmailEditor.emaileditor.afterSetData());

}

}

});

Currently I am using ckeditor version 4.5.7. and in this version I am facing issue with "Uncaught TypeError: Cannot read property 'setAttribute' of undefined" for body element. body.setAttribute("contentEditable", false); Code is as below. Its working fine in firefox. But problem with ie and chrome.

edtr = CKEDITOR.replace(id, {

on: {

'instanceReady': function(evt) {

insert = CKEDITOR.getTemplates('default');

var editor = evt.editor; var body = editor.document.getBody(); body.setAttribute("contentEditable", false);

var disableEvent = function(evt) {

evt.cancelBubble = true; evt.returnValue = false; evt.preventDefault(); evt.stopPropagation();

return false;

};

if (editor.document.$.addEventListener) {

editor.document.$.addEventListener('dragover', disableEvent, true); editor.document.$.addEventListener('drop', disableEvent, true);

} else if (editor.document.$.attachEvent) {

editor.document.$.attachEvent('ondragover', disableEvent, true); editor.document.$.attachEvent('ondrop', disableEvent, true);

} this.fire('afterSetData', main.pageContainerEmailEditor.emaileditor.afterSetData());

}

}

});

I use ckeditor in a project and i have a problem i setted 2 tag called "member, pro"

when i use them like this

<member /> <pro />

ckeditor make the first tag to auto parent for next tag so wysiwyg side show me it like this (i looked it to object-inspector)

<member> <pro /> </member>

and when i return to source code there is no problem :( looking good What is the problem i cant understand. and if i set them to normal tag (non self-closer) everything is ok