XPages and Domino 9.0.1 FP2: upgrades to CKEditor and Dojo
August 24th, 2014IBM released fix pack 2 for Domino and XWork Server 9.0.1 this week. Among many fixes it includes the following fix:
SPR# TMGN9KJTEB - Adds Internet Explorer 11 support for xPages
I asked Brian Gleeson from the IBM Dublin team what exactly this means, and he responded that it covers an upgrade of CKEditor from 3.6.x to 4.3.2 and an upgrade of Dojo from 1.8.3 to 1.9.2.
One issue I have seen so far with CKEditor 4.3.2 is that the "Insert image" button called 'Image' in a custom toolbar is different from the standard "Insert image" button used if you use the default toolbar. Instead, you need to use 'IbmImage' as the name of the image button.
The latest CKEditor adds a spell check option - either through the default toolbar or by adding 'IbmSpellChecker' to your custom toolbar. It's great that the CKEditor in XPages finally adds that facility. Here it is in action:
With the new CKEditor the 'toolbarType' Dojo attribute no longer works. Instead use 'toolbar' as Dojo attribute with Slim, Medium, Large and Full as possible values.
Tags: IBM Domino, IBM XWork Server, XPages
August 25th, 2014 at 19:38
Per, I tried the toolbarType attribute with a rich text control and it still worked. Using just toolbar did not.
Howard
August 25th, 2014 at 19:39
I should state that yes, I am on FP2 for 9.0.1.
Howard
August 25th, 2014 at 20:35
Hi Howard, that's strange. toolarType does not work for me.
August 25th, 2014 at 21:03
I tried it on a real server (I was using a preview in Designer local server before) and see what you mean. It does ignore the toolbarType now. Great upward compatibility IBM!!!
And I found another issue. The CK Editor for the local preview server does not seem to have been updated by FP2.
Howard
September 10th, 2014 at 21:22
Hi Per,
do you have some example code for the IbmImage button on the toolbar? I just discovered that the "upload" button in the "add image dialog" is missing so I am not able to insert an image from my disk anymore when using on FP2 / with BS skin.
Thanks in advance!
September 10th, 2014 at 22:31
Hi Oliver, just use IbmImage as the name of the button in your toolbare code. Here's an example for a large toolbar:
September 10th, 2014 at 22:40
Thanks Per, but did you notice that the upload button in the dialog is missing?
September 10th, 2014 at 22:44
Yes, but it still works. You just press the Add Image button, select your image in the file dialog and then you see the image details tab where you can confirm the image upload.
September 10th, 2014 at 22:58
Ahaaa! We have a Chrome issue - try it in Chrome. I assume you used FF or IE, right? After clicking "OK" nothing happens. In FF and IE the image is inserted (no details tab for me though)
November 24th, 2014 at 23:15
Per, will this just work on a 901.fp2 server or does it need rebuilding with a 9.02 client ?
November 24th, 2014 at 23:35
Sean, it will just work
November 25th, 2014 at 01:46
umm, struggling here, rtx fields simply not shown in IE11 with FP2 and 901FP2HF385-linux64 when in edit mode
will test some more tomorrow
December 2nd, 2014 at 13:13
We've had the RT editor now showing as just an input field following upgrade to FP2 using Chrome... anyone seen this issue?
December 2nd, 2014 at 13:41
Chris, maybe a cache issue? Try clearing the browser cache and reload the page.
December 3rd, 2014 at 05:40
Thanks Per, indeed it is a cache issue, Ctrl+F5 works, also clearing the browser cache. Is there any other way other than asking users to do all that? It seems to affect Chrome only since the latest chrome update. Strange.
December 3rd, 2014 at 09:21
Chris, try rebuilding your app and see if that changes the URL of the aggregated resources which then forces the browser to reload the content.
December 15th, 2014 at 02:05
Haven't been able to resolve the cache issue for chrome by cleaning and re-building the application... We still get some users reporting the editor does not display. Would some thing like response.setHeader("Cache-Control", "no-cache") work you think?
January 19th, 2015 at 15:43
Hi,
i use domino version 8.5.3. i use richtext item on my forms. when i edit the form on ie11 or chrome, i see html tags on ckeditor. how can i fix it , can you help me?
January 19th, 2015 at 15:52
Erdem, go to Stack Overflow and ask your question at http://stackoverflow.com/questions/tagged/xpages. In this way many more people can answer you and many more people can benefit from the answer.
September 26th, 2016 at 06:02
Hi, did you get simpleuploads works with CKEditor?
I got "Invalid data returned(check console)",
cannot get it to work.
$$axtarget:view:_id1:_id2:_id107:body:RT
$$viewid:!eislxnmxt7!
command:QuickUpload
type:Images
CKEditor:view:_id1:_id2:_id107:body:RT
CKEditorFuncNum:2
langCode:zh-tw
------WebKitFormBoundaryvtTNSdFA0gU2fK4X
Content-Disposition: form-data; name="upload"; filename="Bears.jpg"
Content-Type: image/jpeg
------WebKitFormBoundaryvtTNSdFA0gU2fK4X--
September 26th, 2016 at 08:14
Hi Jason, go to Stack Overflow and ask your question at http://stackoverflow.com/questions/tagged/xpages. In this way many more people can answer you and many more people can benefit from the answer.