1) With the new skins, are all the icons final? It seems that the icons from the new skin are present on the "V2" skin. Shouldn't the original icons be used? They also don't match the Office skin. Is this the way it's supposed to be?
2) We used to use FCKEditor on an earlier version of our site, but because it wasn't very friendly with AJAX (detecting change for auto-save) we took the editor out completely and we are now using a standard text area. Is RC safe to use at this point? Either way how would I detect a change in the same was the "change" event would work on a text area? (the "change" event on a text area fires if a change is made, and the box looses focus).
3) I see the "browse server" button is now missing from the editor. Is there any upload support? Would it be hard to make my own image plugin just for uploading pictures?
4) There was a place holder plugin for V2 which would be great for what we need, but I ended up not using it because when you got next to the place holder and started typing, the background would expand. Is there a place holder plugin for V3, and is it better? Essentially what we need to do is have a button in the tool bar that brings up a popup that allows you to type in a variable name and a formatting function and insert an icon representing data. When you click on that icon you can get back into that configuration screen. (if you've used Dreamweaver you'll notice php code shows up in the WYWISYG as a "php" icon. I want to do something similar). The formatting of the actual text would be something like [variable|function], but we only want the user to see an icon.
Any help/suggestions/advice would be appreciated.
Thanks 
Luke
Thu, 06/25/2009 - 22:17
#1
Re: Questions about V3 RC
I'm trying to answer part of your questions here:
2)It's a pity to hear not using this editor if it's just because of lack of auto save feature, we're not supporting it yet but you may implement one with the following API( the 'saveSnapshot' event is somehow the *change* event you're seeking for):
// Fired when editor content changes. editor.on( 'saveSnapshot', function() { var editorSnapshot = editor.getSnapshot(); ... });3) The uploading support has already been added in RC.
4) The place holder plugin is not introduced into trunk yet, but we definitely will improve it, it the placeholder you're looking for is enough to presented as a image, you can even utilize the fakeElement plugin to accomplish it, just like the flash and anchor insertion feature.
Re: Questions about V3 RC
How does the 'saveSnapshot' event work exactly? Essentially I just need an event that fires when the editor looses focus (like a textarea) and the content is changed.
I'll look into the fakeElement plugin. Thanks for pointing me in the right direction.
Re: Questions about V3 RC
It fires when I add a table or form fields and even when I press 'Enter'.
However, it does not fire when a table, a form field or text is deleted.
Here is how I tested it:
CKEDITOR.replace(a,{ on:{ saveSnapshot:function(){alert('fired')} } });Like Luke, I needed something similar to an auto save feature. What I did was simply create a recurring function using setTimeout that would destroy itself if the editor was destroyed. The recurring function was initiated by using instanceReady to ensure that the editor was ready for use. Here is what my code looks like:
CKEDITOR.replace(a,{ on:{ instanceReady:function(){SomeFunction()} } }); function SomeFunction(){ // check for editor instance if(CKEDITOR.instances['idoftextarea']){ // Do your processing here setTimeout('SomeFunction()', delay in ms); } }Re: Questions about V3 RC
Re: Questions about V3 RC
CKEDITOR.on( 'currentInstance', function( ev ) { if(ev.sender._lastInstance && ev.sender._lastInstance != ev.sender.currentInstance) { if(ev.sender._lastInstance.checkDirty()) { ev.sender._lastInstance.updateElement(); $(ev.sender._lastInstance.element.$).fire('user:change'); } } ev.sender._lastInstance = ev.sender.currentInstance; });What it essentially does is replicates the functionality for the "onchange" event that the text area does. It fires when the editor looses focus and the content has been changed. I use prototype, so I fire a custom event which is being listened to by my auto save feature. You can do something similar with any other type of js library.
Re: Questions about V3 RC
Luke, your solution works great. Thanks. If you don't mind, please add any events and event descriptions you know of to http://diffpaste.com/#/341/, I'm trying to generate a definitive list.
Re: Questions about V3 RC
That list isn't very useful because it's dumping together all the event names, but there's no separation about the object that fires them.
Check for example the events in this page http://docs.cksource.com/ckeditor_api/s ... DITOR.html and this one http://docs.cksource.com/ckeditor_api/s ... ditor.html (please, note that those lists aren't complete and I'm not even sure if some event is misplaced)
Re: Questions about V3 RC
CKEDITOR.on( 'currentInstance', function( ev ) { if(ev.sender._lastInstance && ev.sender._lastInstance != ev.sender.currentInstance) { ev.sender._lastInstance.element.oldValue = ev.sender._lastInstance.element.$.value; ev.sender._lastInstance.updateElement(); if(ev.sender._lastInstance.element.$.value != ev.sender._lastInstance.element.oldValue) { $(ev.sender._lastInstance.element.$).fire('user:change'); } } ev.sender._lastInstance = ev.sender.currentInstance; });Re: Questions about V3 RC
how do we get this 'auto save' to work?
does this go into the config.js file?
what else has to be done to get such a thing as auto save to actually work, pasted the code into my config file loaded it to server and it seems, to not work... is there more to this?
do i have to put some shippet or something into my areas where i call the editor for each text area?