Custom Query

In Firefox (Nightly, Aurora and 29), when selecting text in the editor and creating a hyperlink, when the Browse Server function is used, the text selection is lost and a new element is created rather than the text being turned into a link (see screenshot).

Steps to reproduce: (Using Firefox)

1. Go to the demo at ​http://ckeditor.com/demo
2. Select 'became the first to step' text (or any other text) in the textbox
3. Click the link toolbar button
4. Select Browse Server, then select any item
5. The link will be appended as a new link with the link text, rather than making the selection a link

Other cases: In other browsers (such as Safari), the function works as intended

Choosing to upload a file rather than browsing the server results in the correct behaviour

If a link has already been created and is being edited, the link is successfully updated and behaves as normal

When you click one of the dropdown menu's (Format), close it without selecting anything, then click on other dropdown menu (Styles), the menu shows up in the top left corner of the screen instead of below the dropdown (Styles).

It only occurs on IE8 and IE9 (I tried it on emulation mode on IE11).

I'm using Windows 7 Professional (64 bits)

I'm able to reproduce this on the current demo page (​http://ckeditor.com/demo) and on the nightly demo page (​http://nightly.ckeditor.com/14-05-12-06-06/standard/samples/replacebyclass.html)

Hi

We have upgraded CKeditor version 3.6.2 to 4.4.0 and using in our application, have the license for version 3.6.2 will it work the same license for version 4.4.0 or need to get new license ?

Please clarify this we have registered license Name with "David Melamed"

Please provide the steps to get the license

Thanks Kiran

First seen locally, but easily reproducible on ​http://ckeditor.com/demo#widgets

If you already have an Enhanced Image widget incl. a caption in your page and you double-click to edit, the dialog has the caption checkbox *un*checked. Re-checking the checkbox creates a *second* nested caption.

Happens randomly while switching to source mode in chrome Version 34.0.1847.131 m And freezes without option go back to text mode.

Uncaught TypeError: Cannot read property 'config' of undefined ckeditor.js:728

CKEDITOR.tools.createClass.proto.getData ckeditor.js:728 (anonymous function) ckeditor.js:332 i ckeditor.js:10 CKEDITOR.event.CKEDITOR.event.fire ckeditor.js:12 CKEDITOR.editor.CKEDITOR.editor.fire ckeditor.js:13 CKEDITOR.tools.extend.getData ckeditor.js:242 CKEDITOR.editable.CKEDITOR.tools.createClass._.detach ckeditor.js:341 (anonymous function) ckeditor.js:26 CKEDITOR.editable.CKEDITOR.tools.createClass.proto.detach ckeditor.js:332 CKEDITOR.tools.createClass.proto.detach ckeditor.js:839 CKEDITOR.editor.editable ckeditor.js:342 CKEDITOR.editor.setMode ckeditor.js:317 CKEDITOR.plugins.sourcearea.commands.source.exec ckeditor.js:839 exec ckeditor.js:175 CKEDITOR.tools.extend.execCommand ckeditor.js:241 CKEDITOR.tools.extend.click ckeditor.js:638 d.execute ckeditor.js:639 (anonymous function) ckeditor.js:639 (anonymous function) ckeditor.js:27 CKEDITOR.tools.callFunction ckeditor.js:27 onclick site.aspx?id=5:1

Hi,

I have a backbone view where there is an inline editor. But if the view is closed right after the CKEDITOR.inline('editor') is called, but before it gets the element in the inline method, i get an "cannot read getEditor of undefined".

Can i somehow make it stop the inline method, cancel everything ? There is no instance created yet.

The error is on element.getEditor in the inline method. The dom element is removed and thus element is returned as undefined from the CKEDITOR.dom.element.get(element).

Forms changes element.prototype.hasAttribute. That should land in core, so it's covered with core tests.

It fails when I have open console. Reproducible only on IE11 on dev and build.

It's obviously an IE bug, but better to avoid it.

Use the code:

<ul>
	<li><strong>test</strong></li>
	<li>test</li>
</ul>

Press Shift+Enter at the end of the first line.

Expected: One line created
Actual: Two lines created

Seems that inline editor does not create a (collapsed) range after its (editor) initialization, like it does in case of classic editor. As a result commands, which expects to have a range, will throw exceptions and work incorrectly.

1. open any sample with CKEditor in inline / divarea mode (i.e. samples/inlineall.html)
2. evaluate following code in JavaScript console:

   CKEDITOR.instances.editor1.getSelection().getRanges().length
   

Expected result:
1

Current result:
0

A simple UC which causes the problem would be inserting a link to editor:

1. open sample page with editor
2. execute following code in JavaScript console:

   CKEDITOR.instances.editor1.execCommand( 'link' )
   

3. fill URL field with some random domain
4. click ok

Expected result:
link should be inserted to the editor

Current result:
exception is thrown: Uncaught TypeError: Cannot read property 'collapsed' of undefined

or FF: TypeError: range is undefined

Tested in: Chrome, FF

Pasting a table either directly from Excel, or via Word results in lost formatting.

Attached is an example table in Excel (2013) (Table Test.xlsx). If I copy this, you can see the html stored in the clipboard in the "Excel Clipboard Contents.txt" (found using Notepad++).

If I paste directly from Excel into the Demo (​http://ckeditor.com/demo#full) I see a table with no formatting at all. See "Paste from Excel.png" and "Paste from Excel Source.txt" for the output provided by the "Source" link in the demo.

If I paste directly from Excel using the "Paste from Word" plugin, no formatting is carried into the popup. See "Paste From Excel PFW PopUp.png". The output is identical to pasting directly from Excel (without using the PFW button/plugin).

If I copy the table from Excel, paste it into Word, then copy the table from Word (see "Test Table.docx") I get the following behaviour. See "Word Clipboard Contents.txt" for what was on the clipboard:

Pasting from Word directly into the editor gives a table that has retained the 'bold' headings from the table, but no other styles. See "Paste From Word Source.txt" and "Paste From Word.png".

Pasting from Word into the PFW plugin gives the correct table in the PFW plugin pop-up (see "Paste From Word PFW PopUp") but the same result as if the table was pasted not using the plugin.

I've seen the same results locally. These tests were run with Office 2013, Windows 8.1 and Firefox 29.0.1.

Prerequisites: Copy some text into clipboard.

1. Open some sample with inline editor (I opened ​http://presets.ckeditor.dev/4.4.0/basic/ckeditor/samples/tabindex.html).
2. Focus editor.
3. Select some word (doesn`t matter whether using keyboard or mouse).
4. Open context menu (mouse right click or keyboard menu button).
5. Select "paste".

Actual result: There is error in console

IE9, IE10: SCRIPT5022: DOM Exception: INDEX_SIZE_ERR (1) ckeditor.js, line 379 character 513 SCRIPT5007: Unable to get value of the property 'type': object is null or undefined ckeditor.js, line 139 character 112

IE11: SCRIPT5022: IndexSizeError File: ckeditor.js, Line: 382, Column: 513

Please note: Same effect in FULL ALL build

It looks like a problem with focusManager. Who knows.

TC1

1. ​http://ckeditor4.t/ckeditor/samples/replacebycode.html
2. Without focusing the editor click "Bold".
3. Type.
4. Click "List"/"Italic"/whatever.
5. Nothing happens. The button needs to be clicked twice to run desired action.

TC2

1. ​http://ckeditor4.t/ckeditor/samples/replacebycode.html
2. Click "Paste".
3. Disallow access to the clipboard.
4. Type something.
5. Click "OK".
6. Nothing happened. Click "OK" again to apply changes.

At the moment ​labels are hardcoded and just look silly if changed editor language to Polish or any other.

Custom BACKSPACE/DEL support implemented in #11861 lacks viewport scrolling. It's an ugly UX flaw, especially when the new position of the caret is in an element, which visually does not follow the block that holds the caret at the moment of keypress, i.e. in a floated table or a block out of viewport.

1. Open "Replace by Class" sample.
2. Select rocket image.
3. Open style combo.
4. Click on "Styled image (right)" (selected option).

Expected result: style will be removed like on IE or FF.

Actual behavior: nothing happen.

Might be related: #10065.

Browsers: ALL IE

Since: 4.0.0

1. Open editor and clear its content.
2. Type aaaaa.
3. Open Replace dialog.
4. Fill inputs Find what: a, Replace with: b.
5. Click Replace All button (you will get info that 5 occurencies replaced).
6. Click Close button.

Actual result: There is error in console: SCRIPT5022: DOM Exception: INDEX_SIZE_ERR (1) ckeditor.js, line 382 character 304

I don't get CKEditor's 'paste' event fired when pasting with SHIFT+INS using

• Internet Explorer 9
• CKEditor 4.3.2 FF and Chrome fire the paste event.

See the small example code below. Paste alert is not displayed.

Browsing thru clipboard\plugin.js, this seems to be a complex matter. I do get the paste event in IE9 when removing the following line from the onKey function, but cannot oversee the side effects of this:

case CKEDITOR.SHIFT + 45: SHIFT+INS

<!DOCTYPE html>
<html>
  <head>
    <title>A Simple Page with CKEditor</title>
    <script src="ckeditor/ckeditor.js"></script>
  </head>
  <body>
    <form>
      <textarea id="editor1" name="editor1" rows="10" cols="80">
         This is my textarea to be replaced with CKEditor.
      </textarea>
      <script>
        // Replace the <textarea id="editor1"> with a CKEditor
        // instance, using default configuration.
        var myEditor = CKEDITOR.replace('editor1');
        myEditor.on('paste', function (evt) {
             alert("paste 1");
        });
      </script>
    </form>
  </body>
</html>

Underline and strikeout color not maintained during copy paste from word

When u copy a word or a line with underline or strikeout.The underline & strike out is always blank irrespective of the font color.

I was wondering why single innerText access takes so much time during CKEditor initialization. Surprisingly, the answer makes sense.

​http://www.domenlightenment.com/

innerText is aware of style and will not return the text of hidden elements, whereas textContent will

So, poor feature detection done on a wrong node may require the entire layout recalculation.

Hi,

Steps :

1) Use inline editing

2) Input a very long first line like

Lorem ipsum dolor sit amet enim. Etiam ullamcorper. Suspendisse a pellentesque dui, non felis. Maecenas malesuada elit lectus felis, malesuada ultricies.Lorem ipsum dolor sit amet enim. Etiam ullamcorper. Suspendisse a pellentesque dui, non felis. Maecenas malesuada elit lectus felis, malesuada ultricies.Lorem ipsum dolor sit amet enim. Etiam ullamcorper. Suspendisse a pellentesque dui, non felis. Maecenas malesuada elit lectus felis, malesuada ultricies.

3) select it all

4) then click numbered list

=> there are ol and li tags inserted everywhere in the page :(

If you unselect, reselect and the click numbered list again, you can even achieve freezing the whole page.

It doesn't necessarily have to be the first line for this bug to occur but this is the simplest way I found to reproduce it.

Happens in the 4.4.0 and the nightly build at least. Happens in chrome and opera (firefox and IE seem to be OK)

After a testing phase for D&D some issues related to tables were found:

​https://docs.google.com/document/d/1hG4H0r21MXNkRd3amDEOBPygJe3ehBAXFWAal2DptGQ/edit?usp=sharing

Bug 3, Bug 17, Bug 20, Bug 24, Bug 30.

This issues should be fixed after closing #11636.

Part of D&D umbrella: #11437.

After we switched to a direct access to clipboard pasting lists from MS Word does not work.

Note: Initially this ticket included also few other cases related to lists DnD. They were split to other tickets.

D&D for images should be deeply tests and all issued should be fixed.

This issues should be fixed after closing #11636.

Part of D&D umbrella: #11437.

This ticket corresponds with #11861 but for non-collapsed selections and belongs to #9998 "family".

Example 1

1. Set data

   <div>
     <p>fo[o</p>
   </div>
   
   <div>
     <p>b]ar</p>
   </div>
   

2. BACKSPACE
3. Result:

   <div>
     <p>fo<span style="line-height:1.6">^ar</span></p>
   </div>
   

4. Expected

   <div>
     <p>fo^ar</p>
   </div>
   

Maybe there's a plugin for that. But I could not find any related to this issue. I have CKEditor installed as a default rich text editor. I also have Xlexicon MODX add-on installed. It creates "duplicates" of all resource fields and uses them for additional language storage. I can then use the content of these fields when switching the language of my site. But unfortunately, CKEditor doesn't recognise additional [[*content]] field as a frame where it could be loaded. I tried another editor, TinyMCE. It does recognise those fields. But I don't like it. It breaks my formatting. I prefer CKEditor over it. Please figure out what's wrong with it. Thanks

Steps to reproduce (works on demo site):

1. Create three items list.
2. Place caret at the end of the last item.
3. Press enter.
4. Press tab to indent the new item.
5. Press enter.

• Expected Result: Last bullet should disappear, caret appears below list (or in the last item).
• Actual Result: Editor adds new item after the 2nd one.

See Screencast: ​http://screencast.com/t/ggp0OoqUR (Note: screencast is misleading - read the description above).

Part of #10931.

Since it's not yet possible to automatically initialize nested widgets, download attached sample.

I installed the BBCode output plugin and i get this error some time: Cannot read property 'type' of null - plugin.js?t=D5AC:330

in line 330

​https://dl.dropboxusercontent.com/u/47051325/Capturas/Selecci%C3%B3n_016.png

1) Enable paste from word font setting by using below two args. config.pasteFromWordRemoveFontStyles = false; config.pasteFromWordRemoveStyles = false;

2) Using attached sample1.doc, Select&Copy the entire content. 3) Then, click the "PasteFromWord" button CKeditor and paste the content selected in step 1. 4) You will surprisingly see that the VERY first line of content: "1. ABOUT THIS DOCUMENT" unexpectedly changed to "1. About this document" ie, the words changed from all capitalized to mostly small letter!

I'm using the following code to populate data, this issue happens in chrome only, Jquery dialog opens with ckeditor, clears previous content and loads a new one with Ajax call. Sometimes content doesn't load, I able to reproduce it each time I open chrome developer tool in a background. Just press F12 and open jquery dialog with ckeditor inside, after opening web developer tool this error also randomly recreated with developer tool off. When I debug it I can see that second setData doesn't load Dto.HtmlContent

Chrome version: Version 34.0.1847.137 m Windows 7 I have disabled chrome plugins.

function Load(ID) {
    ShowEditorDialog();
    $('#Dialog').append(loader);
    CKEDITOR.instances['CkEditorTxt'].setData("", function () {
        PostAsyncAjax("GetData",
            { 'ID': ID},
            function (data) {
                var Dto = data.d;
                CKEDITOR.instances['CkEditorTxt'].setData(Dto.HtmlContent);
                $('#Loader').remove();
            }
        );
    });

    return false;
}

Steps to reproduce:

1) Enable paste from word font setting by using below two args. config.pasteFromWordRemoveFontStyles = false; config.pasteFromWordRemoveStyles = false;

2) Using attached sample1.doc, Select&Copy the entire content. 2) Then, click the "PasteFromWord" button CKeditor and paste the content selected in step 1. 3) Issues we observed are as follows:

i) The tab alignments are not correct (missing) for the lines "*This text...", "Define..." and "e.g.: ..." (Only in firefox)

ii) The bullets 'dots' are NOT in red as expected (in both IE and firefox)

iii) The beginning and ending special characters (<- and ->) are wrongly converted into funny/bad characters. (Only in firefox)

I try to create table as widget and purpose behind that is i dont want to add any other widget in cell and also add my css for that .

i do code for that i attache the dialog.js for dialog box and plugin.js for table widget.

i am able to add table but i can not write on cell. i think its happen due to..

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

not allow multiple class for the all cell or any other reason ?

1. Open code snippet sample with following code i.e. you must modify sample source.

   <pre>
   <code class="language-javascript">a;
   </code></pre>
   
   
   <pre>
   <code class="language-sql">a;
   </code></pre>
   

2. Double click on first codesnippet widget, to open dialog.
3. Remove ; and apply.
4. Open codesnippet dialog again and rollback changes. Add ; sign where it was.
5. Apply changes.

Actual result: Calling method CKEDITOR.instances.editor1.ckeckDirty(); return false

Please note: This happend only when there are two codesnippet widgets.

1. Create a table
2. Set the cursor in any cell (it must be empty)
3. Click on the TD tag in elements path bar

JS Error: 'undefined' is null or not an object

Tested in IE8

CKEditor tests should be ported to the Bender and moved to the main CKEdior project.

Reported through support channel:

We are seeing a scroll issue after pasting text into the CKEditor rendered in a div with a vertical scrollbar. After pasting, the page is scrolled to the bottom of the view.

This happens in Chrome. It does not happen in IE 11 or FireFox.

I was able to confirm this using the attached sample. Copy a single line of text and paste it into CKEditor.

I reproduced this in CKEditor 4.4.1 and 4.0

Problem:

When using inline editors and the sharedSpace plugin, the toolbar for the first editor is placed in the shared space on page load before the editor is focused.

The toolbars in the shared space should be hidden on initialization until an editor is focused.

To reproduce:

1. Enable the sharedspace plugin
2. Add multiple inline editors
3. View page

Test case: ​http://envysphere.com/bugs/ckeditor/shared-space-20140522/

Hi,

oEmbed Videos are not coming in safari. If i open the inspect element of browser i see the difference that the script tag and iframe tag of oEmbed is empty in safari, but has values corresponding the video such as url etc in chrome or firefox.

Please find the attachment of screenshot.

Could you please help itout asap.

am using CkEditor4.1.1 which came as out of box feature for AEM5.6.1 . in IE8 browser every thing is working fine with the CKEditor textarea but in Chrome browser if i paste/enter after paste page is scrolling to end .

If I visit ​http://ckeditor.com/demo in Chrome 34 or Safari 6.1 on the Mac (OSX 10.8.5) and place my cursor at the end of a link and start typing, it does not continue the link text. It does continue the link text if I do the same in Firefox 29.

If I do the same cursor position (end of link text) and hit backspace once and then start typing it still does not continue the link text. It does continue the link text in Firefox.

If I select the entire link text and then start typing the first character I typed becomes the new link text and all other characters after this are normal text. This works as expected in Firefox, all characters typed become the new link text.

This makes editing link text in these browsers quite difficult. It also makes editing link text with a length of 1 character impossible.

I have tested this in Chrome 34 on Windows 7 too. Same problem.

Two tests fail after upgrade to 35.0.1916.114 while they pass in 34.0.1847.131:

/dt/plugins/elementspath/click.html#test clicking typical strong element
/dt/plugins/enter/enterkey.html#test enterkey after invisible element

We must know the scope and possible impact of changes in v35 behind this failure. It may affect other aspects of the editor which are not tested or impossible to test.

Part of #10931.

1. On editor setData.
2. On nested editable setData.
3. On undo/redo.
4. On paste (insertHtml in general).

Notes:

1. initOnAll must enter nested editables.
2. checkWidgets must be reviewed.

This may apply as well to Windows. Not tested. Open the demo page for the editor. Drag and drop an image from the desktop This loads the image in the browser (no drop event)

This works as expected in Firefox.

Hello:

I want to express the CKEditor works perfectly on computers, but doesn't work on mobile devices (to me at least, my textarea appears without the CKEditor).

Solutions?

Sorry for my English but I used Google Translate.

Greetings.

In ckeditor-tests repo there is catalogue dt/test which include tests for testing tools. We should move it to benderjs-ckeditor package.

CkEditor version : 4.1.1 Chrome Version : 35.0.1916.114 m

select a text and click on Bold/italic/under line styles then the text is changes to Bold/italic/under line and press Enter button from keyboard the "?" symbol is displaying with the applied style .

observation: since there is no text on next line to apply style "?" is displaying with applied style .

in IE8 ,for this scenario on Enter "?" is displaying and hiding within fraction of seconds .

Part of #10931.

At the moment there's no way to drag and drop any block widget within nested editable because "drop lines " are not shown in nested editables at all.

Part of #10931.

There's an error thrown while pasting block Image2 widget into Simple Box

Uncaught TypeError: Cannot read property 'filter' of undefined widget/plugin.js:2116

followed by an avalanche of errors during the navigation.

Part of #10931.

I managed to display (and use) magicline inside of a widget but outside of a nested editable, which is unacceptable. It does not strictly concern nested widgets, but I noticed it very fast while playing with them, so that's why I consider it a related issue.

Descriptive summary

Highlighted/selected text loses focus when SCAYT enabled. It happens in some 'kickoff' phase when you load a page with ckeditor, i.e. after certain time has passed(loading script or some code initialization phase), above issue does not occur. The issue is apparent in our use case as we have a toggler for 'edit' and 'view' mode.

Steps to reproduce

Refresh page with SCAYT enabled in editor. Immediately select blocks of text(with spelling errors) and they will lose focus.

Browser and OS

Windows 8.1, Chrome 35.0.1916.114, Firefox 29.0.1

Screenshot

Screencast of me using Demo from your site: ​http://screencast.com/t/0m8W8dAC Date: May 23, 10am

Build configuration

I used the editor from: ​http://ckeditor.com/demo version 4.4.1

I am using inline editing. I am not using getDirty to check for changes, I am comparing the contents delivered by getData (for the sake of consistency with other form fields).

The data that is embedded within a div: <div contenteditable="true" autocomplete="off">...<div>

Whereas ... is: bla<br /><img />

After initializing the editor with CKEDITOR.inline(thisdiv) and reading the content with getData, the content returned is

bla<br><img>

As soon as I click into the editor and do another getData, this content is returned:

bla<br/> <img/>

This causes some problems for me as the content seems to have changed. Please make sure the content is always returned in a consistent manner no matter whether the editor has received focus or not.

I'm having a problem with the following block of code, which comes directly from database:

<pre data-pbcklang="html" data-pbcktabsize="4">
<code class="language-html ">&lt;p&gt;
    &lt;a href=&quot;#&quot;&gt;Test&lt;/a&gt;
&lt;/p&gt;</code></pre>

when loaded into the ckeditor it gets converted to:

<pre data-pbcklang="html" data-pbcktabsize="4">

&nbsp;</pre>

<p><code class="language-html "><a href="#">Test</a> </code></p>

Any idea how to prevent this behavior?

I've just upgraded to the latest version of CKEditor (4.4.1) and one thing I've noticed is that the dialogs are now displaying all form elements in rather messy way. Please see the attached image.

Any idea how to fix it?

I've tried to compile ckeditor 4.1 with ckpackager.exe and got following error:

InternalError: missing ; before statement

After searching I solved it, and here is fix that you can use.

In file tools.js on line 1129 (method enableHtml5Elements()) find following

var els = 'abbr,article,aside,audio,bdi,canvas,data,datalist,details,figcaption,figure,footer,header,hgroup,mark,meter,nav,output,progress,section,summary,time,video'.split( ',' ), i = els.length, el;

and replace with:

var els = ["abbr", "article", "aside", "audio", "bdi", "canvas", "data", "datalist", "details", "figcaption", "figure", "footer", "header", "hgroup", "mark", "meter", "nav", "output", "progress", "section", "summary", "time", "video"]; var i = els.length, el;

Part of: #10931.

1. Should repo.destroy( widget) destroy also its nested widgets?
2. Should existing nested widgets be destroyed when setting nested editable's data? I think so, but then that will happen also on first widget initialization (on editor.setData()).
3. I think that we'll need a new parameter for destroyAll() which will limit it to specific container. Or maybe better - we need a new method for that, because such parameter will change the method's algorithm completely. This method would be used in nested editable's setData().
4. If nested widgets will be destroyed when destroying outer widget, then repository.destroyAll() may need to be rewrote, because it iterates over instances object which will be uncontrollably mutated and the order in which widgets are destroyed will be unpredictable. So, perhaps a better idea is to destroy only outer widgets in destroyAll(), so inner ones are reached in instances order.
5. repo.checkWidgets bases on these methods so it has to be tested and modified accordingly.

Part of: #10931.

1. Open /plugins/widget/dev/nestedwidgets.html.
2. Copy entire simple box.
3. Paste it into simple box's content.

Result: you have two pasted simple boxes. One outside and one inside.

Cannot insert the character "é" using Internet Explorer v10 and v11 by using AltGr+\+e (Norwegian keyboard). This works fine in FF and Chrome.

Part of: #10931.

1. Open plugins/widget/dev/nestedwidgets.html
2. See that simple boxes don't have drag handlers.

The reason is that we try to find existing drag handler by findOne( '.cke_widget_drag_handler_container' ), so since nested widgets are already initialised while we do this, we find their handlers.

Note that changing order will not solve the issue because when pasting all widgets have drag handlers, so we'll find them anyone. And not necessarily the one we get from findOne is the main widget's handler.

Part of: #10931.

1. Open plugins/widget/dev/nestedwidgets.html
2. Hover simplebox.
3. See that outline is extended far to the left.
4. Hover all nested widgets so all handlers are positioned.
5. See that outline is not extended any more.

This is FF only.

Paste option not working properly.

1) If the user cuts the some lines of content 2) User clicked the paste option.

Result: The pasting content is not exact content which we had cut or pasting as an empty line space.

Please refer the attachment for the details, Initial_Content.jpeg, Cutted_screen.jpeg and after_pasted_two_times.jpeg

Drag and drop an image in Firefox. The image shows. No change or update is called on the textarea making external detection of things like changes impossible. Any text edit or inline change does do this.

1. Open ​http://nightly.ckeditor.com/14-05-28-06-06/standard/samples/replacebyclass.html
2. Select some table cells.
3. Open table cells properties dialog.
4. See that there's no color buttons for background and border color fields.

In WYSIWYG-mode, a change event is fired after every key-event. This is not the case in source-mode.

You can reproduce this with "Standard editor" example (​http://ckeditor.com/demo) with the following code:

CKEDITOR.instances["editor1"].on("change", function(e) {console.log("change: " + e.editor.getData())})

I have worked around this issue by listening to the "key" event.

See also: ​http://stackoverflow.com/questions/17358203/how-to-detect-ckeditor-source-mode-on-change-event

Hi,

The paste from word plugin is removing styles. Although the two config properties (pasteFromWordRemoveFontStyles and pasteFromWordRemoveStyles) are set to false.

Catalin

Hello,

I already filed an issue for this on github: ​https://github.com/ckeditor/ckeditor-releases/issues/19 For your convenience, I'll re-post the thread here:

It seems that the \u200B string in core/selection.js gets corrupted during the build / minifying process: ​https://github.com/ckeditor/ckeditor-dev/blob/master/core/selection.js#L123

var fillingChar = element.getDocument().createText( '\u200B' );

Compare this to the current release version where this line becomes

i=l.getDocument().createText("​")

I stumbled upon this when debugging a strange issue on Google Chrome with question marks being inserted into the editor field every time I changed the text formatting (without active selection) or pressed Shift + Enter to insert a linebreak. In my downloaded version of ckeditor.js, this line looked like this:

i=o.getDocument().createText("?");

Sure enough, replacing the question mark by "\u200B" did the trick for me.

There seem to be a few bug reports mentioning this issue [1], but apparently no one was able to identify the problem conclusively. So I hope this helps.

[1] e.g. ​http://ckeditor.com/forums/Support/Question-Mark-after-pressing-button-toolbar

This is what Reinmar replied on github:

What build/minifying tools do you use? CKBuilder does not have this problem, because then millions of users would report it to us. So this is something specific for small number of cases. Are you sure you didn't broke the encoding? The a zero width space is replaced with question mark it's usually because of wrong files encoding. It may be cause by wrong server settings, your builder/minifier saving them incorrectly, etc.

BTW. This is not the right place to report bugs, unless they are related directly to this repository. Bugs related to CKEditor and its builder should be reported on ​http://dev.ckeditor.com.

So here's my reply:

Sorry if I wasn't clear enough and sorry if I posted this in the wrong place. I'm not building CKeditor myself, I'm just comparing the source tree with the release code on github and with the official download on ckeditor.com. Please compare ​https://github.com/ckeditor/ckeditor-dev/blob/master/core/selection.js#L123 to the corresponding code in ​https://github.com/ckeditor/ckeditor-releases/blob/master/ckeditor.js and you will probably see the issue. Unless I'm completely mistaken, the string literal '\u200B' has simply been dropped.

No idea where the question mark in my particular installation came from, but I don't think it is an encoding problem. This is a string literal in the JavaScript code that is never interpreted until the Javascript code is run, so it is not susceptible to encoding issues during transfer of the source code. My guess is that this string literal was somehow interpreted during the build process instead of being taken literally, but I may be wrong.

Thanks for your time.

Initialize editor on:

<textarea readonly></textarea>

Editor should be in readOnly mode. Currently we initialize editor in readOnly mode only when textarea has disabled attribute.

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

Currently when you have image with relative path in contenteditable element and decide to copy paste it you will see image path being converted to absolute one. Some users may not like it.

This is not a problem in CKEditor most of the times when you copy paste images that are in editor. CKEditor uses data-cke-saved-src custom attribute which deals with this Blink bug. There is however one specific case.

1. Use below code to insert image into editor

   var value = "<img src ="../ball.jpg" style="width:100px" />';
   var element = CKEDITOR.dom.element.createFromHtml(value);
   editor.insertElement( element );
   

2. Copy/paste image next to existing one.
3. Get editor data.

Result: Path is src attribute is changed because data-cke-saved-src is not used in this case.

Proposed solution: Insert element could be made aware of this issue and insert data-cke-saved-src when it deals with images on Blink browsers.

Hey guys,

There is an issue in Ckeditor due to invalid markup of style tag in div. Enter the below HTML in ckeditor source and click on source again to move to the Visual Interface. And now ckeditor will get hanged. Can this issue be solved ?

<div style="margin-top:10px;margin-left:10%;> <p style="color:#FFFFFF;font-size:19px ;">Test</p> </div>

Test tests/tickets/11500/1 fails randomly, usually when all tickets tests are run.

1. Set config.magicline_putEverywhere to false
2. Open Enter key sample
3. Change enter mode to DIV
4. Press enter key few times

Result: Magic line is visible at each line

I have a word document contains a table with a background color, but copied to ckeditor format are replaced, and ask how to solve?

I have tried to add Helvetica style-type font in CKEditor, but unable to distinguish any changes between arial and helvetica.I have made changes in the line no. 57 of ckeditor.js

CKEDITOR.config.font_names="Arial/Arial, Helvetica, sans-serif;Helvetica;Comic Sans MS/Comic Sans MS, cursive;Courier New/Courier New, Courier, monospace;Georgia/Georgia, serif;Lucida Sans Unicode/Lucida Sans Unicode, Lucida Grande, sans-serif;Tahoma/Tahoma, Geneva, sans-serif;Times New Roman/Times New Roman, Times, serif;Trebuchet MS/Trebuchet MS, Helvetica, sans-serif;Verdana/Verdana, Geneva, sans-serif";

@font-face in contents.css is also made.still no help. Please look into it.

1. Set the font size to 72 and type "abcdef" in the CKEditor
2. Press Enter
3. Now the source in CKE will be

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

4. Select only "abc" change the font size to 8. This time source will be:

   <p><span style="font-size:72px"><span style="font-size:8px">abc</span>def</span></p>
   

4. Now, select "def" and change the font size also to 8. This time source will be:

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

Expected:

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

span tag shuld be deleted in step 4.

Due this the line hieght is set to 72 px. This should be fixed.

There is a issue in pasting option,

If we have pasted more than two times, the paste option is misbehaving like pasting the empty spaces instead of cut/copy content.

If content of the editor is removed using Ctrl+A and Ctrl+x. But still the Cut option icon in toolbar is enabled.

Part of: #10931.

​http://ckeditor4.t:1030/tests/tests/plugins/widget/widgetsrepoapi

Recent regression.

With HTML source:

<article>
    <h1>Hi</h1>
    <p>Lipsum</p>
</article>

Current nightly produces:

<h1>Hi</h1>

<p>Lipsum</p>

Steps to reproduce:

1. Change to source view
2. Paste above HTML snippet
3. Change back to WYSIWYG
4. No more article tags

In #4556 [6988] initial HTML5 support was added. Did this work at all in any point or was it broken with ACF? core/dtd.js lists most of HTML5 elements including article.

1. Character count limit 50
2. Type text more than 50 characters continuously with fast typing.
3. Now, the CK Editor allows more than 50 characters. Please refer attached screenshot: char_count_limit.png

Steps to reproduce

1. Open a CKEditor with HTML Source plugin
2. Switch to HTML Source view
3. Paste this snippet:

<a id="link1" href="javascript:;">Hover me!</a>

4. Switch to Rich Text view
5. Observe the hyperlink is created and has no action on hover
6. From the console, type:

window.frames[0].document.getElementById('link1').addEventListener('mouseover', function(){alert('Hello!');});

This will add an onmouseover event listener to the hyperlink;

7. Hover the hyperlink
8. Observe an alert dialog pops up with the message Hello!
9. Type some text after the hyperlink, e.g. aaa
10. Hit Undo or type Ctrl+Z
11. Hover the hyperlink again

Expected result The alert dialog pops up with the message Hello! again

Actual result Nothing happens

This defect can be reproduced on the CKEditor 4.4.2 nightly

​http://nightly.ckeditor.com/14-06-03-06-06/full/samples/replacebyclass.html

Looks related to : ​https://dev.ckeditor.com/ticket/11677

The idea is to implement methods, which would allow us to set HTML with ranges (sometimes selection) anchored in elements and text nodes, depending on the case. A corresponding methods to read such HTML with ranges (selections) should also be implemented.

Examples:

<p>{foo}</p> // range anchored in "foo" text node
<p>{}foo</p> // collapsed range anchored in "foo" text node
<p>[]foo</p> // collapsed range anchored in <p>
<p>{foo]</p> // range anchored in "foo" text node (start) and <p> (end)

Required by #11636.

It would be nice to have a checkbox for setting the download attribute for a elements in the link dialog (tab: "Target").

Additionally, an optional text-field could be added for setting the suggested name of a download.

See also:

• ​http://developers.whatwg.org/links.html#attr-hyperlink-download
• ​http://www.w3schools.com/tags/att_a_download.asp

When switching to source mode from WYSIWYG mode, the editor splits option tags into multiples, mangling the form being edited. This happens in all browsers (I tested IE11, Chrome 35, Firefox 29)

For instance, the form select here: <select name="mobile_service_provider"> <option value="ATT">AT&amp;T</option> <option value="Verizon">Verizon</option> <option value="Sprint">Sprint</option> <option value="T-Mobile">T-Mobile</option> <option value="Simple Mobile">Simple Mobile</option> <option value="Virgin">Virgin Mobile</option> <option value="Other">Other</option> </select>

Becomes mangled like this (4 new options, split off from intended): <select name="mobile_service_provider"> <option value="ATT">AT&amp;T</option> <option value="Verizon">Verizon</option> <option value="Sprint">Sprint</option> <option value="T-Mobile">T-Mobile</option> <option value="Simple Mobile">Simple</option> <option value="Simple Mobile"></option> <option value="Simple Mobile">Mobile</option> <option value="Virgin">Virgin</option> <option value="Virgin"></option> <option value="Virgin">Mobile</option> <option value="Other">Other</option> </select>

I just reported this.

The problem is worse than I originally reported. It *always* happens when saving a form with at least one multi-word select option.

It's a very bad problem and I will have to rollback my editors before customers start clobbering their forms.

Please look into this quickly.

Thank you

html elements correctly rendered in CK 3.x cannot be reproduced in CK 4.x. ie. <tr style='font-weight:bold'><td>something</td></tr> <strong> tag doesnt wrap around the tr element.

We need some short comment about:

Why CKEditor removes my classes/styles/elements? Read more in the .... guide.

With reference to #12032, I tried this..CKEDITOR.replace( 'docDesc',{allowedContent: true,

pasteFromWordRemoveFontStyles : false,

pasteFromWordRemoveStyles : false

});

as you have suggested. But its still not happening.. what would be the issue..

I have upgraded from fckeditor to ckeditor 4.4.1.In IE 9+ everything is working fine but IE 8 even though ckeditor is loaded toolbar buttons are non functional.Tool tip , button highlights seems to work fine but onclick actions are not functional

Please advice

hi

i am having problem when bind data to editor using json.sometime

bind data to editor and sometime generate an error "Uncaught TypeError: Cannot read property 'setData' of undefined " please resolve my issue. its critical to me find out solution.

Example URL: ​http://jsfiddle.net/cHNBN/22/

I have a web page which requires content editing and have used CKEditor inline editing option. For demonstration purpose, I have inserted two inline text area for the users to fill two fields (Name and Phone number). The use case is that, the user requires to prepend the phone number (e.g., the number to be changed from “9696969696” to “+1 9696969696”).

We have tested the functionality in all browsers and working perfectly fine in Firefox, Internet Explorer and Safari. But, in Chrome the user is unable to place the cursor at the beginning of the phone number field and enter the data. Also, when the users navigate using the left cursor key it directly takes them to the previous element “Name”.

Hi,

See github - ​https://github.com/ckeditor/ckeditor-dev/pull/105 - for a pull request. Also, I don't know which component to select so I stayed with General.

Blockquotes are broken as inline elements and don't work how I'd expect as a block element but the object element category fits perfectly.

Once correctly set as an object element, you can have paragraphs inside the blockquote and pressing "enter" creates a new <p> tag rather than a new <blockquote> tag.

Also, this allows us to define a blockquote level style.

This appears to have been a previously identified issue here - ​http://dev.ckeditor.com/ticket/10091 - and I'm having the exact same problem as mentioned there.

Line 87 of dtd.js uses '#' for text nodes:

T = { '#': 1 },

This makes it impossible to support a plugin/widget for freemarker tags which start with '<#'.

Can you use a different symbol for text nodes (maybe '~') so this problem can be avoided?

Hello, I am working on integrating CKEditor to a drag and drop div in jquery. Will CKEditor work in this dynamically created divs. Please check the attached file and suggest a solution.

To reproduce the defect:

1. with JAWS on, open any sample on ck editor nightly build

2. Navigate to Text color / Background Color button menu and press Enter or Down arrow key

Expected Result: Color options list box opens and JAWS reads Automatic 1 of 40

Actual Result: Color options list box opens but JAWS reads Automatic 1 of 1 which is wrong and gives wrong info for JAWS user that there is only one option

Navigate through all color options in the colors list box

Expected Result: JAWS reads each Color option name and then says 1 of 40 2 of 40 and so on

Actual Result: JAWS reads each color option name but it says 1 of 1 which is wrong and gives info for JAWS user that there is only one option

Tested with FF29 & JAWS15

Hi,

Can we use CKEditor tool for Salesforce.com application. If Yes, please let us know How we can use this for salesforce.com orgs.

1. Click 'bold'.... and input a new line;
2. Erase the line => (The bold button in the toolbar not toggled)
3. Input chars again => The chars are bold.

I cannot input a text which is not bold. The button status in the toolbar is not aligned with actual status.

It always takes time to find a good way to compare contents of editable's innerHTML (including possible selection markers) with an expected output.

Hi,

I'm working on a customization of CKEditor. My problem is that when I set the editor in read only mode then the empty paragraph turns hidden.

For example the content '

<p>some text</p><p> </p><p>other text</p> will remain the same (i can see this in source mode) but the

<p> </p> will became hidden in non-source mode.

This problem happens only with Internet Explorer 9.

Any kind of solution for this?

Webpage error details

User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.0; Trident/4.0; SLCC1; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729) Timestamp: Fri, 13 Jun 2014 09:22:54 UTC

Message: Object doesn't support this property or method Line: 1016 Char: 442 Code: 0 URI: ~/Scripts/ckeditor/ckeditor.js