Hi, I am new to zk and using ZK 5.0.6 version. I'm using ckez-3.3.2_50.jar that had come with ZK. I am using <ckeditor></ckeditor> component in my project. Few of the buttons (that has drop down are not working). Issues is, 1. select the text 2. try to select part of the text and apply some color to it. Clicking on the color picker drop down button deselects the selected text. If I repeat the steps again problem won't be there. Is this a bug from the ckeditor version that I'm using? Any solutions to overcome this?
I have compared the code (zk sandbox ckeditor text color button and my project's ckez text color button) in the chrome debugger and below is the piesce of code.
My project version:
<a id="cke_34" class="cke_button_textcolor cke_off" "="" href="javascript:void('Text Color')"
title="Text Color" tabindex="-1" hidefocus="true" role="button"
aria-labelledby="cke_34_label" aria-haspopup="true"
onkeydown="return CKEDITOR.ui.button._.keydown(18, event);"
onfocus="return CKEDITOR.ui.button._.focus(18, event);"
onclick="CKEDITOR.tools.callFunction(29, this); return false;">
<span class="cke_icon"> </span>
<span id="cke_34_label" class="cke_label">Text Color</span>
<span class="cke_buttonarrow"> </span></a>
ZK Sandbox Version:
<a id="cke_78" class="cke_button cke_button__textcolor cke_button_off " "="" href="javascript:void('Text Color')"
title="Text Color" tabindex="-1" hidefocus="true" role="button"
aria-labelledby="cke_78_label" aria-haspopup="true"
onkeydown="return CKEDITOR.tools.callFunction(242,event);"
onfocus="return CKEDITOR.tools.callFunction(243,event);"
onmousedown="return CKEDITOR.tools.callFunction(244,event);"
onclick="CKEDITOR.tools.callFunction(245,this);return false;">
<span class="cke_button_icon cke_button__textcolor_icon" style="background-image:url(http://www.zkoss.org/zksandbox/zkau/web/js/ckez/ext/CKeditor/plugins/icons.png?t=D3T3);background-position:0 -544px;"> </span>
<span id="cke_78_label" class="cke_button_label cke_button__textcolor_label">Text Color</span>
<span class="cke_button_arrow"></span></a>
Adding few more points..
Is this a known bug in the zk 5 or ckez 3.3 ?
We have so many dependent zk pages that are working together. So upgrade to zk 7 is bit big and time consuming process. As team, we don't have any plans for upgrade at this point of time. Planning to do it some time next year.
so, to survive till that time, would it be possible to apply some patch if it is a known bug?
I'm afraid we are unable to
I'm afraid we are unable to help - the ZK integration is a third-party thing, we have nothing to do with it and we have no idea which CKEditor version it is running or how it actually works. You can probably try asking around the ZK community, maybe someone there will be able to help. Sorry!
Documentation Manager, CKSource
See CKEditor 5 docs, CKEditor 4 docs, CKEditor 3 docs, CKFinder 3 docs, CKFinder 2 docs for help.
Visit the new CKEditor SDK for samples showcasing editor features to try out and download!
No problem, Thanks for your
No problem, Thanks for your reply. I have posted the smae on ZK community too...hope I get something from ZK :)
Same Problem
Hey,
We're using a standard install of CKeditor (4.4.5 - full package) and one of our customers is experiencing the same problem when editing in Chrome. They first experienced it about a week ago on install 4.4.1, and upgrading to the latest release hasn't fixed it. I haven't been able to replicate the problem at my end to trace it back to a cause, but will continue looking. Any help would be much appreciated :)
I have it tested on ZK
I too observed this problem in chrome and fire fox. On IE, style is not at all working.
I have it tested on ZK Sandbox (worked fine in firefox, chrome and IE),
http://www.zkoss.org/zksandbox/
under view source tab you can cange the code and try cleditor with below code
<ckeditor width = "600px"></ckeditor>