Custom Query

When "id" or any attribute is added to an element (strong,italic,underline), it doesn't work properly i.e. When a style (e.g Bold) is applied using strong (as implemented in Alloy editor). In this case once selection is set to bold and an "id" attribute is appended in the strong tag. Due to this user cannot set selection back to normal style, instead when bold button is clicked another strong tag is added and this behavior continues if button is clicked multiple times. However when style is applied using "span" element this behavior is not observed.

Steps to reproduce

1. add following in config.js

config.coreStyles_bold =
 {
 element: 'strong',
 overrides: 'b'
 };

2. Create a div add sample text.

   <div id="container" >
      <strong id="3143435322vn123554759257">Bold</strong>
   </div>
   

3. Select text and click bold button.

Expected result

Strong tag is removed and font is set to normal.

Actual result

Strong tag is not removed. Font stays bold.

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

Browser: chrome,
OS: windows 8.1,
CKEditor version: 4.5.8,
Installed plugins: basicstyles

I don't see anywhere to enable sanitizer etc in the CKEditor implementation

How are we supposed to do sanitization?

here the implementation : ​http://docs.cksource.com/CKEditor_3.x/Developers_Guide/ASP.NET/Integration_Beginners

I am asking for asp.net

I have asp.net 4.5 and using c#

When we read and use like this does it make server side sanitization?

string str = CKEditor1.Text;

string str1 = Server.HtmlEncode(str); string str2 = Server.HtmlDecode(str); lblText.Text = str2;

Steps to reproduce

1. Starting from Drupal 8.1's admin screen
2. View the source of the buttons

Expected result

<li data-drupal-ckeditor-button-name="JustifyRight" class="ckeditor-button ui-sortable-handle"><button>justify right</button></li>

Actual result

<li data-drupal-ckeditor-button-name="JustifyRight" class="ckeditor-button ui-sortable-handle"><a href="#" class="cke-icon-only cke_ltr" role="button" title="justify right" aria-label="justify right"><span class="cke_button_icon cke_buttonjustifyright_icon">justify right</span></a></li>

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

Coming from ​https://www.drupal.org/node/2738667 & ​https://www.drupal.org/node/2735421

First rule of ARIA use (never forget):

If you can use a native HTML element [HTML5] or attribute with the semantics and behaviour you require already built in, instead of re-purposing an element and adding an ARIA role, state or property to make it accessible, then do so.

​http://w3c.github.io/aria-in-html/#rule1

Steps to reproduce

1. Open any CKEditor full featured:

http://nightly.ckeditor.com/full/samples/

2. Disable templates command button:

CKEDITOR.instances.editor.commands.templates.disable();

3. Set editor to readOnly mode:

CKEDITOR.instances.editor.setReadOnly();

4. Set editor to editable mode:

CKEDITOR.instances.editor.setReadOnly(false);

Expected result

Previously disabled command buttons should mantain their state

Actual result

The command button is enabled

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

OS: Windows 7 Browser: Firefox 46.0.1 CKEditor: 4.5.9

Steps to reproduce

1. Open ​http://ckeditor.com/demo#full on firefox in the newest version
2. Add checkbox or select element
3. Click added checkbox / select

Expected result

Element edit dialog opens up

Actual result

Nothing happens

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

Checked on both nighty and latest stable version

Steps to reproduce

1. User CKEditor for editing the text.
2. able to see in google chrome but not in IE.

Expected result ==CKEditor should appear in IE .

Actual result ==CKEditor not appear in IE,only working with google chrome.

Other details (browser, OS, CKEditor version, installed plugins) ==IE browser,version-3.2.

I am using ckeditor version 4.5.7. and in this version I am facing issue with "SCRIPT16389: Unspecified error" in IE 11.

1. Inserted one basic template table with header,subheader,content and footer part.That are the td's id of a table.
2. Now select one cell i.e. contenet and set as contenteditable=true.
3. Click on button called myckw.
4. Onclick first check (edtr.getSelection().getStartElement().getId==="content").
5. If true then edtr.execCommand("myckw") which will insert myckw (widget) in that perticular selected td.

Now the issue is when I click on myckw button. I am getting below error. SCRIPT16389: Unspecified error File: ckeditor.js, Line: 439, Column: 414

Any help would be appreciated. Thanks in advance.

Steps to reproduce

1. Anchor tags like "<a name=3D"WorkitemID"> is shown as red flag. We know this is a placeholder feature that CKEditor design for particular usage.
2. But the red flag sometimes will bring confuse to our customer,when they receive html info containing that kind of empty anchor.
3. Is there any way that we can prevent anchor tag from being shown as red flag? Meanwhile, we would like to keep the "links" plugin, just don't want to use the anchor placeholder.

Expected result

Anchor tag not shown as a red flag

Actual result

Anchor tag is shown as red flag.

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

Steps to reproduce

1. Open the ckeditor and enter lengthy text so that the scroll bar is visible on the screen
2. If you click on the scroll Bar and try to drag it to top or bottom of the view.
3. scroll bar is not moving

Expected result

Scroll Bar Should be moved on clicking it and dragging that top or bottom.

Actual result

Scroll bar moved adjusts to right of the view and not moving

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

when i 'Enable SCAYT' spell check option is enabled at that time if i select bold,or italic,or underline option and try to type on text area at the time of selecting the text area the selected option(bold or italic or underline) automatically goes deselected.

We copied the text below from a website. The styles will not be removed if the 'remove format' button is clicked. Tested in OS X Firefox and Windows IE 9.

<h2><a href="​https://www.monumenten.nl/soorten-monumenten/rijksmonument" rel="nofollow">Rijksmonumenten in Nederland</a></h2>

<div> <div> <p>Nederland heeft bijna 62.000 rijksmonumenten. Dit zijn gebouwen of andere objecten die om hun nationale cultuurhistorische waarde door de overheid zijn aangewezen als beschermd monument.</p> </div>

<div> <ul>

<li><a href="​http://www.monumentenregister.nl/" rel="nofollow">Monumentenregister</a></li> <li><a href="​http://www.anwb.nl/themas/monumentenborden/monumentenbord" rel="nofollow">Rijksmonumentenbord</a></li> <li><a href="​https://www.monumenten.nl/onderhoud-en-restauratie/instandhoudingssubsidie" rel="nofollow">Instandhoudingssubsidie</a></li> <li><a href="​https://www.monumenten.nl/onderhoud-en-restauratie/financiering-onderhoud-en-restauratie/restauratiewijzer" rel="nofollow">De RestauratieWijzer</a></li> <li><a href="​https://www.monumenten.nl/onderhoud-en-restauratie/financiering-onderhoud-en-restauratie/restauratiefonds-hypotheek" rel="nofollow">Restauratiefonds-hypotheek</a></li>

</ul> </div> </div>

<div> <div><a href="​https://www.monumenten.nl/soorten-monumenten/rijksmonument" rel="nofollow">Lees verder</a></div> </div>

Steps to reproduce

1. Run grunt jshint:git

Expected result

Usual JSHint output.

Actual result

TypeError: Cannot read property 'replace' of undefined

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

Installing shelljs version 0.5.3 seems to solve this problem, but uncovers another one, that's specific to Node V6: Warning: Path must be a string. Received null Use --force to continue.

Steps to reproduce

1. Click on the ckeditor maximize button.
2. Resize the window.
3. click on the same ckeditor button to minimize.

Expected result

When we go back to minimize mode the ckeditor should fit to the resized browser window.

Actual result

ckeditor resizing to size the of the window before resizing the browser. This issue can reproduce only when we do resize the browser in the ckeditor maximize mode

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

reproducible in all browsers. OS:windows 7. version:ckeditor 4.3.3

Steps to reproduce

1. Go to CKEditor standard demo ​http://ckeditor.com/demo and copy 2x 'Apollo 11' paragraphs of text into clipboard.
2. Go to CKEditor BBCode demo ​http://sdk.ckeditor.com/samples/bbcode.html and delete all existing sample content then paste 2x copied 'Apollo 11' paragraphs of text.
3. Toggle into and out of BBCode Demo 'Source' view mode.

Expected result

Once pasted it should be possible to toggle into and out of 'Source' view mode maintaining visually separate paragraphs of text. And having separate paragraphs of text submitted back to server.

Actual result

While initially pasted WSYWIG result looks okay (i.e. Text still as 2x separate paragraphs) As soon as you toggle into and out of 'Source' view mode you will see that separate paragraph text becomes merged as 1x block of text. That same merging of text paragraphs is also present in source code submitted back to the server.

The reason for this is HTML source <P> tags are being stripped by BBCode and </P> tag is not being replaced with 2x Line Breaks instead, which would then preserve intended paragraphs separation and nearest equivalence possible with BBCode.

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

Same behaviour in IE11, Firefox and Chrome on Windows 8.1 CKEditor v4.5.9 with BBCode plugin

Steps to reproduce

While activating SCAYT on IE10, IE freezes for minutes before actually loading the corrector.

1. Enable SCAYT on IE 10

Expected result

Actual result

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

I launched a profiler on IE and monitor that these methods are the one which are lagging : "bondingWidth, boundingTop, boundingLeft and boundingHeight" (each one take 6 seconds to execute). CKEditor is configured by default. All plugin are active.

I've read through the items I can find on this topic (ex #7212). If I missed something and the functionality already exists, please point me in the right direction.

We need to be able to select some text that also contains a link, select a foreground/background color, and have the style applied once. This would allow a user to select a block of text (that includes a link), color the text, and still have the link render as a link.

For example:

1. Go to:

​http://ckeditor.com/latest/samples/

2. Enter some sample text

   before link after
   

3. Select the link text, and click the link button to create a link.
4. Select the entire contents and change the foreground color to red. The results will look like this:

   <span style="color:#FF0000;">before </span><a href="http://ckeditor.com" data-cke-saved-href="http://ckeditor.com"><span style="color:#FF0000;">link</span></a><span style="color:#FF0000;"> after<br></span>
   

We'd like to be able to make a configuration change that would change the results of these steps to look like this:

<span style="color:#FF0000;">before <a href="http://ckeditor.com" data-cke-saved-href="http://ckeditor.com">link</a> after<br></span>

Compare the actual results from above with slightly alternate steps (insert the link after colorizing the text):

1. Go to:

​http://ckeditor.com/latest/samples/

2. Enter some sample text

   before  after
   

3. Select the entire contents and change the foreground color to red.
4. Place the cursor in the middle, type the word link, select the word link and click the link button to create a link. The results will look like this:

   <span style="color:#FF0000;">before <a href="http://ckeditor.com" data-cke-saved-href="http://ckeditor.com">link</a> after<br></span>
   

I understand that not everyone will want this behavior, which is why I'm asking for this to be a configuration option. In our case it's the desired behavior:

• we'd like to leave links looking like links for this user gesture
• we'd like to avoid the extra characters in the markup from contributing toward the field's character limit

In issue #14539 we added getLabel method to the widget definition.

Now we'd like to utilize it in image2 and placeholder plugins.

I'd propose following labels:

• image: "<alt>" image widget
• placeholder: "<placeholderName>" placeholder widget

I want to drag and Drop a MathML formula into Ckeditor window..I have seen following plugins: mathjax , eqneditor , FMath Editor ...But all of these support only LaTeX, not the MathML..give me any ideas..

I am trying to integrate ckeditor and ckfinder to a project using yii2. Ckeditor is working completely Ok but ckfinder is not working correctly. whenever I click on the browse button its not opening the file selector popup, instead showing a page not found error.

Is there any specific guide to integrate ckfinder with yii?

Let's integrate Copy Formatting plugin into CKEditor 4.6.0.

Couple of things that needs to be done before releasing CF

• Create SDK example.
• Make sure that all needed language files are created (in other words just run ​fix_plugins.sh file).
• Refine API docs.
• Create necessary entry in ​meta directory.
• Remove customer-specific ticket references.

Steps to reproduce

1. i copy the twitter link and paste

2.

Expected result ==url fetching

Actual result ==autoembed is not supporting

Other details (browser, OS, CKEditor version, installed plugins) ==crome,i5,4.5.9,autoembed

I have a div in which there is only single image, on clicking this div I have called inline ckeditor instance which opens editor but, the image is not selected by default which cause the image properties (dialog box) properties like URL and all other things to be blank.now I have to click twice to make the selection of image. Is there any thing I can do if there is single image in div I can select that by default ?

Steps to reproduce

1. Open Demo Page full featured.
2. Navigate to a combo box e.g. "Font", then activate the combo box. Then press the key "T" to select an item for example "Tahoma".
3. The focus doesn't go to the item "Tahoma" like expected.

Expected result

It should be possible to select a combo box item with the keyboard.

Actual result

It´s not possible to select a combobox item with the keyboard.

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

Steps to reproduce

1. Open div area sample.
2. Clear up the editor content.
3. Put the selection inside the editor.
4. Select "Marker" style from a styles dropdown and type some text.
5. Blur the editor (by clicking outside of the editor).
6. Click on styles button.
7. Blur the editor (by clicking outside of the editor).
8. Click on styles button.

Expected result

No JS error is thrown

Actual result

JS error is thrown:

Uncaught DOMException: Failed to execute 'setStart' on 'Range': The offset 13 is larger than or equal to the node's length (6).

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

Steps to reproduce

adding this to config

config.colorButton_foreStyle: {
  element: 'font',
  attributes: { 'color': '#FF0000' }
}

Expected result

i would like to change default text color as said in doc:

​https://github.com/ckeditor/ckeditor-docs/tree/master/guides/dev/features/colorbutton#custom-color-style-definition

is there a way to change de default text color via the api?

Actual result

do nothing

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

The vertical scroll bar within the Styles drop-down disappears on Chrome. Changing the selection in the editor so that the list of Styles is refreshed seems to cause the vertical scrollbar to appear in the list when it is next displayed.

Steps to reproduce

1. Go to ​http://ckeditor.com/demo (version 4.5.9 at time or writing)
2. Click on the Styles drop-down in the Toolbar so the list of styles is displayed
3. Click away so the list of styles is hidden
4. Click on the Styles drop-down a second time - notice that when the list of styles is re-displayed the vertical scrollbar is now missing.

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

Browser: Version 52.0.2743.49 beta-m (also seen on non beta Chrome) OS: Windows 7 CKEditor version: 4.4.6 (locally) and 4.5.9 (​http://ckeditor.com/demo)

Steps to reproduce

1. Enter a paragraph of text
2. Make few words bold and some italicized.
3. Delete the spaces before and after Bold and Italic text, re-enter the spaces before and after Bold and Italic text

Expected result

The first space entered after or before Bold and Italic text should be a normal space as opposed to an &nbsp;

Actual result

The first space entered after or before Bold and Italic text becomes an &nbsp;

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

Tested on Chrome with CK version 4.5.2.

Problem/Motivation

Over at ​https://www.drupal.org/node/2741945 we had to create a workaround to access the contents of the iframe created by the wysiwygarea plugin using automated tests (with Behat/Mink). Having the name attribute would allow us to simply use ​switchToIFrame().

Proposed resolution

Add a name attribute to the iframe and use the value of editor.name for the attribute.

Steps to reproduce

1. Create a plugin with the following code and add it to your editor:

CKEDITOR.plugins.add( 'myplugin', {
    init: function( editor ) {
	    editor.on( 'change', function(e) {
			console.log('change');
		});
	}
});

2. Hit any key and observe that the message "change" is logged to the console.

3. Paste something - "change" will be logged" - then hit any key, and it will not be logged. If you hit another key after that, it is logged again.

Expected result

"change" should always be logged when a key is pressed.

Actual result

"change" is not logged immediately after a paste.

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

Seems to only affect Chrome.

In convertToPx function style attribute is always set to left even when editor is in RTL mode, e.g.

calculator = CKEDITOR.dom.element.createFromHtml( '<div style="position:absolute;left:-9999px;' +
                        'top:-9999px;margin:0px;padding:0px;border:0px;"' +
                        '></div>', CKEDITOR.document );

Should this be replaced with 'right' for RTL mode?

Html source code containing "<a name=”quotes”></a>" displays a red flag. No way to put off it, unless we disable "link" plugin as follows, config. removePlugins: 'link

Steps to reproduce

1. Copy the text from the attached file
2. Paste into CKEditor

Expected result

Please provide a config method to put off red flag, while "link" is enabled.

Actual result

Could only disable red flag by disable "link" plugin.

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

OS: Windows 8.1 CKEditor version: 4.5.5 Occurs on demo site: yes

The carriage return isn’t working correctly when you enter a note on a worksheet. In the screen shot below, I entered the 7 July 2016 data and then hit enter. The cursor went back to the beginning of that line instead of the next line. I used the mouse to position the cursor for the next line and after entering “Had a telephone call with Jill and Diane”, I hit enter and the cursor then went to before the 7 as you see below. You then have to take the mouse and position the cursor for the next line.

It worked correctly before. I had this problem last week so it has been like this for at least a little while. I am using the worksheets much more as the networks are becoming more active so this is a considerable issue. Thanks,

Actual result

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

Steps to reproduce

See screenshot. Seems like Bullets are vertically aligned to the bottom of the text

Steps to reproduce

1. Open in MS-Edge Browser
2. add smiley. some times it adds on 1st click, some time we need click 2 times to add a smiley
3. after adding smiley , add text content.

Expected result

Should add Smiley on 1st click & text content should be added in Left to Right direction, Cursor should stay at right most of text entered.

Actual result

Smiley not adding on 1st click & text content entered added in Right to left direction & cursor stays at left most side of the text entered, not at right side last position.

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

Browser - MS Edge CKEditor Version - 4.4.3 Used with Drupal 7.4

Steps to reproduce

1. Open Chrome and browse to a URL, copy the URL from the address bar to the clipboard
2. Switch to Safari and open CKEditor
3. Attempt to paste the URL into CKEditor

This is present no matter how the URL is paste (keyboard shortcut, right click -> paste, button).

Expected result

The URL appears in the editor.

Actual result

Nothing is added to the editor.

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

ckeditor.com/demo - CKEditor 4.5.9 (Standard) (revision a35abfe) Chrome - Version 51.0.2704.103 (64-bit) Safari - Version 9.1.1 (11601.6.17)

Hi,

We are using ajax calls to get data from database( rest service) and showing in the CkEditor on the page. When the setData() method is being used, sometimes it happens that the data is not displayed in the CKEditor.

For example code we are using:

CKEDITOR.instances.applicationText.setData(pvdRichTextItems[i].CategoryText);

CKEDITOR.instances.applicationText.updateElement();

Did any one have seen this issue.

Your help is much appreciated.

Thanks

We are seeing an issue when the setData() method is use

Steps to reproduce

1. Copy image to clipboart

2.1. In CKEDITOR right click and select Paste 2.2. In CKEDITOR enter Ctrl+V

Expected result

Paste image

Actual result

Open window with text: Because of your browser security settings, the editor is not able to access your clipboard data directly. You are required to paste it again in this window. ...

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

I am reporting this from Oracle. Customer reports that replacing an image within CKFinder with the same name is not immediately updated in the Image Properties Window which also does not get updated in the CKEditor

Steps to reproduce

On IE Scenario 1

1. Insert image image.jpg
2. Right click on image properties and navigate to browser server
3. Delete image.jpg
4. Upload with another file named image.jpg
5. Double click to select it.
6. In image properties window the image is not updated
7. Selecting OK, image is still not updated in CKEditor.
8. Edit and select image properties note the image is updated
9. Select ok, image is not displayed
10. Reload the CKEditor image is displayed properly.

Scenario 2

1. Insert image image.jpg
2. right click on image properties navigate to browser server
3. delete image.jpg
4. replace with another file named image.jpg
5. double click
6. In image properties window the image is not updated
7. Selecting OK image is still not displayed
8. Select Image Properties again and note that the image is corrctly updated in Preview
9. Select ok image is not displayed
10. Reload the CKEditor, image is displayed properly

On Firefox Scenario 3

1. Insert image image.jpg
2. right click on image properties
3. navigate to browser server
4. delete image.jpg
5. replace with another file named image.jpg
6. double click
7. In image properties window the image is not updated
8. Selecting OK displays the correct image

Expected result

Once the image is replaced it should be immediately updated in the Preview and CKEditor window.

Actual result

Replacing an image within CKFinder with the same name is not immediately updated in the Image Properties Window and CKEditor window.

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

This was tested on CKEditor 4.4.7 (revision 3a35b3d) and ckfinder-2.4.2 This happen in all browsers(IE, Mozilla and Firefox) with slight different in behavior in Firefox as mentioned in Scenario 3

Please let us know if this can be fixed.

I need to remove backgroundcolor button form ckeditor. my code:

config.removeButtons = 'BackgroundColor,PasteFromWord';

Steps to reproduce

1. Open ​http://tests.ckeditor.dev/tests/plugins/font/manual/quotedfont in IE.
2. Switch to source mode.

Expected result

The second line of the source should read: <p><span style="font-family:'Univers LT Std',sans-serif">This is styled part.</span></p>

Actual result

The second line of the source reads: <p><span style="font-family:&quot;Univers LT Std&quot;,sans-serif">This is styled part.</span></p>

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

IE11, IE10

Both forms work. The issue here is for them to be the same.

Steps to reproduce

1. move "config.js" to "config-x.js"
2. launch toolbarconfigurator

Expected result

An error message, explaining the "config.js" was not found.

Actual result

Silence. The configurator just shows no details.

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

Mac OS, Chrome, CKEDITOR.version="%VERSON%" (Yes, in the debugger, that is what it says. Looks like a bug to me. Get a Mac and try it.)

Please note: As an advanced programmer, the first thing I did upon starting with CK was to take control of the configuration file. Specifically, I addressed the problem that the file "config.js" is part of the distribution, and therefore is a terrible place to put any of my code. I am not going to put my code into a file that can be destroyed if I choose to over-lay a new distribution on top of an old one, or other such maintenance. (See later paragraph on how you should change your distribution so that it is safer.) My solution was to do the following:

(1) Put my actual config into a completely separate directory.

(2) In the CK directory, put a symbolic link "config-ACTUAL.js", pointing to step 1 file.

(3) In the application, as a member of the "config" object passed to CKEDITOR.replace(), I put in { ..., customConfig: "config-ACUTAL.js", ... }

(4) To make sure that this was all working, and that the system was not grabbing the old "config.js", I renamed it to "config-original.js".

The net result was that there was no "config.js" in the "ckeditor" directory. I intentionally did not want a "config.js" to exist there. This seemed like a pretty reasonable thing to do, and I have dealt with these kinds of situations many times.

The bottom line is: When your program fails to find a critical resource, the program should report this to the user. Pretty basic stuff.

Regarding over-lay of distribution files on top of locally customized files, the solution I use for the products I develop would be applied to your product as follows:

(1) The distribution should include a file called "config-BY-VENDOR.js".

(2) The distribution should not include "config.js"

(3) For the "CKEDITOR.replace()" command, assuming there is no "customConfig" member, attempt to read "config.js" as usual.

(4) Detect and report a missing, critical resource. In this case, if the "config.js" file is missing, pop up a message that says "File 'config.js' is missing (and no 'customConfig' used). You must copy "config-BY-VENDOR.js" to "config.js" to proceed.

(5) The "samples/toolbarconfigurator" program should use "config-BY-VENDOR.js". You don't want to use "config.js" because it might be contaminated by the local developer (like me).

(6) As mentioned in the topic of this ticket, if "sample/toolbarconfigurator" does not find a critical resource, it should inform the user.

Good luck. Have fun. If I'm ever in Warsaw I will try to visit your office (if you have one) to say "hello".

Alexander

Steps to reproduce

1. Open ​http://tests.ckeditor.dev:1030/tests/plugins/widget/manual/inline in Edge
2. Double-click on a placeholder widget(e.g. Dwight Hooker?) to edit it.

Expected result

The edit dialog appears.

Actual result

The edit dialog does not appear, the editor is scrolled down.

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

Browser: Edge.

Steps to reproduce

(This can be reproduced in the CKEditor Full Featured Demo)

1. Create a table.
2. Create a table inside a non-header row of the the first table, with a header row.
3. Place the cursor in a cell in the header row of the nested table.
4. Perform one of the Row commands available in the Table Tools plugin (e.g. Insert Rows Before, Insert Rows After, or Delete Rows)

Expected result

The header row in the nested table should be acted upon according to the chosen operation.

Actual result

The selected action is performed on a row of the outer table.

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

Tested in IE 11, Chrome 51, Firefox 47
Windows 7
CKEditor 4.5.9
Table Tools Plugin

There is a bug in the getSelectedCells() function in the Table Tools plugin. Specifically, line 33:

var nearestCell = startNode.getAscendant( 'td', true ) || startNode.getAscendant( 'th', true );

When the selection is in a header row of a nested table, nearestCell will be a td element of the outer table, since that is the first operation performed in the "or" statement. I believe the line should instead be:

var nearestCell = startNode.getAscendant( { td:1, th:1 }, true );

This will correctly select the nearest td or th element in the nested table.

Line 50 should be changed in the same manner.

Steps to reproduce

1. inset table >
2. hover over table and right click on cell > cell properties
3. cell properties screen opens > now edit cell properties height , width, percentage / pixels drop down , background and border colors using choose buttons and save. and reopen same cell properties

Expected result

if user select percentage user should be prompted to add percentage of cell /number of pixels in cell

Actual result

cell properties pixels / percentage options are not working

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

Chrome

Steps to reproduce

1. go to ckeditor.com/demo with Firefox for Android
2. in the ckeditor window, long press on a word to make handles appear

Expected result

word selected and handles appears to refine the selection

Actual result

a paste menu appears

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

The same process works well with Chrome for Android.

Steps to reproduce

1.Click on the enhanced image (image2) in the editor and add a url to the image and select the captioned image checkbox.

2. select the caption text and click the link icon in the editor.
3. in the link dialog you will notice that the target tab is disabled

Expected result

the expected result should be that the caption should also support the link target attribute.

you can reproduce this on the demo page.

Steps to reproduce

1. Create hyperlink in the document
2. Mouse click with middle button (scroll wheel) OR
3. Mouse click with right button

Expected result

-> Open hyperlink in web browser after middle button click

-> Show option "Open hyperlink" in the popup window

Actual result

-> Nothing

Steps to reproduce

1. npm install benderjs-ckeditor
2. try to actually use it

explanation

I've been trying to use Bender with a third party plugin I've been writing for CKEditor. It would be really nice to get access to the helper functions. It looks like the github repo for benderjs-ckeditor has been removed, and the plugin has been moved into tests/_benderjs. The current version that's on npm looks to be about 2 years old and out of date.

It would be nice if the npm module was once again updated, then one could write properly tested plugins without just copying over the plugin directory.

Steps to reproduce

1. add this code in the editor style sheet :

p { font-size:32px; border: dotted 1px #818181; overflow:auto; line-height:normal; width:97.5%; padding:10px;}

2. try to delete the paragraph when it is empty - you cannot.

3. You have to delete it via the source.

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

bug in Edge and IE 10 (not in Chrome or FF) not related to plugins. version 4.5.5

The issue seems to be related to the attr. overflow and/or width in %.

Paste from word is working properly in chrome, but it is working properly in firefox and IE. In Firefox the colors are coming as it is in the word file but in chrome the colors are disappearing, but the other formatting like bold, strickthrough are working in all browser. The issue is only with the color of the text that I am coping from the word file.

Please suggest what should I do to resolve the issue.

Test data:

 <div>aaaaaaaaaaaaaaaa</div>
  <div class="bbbbbbbbbbbbb"><br></div>

To reproduce the defect:

1. Open nightly build, clear all editor content. set above data as editor content.

2. Ctrl+A to select all the content.

3. Click on "Insert/remove number list" to convert 2 lines into number list.

4. List should be selected.

5. Click "Table" icon to open Table Properties dialog & click OK to insert table with default values.

Issue: Browser hangs

Steps to reproduce

1. Use a skin which does not visually separate combo boxes from the rest of the toolbar, for example, minimalist.
2. Set the toolbar configuration to have a separator (i.e. "-") immediately after a combo button, such as FontSize.

Expected result

A separator displays after the combo button.

Actual result

The separator does not display.

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

Skins such as moono always pull combo buttons out of the rest of the toolbar as if a separator had been placed either side, which could also be seen as incorrect.

When I save my content type field(Full HTML) in a form, after save it lost all the content and replaced it with whole HTML code

Steps to reproduce

1. Disable ACF by setting allowedContent in the config to true
2. Click the Source button
3. Enter <form></form>
4. Click the Source button again to return to normal editing.
5. Click the Source button again to enter source mode again.

Expected result

The content should be <form></form>

Actual result

The content is blank

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

Steps to reproduce

1. Table Resizer plugin installed.
2. In the editor, go to source mode, then type :

<table border="1" cellspacing="2" style="width:400px">

<tbody> </tbody>

</table>

3. Close the source view
4. Drag the mouse over the empty table

Expected result

Nothing should happen, table is empty

Actual result

Error: Unable to get property 'cells' of undefined or null reference

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

Browser is IE 11, CK Editor 4.5.10, Table Resizer plugin installed.

Related to ​t/14569.

The balloonpanel and a11ychecker plugins have separate stylesheets which should be adjusted to the new moono-lisa skin.

Team,

We are using CKEditor Version 3.6.6.2, CKFinder Version 2.1 and backend controller JAVA. We are uploading image through imageuploader plugin We are able to upload image at external location. Issue is uploaded image is not getting preview in Chrome but it is preview in Internet Explorer. Kindly provide the solution.

Steps to reproduce

1. Download and implement simplebox plugin from the tutorial. This may happen to other plugins, too.

​https://github.com/ckeditor/ckeditor-docs-samples/tree/master/tutorial-simplebox-2/simplebox

2. Load content into the editor. The content should be the same like it is produced by the plugin. So it is similar to saving and loading the data for CKEditor.

   CKEDITOR.replace('editor1', {
       extraPlugins: 'simplebox'
   });
   CKEDITOR.instances.editor1.setData('<div class="simplebox align-left"><h2 class="simplebox-title">Title</h2><div class="simplebox-content"><p>Content...</p></div></div>', {
       callback: function() {
           this.checkDirty(); // true
       }
   });
   

3. Load the Page with a web browser (I use chrome). You will see the simplebox plugin field.
4. Now click the simplebox plugin icon. When clicking ok after inserting the required fields, the error will show up in your console and no new simplebox field is shown in your editor.

Attention: This will only happen if you do not click into the editor after the page load. Please click the simplebox plugin icon before you do anything else with the editor.

Expected result

The plugin dialog closes and a new simplebox is shown in the editor.

Actual result

No changes within the plugin dialog are saved and the following error is shown in the browser console: "ckeditor.js:344 Uncaught TypeError: Cannot read property 'checkReadOnly' of undefined".

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

CKEditor v4.5.10, Chrome Version 51.0.2704.103, Simplebox Plugin

Steps to reproduce

1. enable the autolink plugin
2. paste a url with a '-' in the hostname (e.g. ​http://example-site.org/) into the editor text field

Expected result

url string is converted to a clickable link

Actual result

url is not detected

Steps to reproduce

1. Copy any URL ex:- ​https://dev.ckeditor.com/newticket
2. open Chrome/Firefox paste the above URL into Ckeditor
3. Note that the pasted URL is pasted as a simple text not as URL
4. Above scenario is not reproducible in IE.

Expected result

Should paste the URL as URL not as plain text

Actual result

Pasting the URL as plain text

Other details (browser, OS, CKEditor version)

Chrome & Firefox, ckeditor-4.5.7

I'm trying to intercept the CTRL + V keystrokes to open the ckeditor default 'Paste' dialog window.

Steps to reproduce

$(window).load(function() {

CKEDITOR.on('instanceReady', function (ev) {

ev.editor.setKeystroke(CKEDITOR.CTRL + 86, 'pastetext');

});

}

2. CTRL + V paste into main editor window

Expected result

'Paste' dialog should pop up ready for text to be pasted into it.

Actual result

Text is pasted into the editor BEFORE 'Paste' dialog has opened.

(Using ckeditor version 4.3.3 in Chrome Version 51.0.2704.106)

Steps to reproduce

1. Open nightly build.
2. Insert a Large Image (ex: width : 450px height 450px)
3. Click on the Image to select it

Issue: Image handlers are outside of CK Editor body

Steps to reproduce

1. Open nighty build and empty it's contents

2. Click on "Bold" icon in toolbar.

3. Click in Editor body( which is empty).

Issue: see "Bold" button goes off.

4. Keep clicking in Editor body, repeatedly.

Issue: you will see "Bold" button goes on and off, on and off.

To reproduce the defect:

1. Open nightly build & clear all editor content

2. Add few empty paragraph's.

3. Open inspector like Firebug, you see content like this in the editor body:

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

4. Click "Source" button which invokes getData(), it gives:

<p dir="ltr">&nbsp;</p>
<p dir="ltr">&nbsp;</p>
<p dir="ltr">&nbsp;</p>
<p dir="ltr">&nbsp;</p>

You can see the <br> converted to &nbsp;

please review and see whether this is a defect, or any reasons behind for the conversion. it seems to be intended. if it is, please explain the reason for doing this conversion.

It appears that "<" symbols are not being handled correctly by the editor, and may be interpreted as HTML tags when directly adjacent to another character and within a table cell. When I type "250<MBH" into a table cell, the editor does not recognize the string as text, and truncates it to "250". If I type "250 < MBH" into a table cell, the string is formatted correctly.

Steps to reproduce

1. Click the 'Edit' button to open the editor
2. Insert a table using the Table button
3. Type "250<MBH" into a table cell
4. Click the 'Save' button

Expected result

The string appearing in the table should be "250<MBH"

Actual result

The string appearing in the table is "250"

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

Steps to reproduce

1. Create a bullet-point list
2. On one of the bullets, add a widget and no other content (I can reproduce using the code snippet widget on ​http://ckeditor.com/demo#widgets but the issue is also present on our custom plugins)
3. Position the caret after the widget and press enter

Expected result

A new bullet point is created

Actual result

The entire bullet point and the widget disappears.

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

Tested on latest Safari on OS X but also had reports for Firefox 49 on Windows 10.

Screencast demonstrating issue: ​http://screencast.com/t/XAl8C1sSMWq

Steps to reproduce

when using ckeditor with spellcheck ,While typing continuously on ck editor textarea ,the cursor jumping to the starting position automatically.This one will happen only when enable spell check.This issue there in ckeditor demo page itself.

Expected result

cursor wont jump to the starting position when using spellcheck

Actual result

It is jumping now when spell check is enable

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

Chrome browser we are using

Hi, We are using CKEDITOR 4.4.8 (revision:ccd0038). In our application we have a page which have 222 iframed CKEditor instances. When we load this page in IE 11 and chrome, browsers responds very very slowly. In case of IE 11 we get alert like '.. not responding due to long running script.' for this page loading. When we traced browser log, we found multiple calls to contents.css. We noted that all these calls of contents.css are provided from cache by browser but the issue is CKEDITOR calls multiple times (in our case 222 times) to browser and that's making browser almost unresponsive. We have already referred ​https://dev.ckeditor.com/ticket/10425. Do you have any work around to prevent browser slowness when single page has such large iframed ckEditor instances?

Thanks.. Jignesh Dalwadi

Hi, We are using CKEDITOR 4.4.8 (revision:ccd0038). In our application we have a page which have 222 iframed CKEditor instances. When we load this page in IE 11 and chrome, browsers responds very very slowly. In case of IE 11 we get alert like '.. not responding due to long running script.' for this page loading.

When we traced browser log, we found multiple calls to contents.css. We noted that all these calls of contents.css are provided from cache by browser but the issue is CKEDITOR calls multiple times (in our case 222 times) to browser and that's making browser almost unresponsive.

We have already referred ​https://dev.ckeditor.com/ticket/10425.

Do you have any work around to prevent browser slowness when single page has such large iframed ckEditor instances?

Thanks.. Jignesh Dalwadi

I have integrated nanospell along with ckeditor. though it works fine locally, i get red wiggly lines on production.

I have entered the enterprise key for nanospell on key.lic. Please help.

Hello!

I have an issue with CKEditor. When I insert ans save HTML source code into information page CKedtor change original HTML.

For instance:

Original code:

<div class="cms-block xs-100 sm-50 md-50 lg-25 xl-25">
                <span class="block-content" style="height: 214px;">
                        <div class="block-icon block-icon-left" style="background-color: rgb(235, 88, 88); width: 30px; height: 30px; line-height: 30px; border-radius: 50%"><i style="margin-right: 5px; color: rgb(255, 255, 255); font-size: 20px" data-icon=""></i></div>
                        <div class="editor-content" style="text-align: left"> <h3>My text here</h3>

<ul>
	<li>My text here</li>
	<li>My text here</li>
	<li>My text here</li>
	<li>My text here</li>
	<li>My text here</li>
	<li>My text here</li>
	<li>My text here</li>
</ul></div>
        </span>
    </div>
</div>
</div>

Code after insert and save:

<div class="cms-block xs-100 sm-50 md-50 lg-25 xl-25">
<div class="block-icon block-icon-left" style="background-color: rgb(235, 88, 88); width: 30px; height: 30px; line-height: 30px; border-radius: 50%">&nbsp;</div>

<div class="editor-content" style="text-align: left">
<h3><span class="block-content" style="height: 214px;">My text here</span></h3>


<span class="block-content" style="height: 214px;">My text here</span>

<span class="block-content" style="height: 214px;">My text here</span>

<span class="block-content" style="height: 214px;">My text here</span>

<span class="block-content" style="height: 214px;">My text here</span>

<span class="block-content" style="height: 214px;">My text here</span>

<span class="block-content" style="height: 214px;">My text here</span>

<span class="block-content" style="height: 214px;">My text here</span>


</div>
</div>
</div>
</div>

Thanks for prompt reply,

Alexey

Steps to reproduce

1. Write some 10 or 20 line.
2. Go to 15th line then switch to source mode
3. Notice the cursor is positioned at the starting of the first line or the scroll position will be at the first line

Expected result

cursor should stay at the same line which is selected in the content view and should not jump back to starting of the page i.e at the 1st line when switching to source mode

Actual result

cursor is jumping to start of the page

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

happens in IE,Firefox,Chrome

Steps to reproduce

I am using CK Editor 4.5.8 I am using Knockout js binding in my code We are using IE but it works on some machine but doesn't work on some machine

model dialog have 2 buttons Save and close

on model dialog initialization

<script type="text/javascript">
        $(document).ready(function() {
            ckInstance = CKEDITOR.replace("txtAnmeldelse", {
                toolbar: 'Basic',
                uiColor: '#9AB8F3',
                resize_enabled: false
            });
            

        });
        ko.applyBindings(new WorkViewModel(), 
    </script>

on close: call self.closeAndRefresh

 self.closeAndRefresh = function () {
        var instance = CKEDITOR.instances.txtAnmeldelse
        var editor;
        if (instance) {
            // first distroy and create new
            instance.destroy(true);
        }
        window.close();

    };

On page Edit mode call function : self.getWorkText

self.getWorkText  = function() {
var instance = CKEDITOR.instances.txtAnmeldelse;
            var editor;
            if (instance) {
                // first distroy and create new
                instance.destroy(true);

            }
            ckInstance = CKEDITOR.replace("txtAnmeldelse", {
                toolbar: 'Basic',
                uiColor: '#9AB8F3',
                resize_enabled: false
            });

            ckInstance.on('instanceReady', function (e) {
                editor = e.editor;
                window.setTimeout(function () {
// solution for permsion denied issue Permission denied     
//when calling setData very fast https://dev.ckeditor.com/ticket/10501 

                    e.editor.setData(self.WorkText().Anmeldelse, {
                        callback: function () {
                            this.checkDirty(); // true - to clear previous intance 
                        }
                    });
                }, 50);
               
            });

}

Expected result

First time it load correctly but when i close pop-up window and reopen it i hangs.

ck Editor and give error permission denied on get_attribute function and make IE and CK editor responsiveness

Actual result

CKEditor should be open and bind correctly and should be destroy correctly

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

IE 11.0 Update 11.0.33 CKEditor 4.5.8

Steps to reproduce

1. Just started using ckeditor and got a little problem. On a button click outside the editor a tag is generated and then inserted into the ckeditor using the following code:

CKEDITOR.instancespageContent?.insertHtml('<cke:video id="video-' + i + '" class="video" src="' + $(this).siblings('.mediaName').text() + '">Video</cke:video>');

2. The above works fine. The tag is inserted into the editor and it shows the text "Video" in the wysiwyg view. When you click source it shows the tag code as shown below.

<video class="video" id="video-29" src="/link/to/file.flv">Video</video>

3. Then when you start to click around video element in the editor adding more content the console throws the error:

Permission denied to access property 'nodeType'

Expected result

Actual result

Other details (browser, OS, CKEditor version, installed plugins) == Im using Firefox 44.0b1, Windows 7 Enterprise , CK Editor 4.0

Hello. We have experienced a new bug in Joomla ckeditor. When the administrator wants to save global configurations of the component, the save button didn't work properly. It's a javascript problem. The browser console shows this error:

core.js:1 Uncaught TypeError: Cannot read property 'task' of null

where core.js is the Joomla global js file places in below path:

media/jui/js/jquery-migrate.min.js

The screenshot of this problem is here: A similar conversation with no result is in github: ​https://github.com/joomla/joomla-cms/issues/7631 Please fix this problem. Thanks.

Steps to reproduce

1. Copy any content right click on the editor notice that it will not give paste option until unless you right click on the place where cursor is present or the place there is some content already present

Expected result

Right click anywhere on the editor should give paste option

Actual result

paste option is given only at the current place of the cursor or if there is content already exist

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

happens in all the browsers

Related to ​t/14569.

While the WebSpellChecker plugin (WSC and SCAYT) is quite important, we should make sure it looks good with moono-lisa skin.

After checking with moono-lisa, the plugin looks well, only a few cosmetic changes need to be done (margins, some button alignments, etc).

Steps to reproduce

1. Ensure you have the ​http://ckeditor.com/addon/link plugin
2. Insert a line with few words
3. Double click on some word in the middle of the line - it will select the word and the space following it
4. Click on the link button to hyperlink the word

Expected result

5. It should only hyperlink the word (e.g. MS Word behavior) without including the space following the word in the linked text

Actual result

6. However currently it links the word and the space following it. As a result, when the word is subsequently deleted without deleting the space following it, it leaves behind a link on the empty space which can cause other undesired downstream impact

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

Link plugin: ​http://ckeditor.com/addon/link - you can check out this behavior on the link widget page itself.

Steps to reproduce

Open (full featured) demo site in Chrome. Delete demo content (Ctrl+A, Del). Type a few characters, select it by doubleclicking, change the font size of the selected block using Font Size combo to 36. Now text is selected and Font size combo shows "36".

2. Press Del to delete selected characters, content is blanked. Font size combo switches to its default value "Size".

Type a few characters. Font size combo switches to "36" and entered characters are similary sized.

Expected result

Font size combo should keep selected with "Size" and default font size should be used.

Actual result

Font size combo reverts to size of deleted content.

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

Occurs in Chrome only, works as expected in FF/IE. Tested on Windows 7, Windows 8.1, Windows 10. CKEditor v. 4.5.10

Steps to reproduce

1. Go to download page
2. Select full download
3. Press Download button
4. Unzip

Expected result

Justify Plugin exists in plugins directory

Actual result

Justify plugin doesn't appear in plugins directory

Please add custom fonts(font should contain italic or bold etc..)

1.Need to add new font in ckeditor 2.Please verify font label in fonts drop down.

Font name label should display with current font

Font style not applying to the font name label in the font drop down

Note : 1.Font style applying for ckeditor text but not font name label in font dropdown .

Steps to reproduce

1. Insert 2 pictures, both with align:left (float: left)
2. Select the first (left) picture

Expected result

first picture is selected

Actual result

both pictures are selected

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

Browser: Chrome 52.0.2743.116 m OS: Windows 10 Editor version: 4.5.10

Steps to reproduce

1. Open some long sample to have a scrollbar
2. Open e.g. a font-size dropdown.
3. Page was scrolled.

Expected result

Actual result

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

browser 52.0.2743.116 m
OS Windows 7
CKEditor version 4.5.10

I know that ticket is duplicate ​https://dev.ckeditor.com/ticket/10718 but the problem still remains

Steps to reproduce

1. Using this demo as an example: ​http://sdk.ckeditor.com/samples/savetextarea.html
2. Switch to Source mode
3. Enter content containing a non-supported tag, such as <style>test</style>
4. Switch back to WYSIWYG mode
5. Switch back to Source mode
6. Observe: the <style> tags have been stripped out, as expected.
7. Enter the content again: <style>test</style>
8. While still in Source mode, click the 'Submit' button to submit the form.
9. Observe in the "Data Posted to the Server" page: the <style> tags have not been stripped out

Alternatively, try using content <form>test</form>, observe that it is transformed to <p>test</p> as expected, but if submitted in Source mode, no transformation takes place.

Expected result

The unsupported tags should be stripped out prior to submitting the data.

Actual result

The unsupported tags are NOT stripped out prior to submitting the data. Apparently this only happens when switching editor mode and on other events not related to the form submission.

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

n/a

Steps to reproduce

1. Create a paragraph with more than two lines
2. Put the cursor at the beginning of the first word of the second line (or any after the first line).
3. Press backspace and then space.

Expected result

The word goes back to the upper line.

Actual result

Both words stay on the current line.

Other details

Tested on the current latest version (4.5.10). It can only be reproduced on Chrome, and after generating the issue, if changes are saved, you can also see the wrapping issue on other browsers.

Hi,

The css in content.css (and other .css files in plugins) define global tag like 'a', 'body', 'ul'. Those are super general tags and can overwrite existing css files.

The best practice is to prefix them with something like .ckeditor to limit your css to your widget's context.

If it's not a required css file you could remove it from the default package, but I assume it is required.

(downloaded from ​http://ckeditor.com/download)

Thank you!

Steps to reproduce

1. I want to replace TinyMCE within my system

2. The existing code for TinyMCE is

<pre> <!-- TinyMCE --> <script type="text/javascript" src="../scripts/tiny_mce/tiny_mce.js"></script> <script type="text/javascript">

tinyMCE.init({

General options mode : "textareas", theme : "advanced", skin : "o2k7", height : "600", plugins : "autolink,lists,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,inlinepopups,autosave",

Theme options theme_advanced_buttons1 : "save,newdocument,|,bold,italic,underline,strikethrough,|,forecolor,backcolor,|,styleselect,formatselect,fontselect,fontsizeselect,|,justifyleft,justifycenter,justifyright,justifyfull", theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,|,image,media,|,cleanup,help,|,insertdate,inserttime,|,preview,|,code,|,fullscreen", theme_advanced_buttons3 : "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,advhr,|,print,|,ltr,rtl", theme_advanced_toolbar_location : "top", theme_advanced_toolbar_align : "left", theme_advanced_statusbar_location : "bottom", theme_advanced_resizing : false,

Example word content CSS (should be your site CSS) this one removes paragraph margins content_css : "/scripts/tiny_mce/text.css",

Drop lists for link/image/media/template dialogs template_external_list_url : "lists/template_list.js", external_link_list_url : "lists/link_list.js", external_image_list_url : "lists/image_list.js", media_external_list_url : "lists/media_list.js",

Replace values for the template plugin template_replace_values : {

username : "admin", staffid : "991234"

}

});

</script> <!-- /TinyMCE --> </pre>

3. How do I insert the proper replacement code for CKEditor.

Thank you.

We need to check if it's possible to include new SCAYT / WSC release.

Steps to reproduce

1. Download the attached file, and edit line 6 to point to correct CKEditor path which has the "Div Editing Area" plugin enabled
2. Load it in the latest version of Edge
3. Click the "Click Me" button.

Expected result

"Hello, World!" appears inside the editor

Actual result

The contents of the editor do not change, and the following error is logged to the console:

SCRIPT5007: Unable to get property 'checkReadOnly' of undefined or null reference

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

Seems to happen when calling insertElement() before the user has clicked into the editor (this is common in our usage, as we have a "Quote" button next to all posts, which initiates an editor and then inserts the quoted post into it).

Happens in the latest version of Edge (38) but doesn't happen in older versions (14 is the latest available on Browser Stack and it doesn't happen there - but it seems to be the most recent update as this issue has only recently been reported to us) or in any other browser.

Does not happen unless the Div Editing Area plugin is present.

Bug report in our system: ​https://invisionpower.com/4bugtrack/active-reports/41132-edge-wont-quote-a-post-r12195/

Steps to reproduce

1. CKEditor was tested in my pc Web server and looks OK.
2. After uploading source to Appach hosting company server, I can not see the editing area. IE,Chrome shows same result. It seems the Javascript was processed without any problem.
3. I have checked the path of Javascript twice, but Everthing is correct.

Actual source

<HTML> <HEAD>

<TITLE>글쓰기 [HTML Editor] edit.cgi for daily</TITLE> <meta http-equiv="Content-Type" content="text/html; charset=euc-kr"> <title>CKEditor Sample</title> <script src="ckeditor.js"></script> <script src="js/sample.js"></script> <link rel="stylesheet" href="css/samples.css"> <link rel="stylesheet" href="toolbarconfigurator/lib/codemirror/neo.css">

</HEAD> </HEAD> <BODY bgcolor=#ffffff text="#222222" link="#222222" vlink="#222222" topmargin='5' leftmargin='0' ()> <div align=center><font color=#45250c></font>

<TABLE 335 align=center border=0 width=1000 bgColor=#eeeeee style='border-width:1; border-color:#555555; border-style:solid; ' background=./image/background/edit_hd.gif cellpadding=2 cellspacing=0 width=100%> <TR><TD height=6 colspan=2></TD></TR> <tr><TD height=30 colspan=2 align=center> <FORM name='WriteForm' method='post' action='./design.cgi' enctype='multipart/form-data'> <input type=hidden name='xxxx' value='1'> <input type=hidden name='command' value='write_action'> <input type=hidden name='xxx_name' value='QpJo8OfO5lMFk'> <input type=hidden name='yyy_name' value='1471355952'> <input type=hidden name='db' value='daily'> <input type=hidden name='scnmod' value=> <input type=hidden name='unWritepass' value='353420'> <input type=hidden name='txtalign' value=> <input type=hidden name='mend' value='1441610897'> <input type=hidden name='Confpass' value='John0316'> <input type=hidden name='y_number' value='23'> <input type=hidden name='task' value=> <font color="#870087"><B><U>"스몰비지니스에 대한 웨비나 강의의 수정화면-[SL]"</U></B></font></TD></TR> <TR ><TD align=right width=200><nobr>문 서 제 목 <img src=​http://www.pcpc.com.au/qbc0/image/baseicon/arrow1.gif border=0 align=absmiddle>&nbsp;</TD><TD width=800><input type=text name=title maxlength=35 size=25 value="스몰비지니스에 대한 웨비나 강의" class=inputtxt>&nbsp;&nbsp;이름 <img src=​http://www.pcpc.com.au/qbc0/image/baseicon/arrow1.gif border=0 align=absmiddle>&nbsp;편집부 <input type=hidden name='name' value='편집부'> 2 * <input type=hidden name="USE_HTM" value="2"></nobr> </TD 111></TR 111> <TR><TD colSpan=2> <TEXTAREA 244 id="comment" name="comment" bgColor=#FFFFFF width=100% >

ewataewwe aaaaaaaaaaaaaaaaa 1666666666666 134134134 &lt;div&gt;빅토리아 주정부에서 스몰비지니스에 대한 웨비나 (webinar) 강의가 다음과 같이 있습니다. International&amp;nbsp;&lt;/div&gt;&lt;div&gt;&lt;p class="MsoNormal"&gt;&lt;b&gt;&lt;span lang="EN-US" style="font-size:10.0pt;font-family: " tahoma","sans-serif";mso-fareast-font-family:"times="" new="" roman";mso-ansi-language:="" en-us"=""&gt;From:&lt;/span&gt;&lt;/b&gt;&lt;span lang="EN-US" style="font-size:10.0pt;font-family: " tahoma","sans-serif";mso-fareast-font-family:"times="" new="" roman";mso-ansi-language:="" en-us"=""&gt; michaela.lobb@… michaela.lobb@… &lt;b&gt;On Behalf Of &lt;/b&gt;Geoff.Browne@…&lt;br&gt; &lt;b&gt;Sent:&lt;/b&gt; Monday, 7 September 2015 5:00 PM&lt;br&gt; &lt;b&gt;Subject:&lt;/b&gt; New webinar sessions available from the Victorian Small Business Commissioner [SEC=UNCLASSIFIED]&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class="MsoNormal"&gt;&lt;o:p&gt;&amp;nbsp;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class="MsoNormal" style="margin-bottom:12.0pt"&gt;&lt;span style="font-size:10.0pt; font-family:" arial","sans-serif""=""&gt;Good afternoon&lt;/span&gt; &lt;br&gt; &lt;br&gt; &lt;span style="font-size:10.0pt;font-family:" arial","sans-serif""=""&gt;Response has been strong to our webinar series created earlier this year so we are providing additional sessions from September to December 2015.&lt;/span&gt; &lt;br&gt; &lt;br&gt; &lt;span style="font-size:10.0pt;font-family:" arial","sans-serif""=""&gt;The webinars will run as a presentation for 30 minutes. &amp;nbsp;Attendees are able to send in questions during this time and after the presentation there will be time allowed for a brief Q&A to respond to any questions received.&lt;/span&gt; &lt;br&gt; &lt;br&gt; &lt;span style="font-size:10.0pt;font-family:" arial","sans-serif""=""&gt;I have included below&amp;nbsp;&lt;/span&gt;&lt;span style="line-height: 14.4px; font-size: 9pt;"&gt;스몰비지니스에 대한 웨비나 (webinar) 강의&amp;nbsp;&lt;/span&gt;&lt;span arial","sans-serif""="" style="line-height: 120%; font-size: 10pt;"&gt;the topics, brief description, dates and times of each session and a registration link.&lt;/span&gt;&lt;span style="font-size: 9pt; line-height: 120%;"&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal" style="margin-bottom:12.0pt"&gt; &lt;br&gt; &lt;span style="font-size:10.0pt;font-family:" arial","sans-serif""=""&gt;I would appreciate your assistance in extending an invitation to your local businesses and networks to register at one or more of the upcoming webinars. &amp;nbsp;&lt;/span&gt; &lt;br&gt; &lt;br&gt; &lt;span style="font-size:10.0pt;font-family:" arial","sans-serif""=""&gt;If there is particular issue or concern facing your area that you believe would would make a useful topic for either a webinar or information session please let me know.&lt;/span&gt; &lt;br&gt;&lt;/p&gt;&lt;/div&gt;

</TEXTAREA></font>

<font id=SideTextColor size=1 style="color:#555555 ; display: none ;"><br>OUTSIDE aplication - 'FontColcor & BgColor'</font> </div></TD></TR> <input type=hidden name='textcol' value=> <input type=hidden name='color' value=> <tr><TD align=right width=200> <font color=#ff7700>광고글차단 비번</font>&nbsp;<img src=​http://www.pcpc.com.au/qbc0/image/baseicon/arrow1.gif border=0 align=absmiddle>&nbsp;</TD> <TD width=800> <input type=text name=passhidden size=12 class=inputtxt>&nbsp; <b>353420</b> &nbsp;을 직접 입력해 주세요</TD></TR> <TR><TD colspan=2 align=center><nobr><INPUT type=submit value='입 력 완 료 - 등 록' onClick="return EditModeChan('submit'); history.go('-2');" style='width:40%; background-color:#dadada; height:21;'>&nbsp;<INPUT type=button name=go value='입 력 취 소 - 전화면' onClick="history.go('-2')" style='width:28%; background-color:#dadada; height:21;'>&nbsp;<INPUT type=reset value='형 식 취 소 - 재구성' onClick="return EditModeChan('reset')" style='width:30%; background-color:#dadada; height:21;'>&nbsp;</nobr></TD></TR> <TR><TD height=2 colspan=2></TD></TR> </form></TABLE>

<script>

CKEDITOR.replace( 'comment' );

</script> </div></body></html>

Actual Web address

www.pcpc.com.au/qbc0/xxx.html

Expected result

Actual result

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

Steps to reproduce

1. Use CKEditor

Expected result

not to crash

Actual result

Safari reports:

undefined is not an object (evaluating 'body.$.clientTop)

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

Code breaks under Safari on Mac OS.

In file: element.js

Function: getDocumentPosition: function( refDocument ) {

Line 1500

In the following code snippet, "body.$.clientTop" is evaluated, but "body" is undefined...

var clientTop = $docElem.clientTop

body.$.clientTop

0,

clientLeft = $docElem.clientLeft

body.$.clientLeft

0,

needAdjustScrollAndBorders = true;

I am using CKEditor version 4.5.10

Alexander

Steps to reproduce

1. Use the Firefox browser; with debugger turned OFF.
2. Create a program that loads five textarea/iframe CKEditors in rapid sequence.
3. Provide a contentsCss file to be applied.

Expected result

The contentsCss file is applied to all five.

Actual result

Last one or two don't have the contentsCss file applied.

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

I have confirmed that the string going to "doc.write()" always has the proper <link> statement, so that string is consistently built correctly.

I have confirmed, through the element Inspector, that the first three editors have had the stylesheet applied, and that the last one, (at least, often the last two,) have not had the stylesheet applied.

This, of course, looks like some sort of timing issue; but it is very strange. Why would the <link> directive fail? The data is all there, so the string is getting delivered to Firefox, but Firefox somehow does not fulfill the <link> directive.

By the way, I have confirmed that the "try/catch" around "doc.write()" in "setData()" has never triggered the "catch"; so that's not it.

I have confirmed that "setData()" is getting called for each editor; obviously, since the data shows up, but also through "console.log()" I have confirmed that "setData()" is called twice for the editors failing to get "contentsCss" applied, just the same as for those that succeed in getting "contentsCss" applied.

Note: Within Firefox debugger, the issue does not occur. As you know, such a "disappearance" of a problem is not unusual for timing related issues, since the debugger alters event sequences and timings.

Alexander

Steps to reproduce

1. Use ​http://nightly.ckeditor.com to type some text
2. Switch to source mode and add <pre>foo bar</pre>
3. Switch back to visual mode
4. Switch again between source and visual mode

Expected result

No side effects from switching between modes

Actual result

A newline is added right after the opening <pre ...> tag, each switch adds another newline.

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

I reproduce this with Firefox Nightly only and on MDN (e.g. ​https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_objects/Map/set$edit ).

I'm sorry I cannot go further analyzing the issue with my knowledge.

Hi

I was wondering if you would consider putting in support for using SCSS files when specifying the contentsCSS for the editor?

Thanks

Steps to reproduce

1. add an image to the ckeditor,click on the image it will give re-size option.
2. scroll using the mouse wheel
3. re-size selection option are going out of editor area(image attached to the ticket)

Expected result

Should not go out of editor area

Actual result

going out of editor area

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

happens in all browsers

Hi Please can you help.

The old FCK Edtor (details below) is installed on an old CMS called Big Medium which I still like to use.

It works ok but NOT with iPads, becasue the vertical scrollbars are not available, which limits its use.

I've been looking at the #xEditingArea CSS value and tweaking that, but it doesn't help.

I woder if you have any ideas on how I can get around the problem?

Thanks!

John

/*

• FCKeditor - The text editor for Internet - ​http://www.fckeditor.net
• Copyright (C) 2003-2008 Frederico Caldeira Knabben *
• == BEGIN LICENSE == *
• Licensed under the terms of any of the following licenses at your
• choice: *
• - GNU General Public License Version 2 or later (the "GPL")
• ​http://www.gnu.org/licenses/gpl.html *
• - GNU Lesser General Public License Version 2.1 or later (the "LGPL")
• ​http://www.gnu.org/licenses/lgpl.html *
• - Mozilla Public License Version 1.1 or later (the "MPL")
• ​http://www.mozilla.org/MPL/MPL-1.1.html *
• == END LICENSE == *
• Styles used by the editor IFRAME and Toolbar. */

/*

### Basic Editor IFRAME Styles.

After updating Edge browser from version 25 to 38 (Edge: 38.14393; EdgeHTML: 14.14393), there are multiple unit tests failing (see attached screenshot).

This is a group task for failing tests.

I have 2 different ckeditor loaded async with jquery load in overlay popup. First time I open each popup ckeditor runs correctly. From the second time the first one (higher) shows only the toolbar and with all buttons disabled

Url: ​http://www.demosixor.it/ginko/it/deal/cerco-offro-lavoro/cercasi-freno

Steps to reproduce

1. Click on "Invia ad un amico" link (first link under the price)
2. Close popup (by click on overlay mask)
3. Click again on same link

The strange thing is that if you do the same procedure with button "Rispondi all'annuncio" it works fine

Expected result

Every time users open a popup, ckeditor works fine

Actual result

From the second time users open the "first-link popup" ckeditor is disabled

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

I just tried solutions I found in stackoverflow with no luck. I tried remove, destroy, delete but nothing make it work

Client

• Windows 10
• Chrome 52.0.2743116 m AND FireFox 47.0
• CKEditor 4.5.6 basic from CDN

I set my default font family and size in ckeditor using this two below line

font_defaultLabel ='Times New Roman' fontSize_defaultLabel='10pt'

When selecting the font and size the paragraph creating in body tag like this. <p>

<span style="font-family:arial,helvetica,sans-serif;">

<span style="font-size:8.0pt;"> </span>

</span>

</p>

When initialize ckeditor with default family ,Font family and size not selected in dropdown but label Shows like "TimesNewRoman" and "10pt".Then body content show like this

<p></p>

I set my default font family and size in ckeditor using this two below line

font_defaultLabel ='Times New Roman' fontSize_defaultLabel='10pt'

When selecting the font and size the paragraph creating in body tag like this. <p>

<span style="font-family:arial,helvetica,sans-serif;">

<span style="font-size:8.0pt;"> </span>

</span>

</p>

When initialize ckeditor with default family ,Font family and size not selected in dropdown but label Shows like "TimesNewRoman" and "10pt".Then body content show like this

<p></p>

I want to set default font family and font size as dynamically from settings.If i set font family and size in body tag in content css file that content not showing properly on pdf ,because that paragraph not having default font family and size .So I Want the real html content in ckeditor then only it shows correct font in pdf .I want the same functionality that is working when we select from drop down list needs to work when I set the default font family.