CKFinder Integration

[pelzrutsche]

Hi,

I'm currently working on the integration of CKFinder with pe:ckEditor. Is the PE team planning to add CKFinder support at some point?

[tandraschko]

What exactly do you mean?
Would you like an pe:ckFinder tag? If yes, no sorry. CKFinder is too complex and would cost very much effort. Also CKFinder is not for free.

[pelzrutsche]

What exactly do you mean? Would you like an pe:ckFinder tag? If yes, no sorry. CKFinder is too complex and would cost very much effort. Also CKFinder is not for free.

I know, never mind. I was thinking about some client-side callbacks in pe:ckEditor that allow to start CKFinder once an editor instance has loaded. Yet, that might be done in a custom configuration file as well.

[pelzrutsche]

Well, something like onLoad for pe:ckEditor would definitely help.

Code: Select all

<pe:ckEditor onLoad="/* snippet */" />

And the snippet passed to onLoad is executed inside a callback function which gets passed the widget and/or the editor instance

Code: Select all

function onLoadCallback(editor) { /* snippet */ }

[tandraschko]

I think this is easy, can you create an feature request?

[pelzrutsche]

Alright, here you go, I created the issue.

[tandraschko]

It's already possible via "initialize" event.

<pe:ckEditor...>
<pe:javascript event="initiliaze" execute="onLoadCallback(myWidgetWar.instance)" />

</pe:ckEditor>

[pelzrutsche]

It's already possible via "initialize" event.
<pe:ckEditor...>
<pe:javascript event="initiliaze" execute="onLoadCallback(myWidgetWar.instance)" />
</pe:ckEditor>

Great , thank you, I didn't know that. So if I understand ClientBehaviour correctly I catches the same events as p:ajax but I can't find the event "initialize" anywhere in the docs. Is it specific to PF Ext components?

[tandraschko]

yep!
Each component has it own events and i added an initialize event

http://fractalsoft.net/primeext-showcas ... Editor.jsf
Please scroll down @ "Documentation pe:codeMirror" - there is a list with all events.

[pelzrutsche]

Thanks a lot zoigl, it works...almost.

Referencing the pe:ckEditor by it's widgetVar breaks once I create multiple pe:ckEditor within a ui:repeat. I know that's not an issue with PrimeFaces Ext. I could work around that issue if I had direct access to the widget when the code of pe:javascript is executed. However, that information gets lost during PrimeFaces Ext' event handling. The first argument (source) passed to the function, wrapping the code of pe:javascript, is the ID of the DOM element but not the widget. Is this by design?

Example

Code: Select all

<pe:ckEditor>
    <pe:javascript event="initialize" execute="console.log(arguments)" />
</pe:ckEditor>

Console output

Code: Select all

["form\:j_idt5\:j_idt7", "initialize", undefined, Object { params={...}}]

It would be nice to have the widget bound to "this" or the editor-instance passed as part of "params", too.