There are several internal events sent from the nicEdit core that can be used in plugins and on your own javascript when doing advanced integration of the editor into your web sites.
| blur |
Sent when an editor instance loses focus |
| focus |
Send when an editor gains focus (IE someone clicks inside it)
|
| key |
When the user presses a shortcut key (Such as control-b)
|
| add |
Fired when a new instance is added |
| panel |
Fired when the toolbar is initialized for new instances (This is the preferred event if you want to add a function when NicEdit instances are created) |
To attach functions to internal NicEdit events use the addEvent method on the nicInstance object
[some nicedit instance].addEvent([event name], [callback function]);
A common use of events is also to tell when the editor has finished loading
-
bkLib.onDomLoaded(function(){
-
var myEditor = new nicEditor({fullPanel : true }).panelInstance('myArea2');
-
myEditor.addEvent('add', function() {
-
alert( myEditor.instanceById('myArea2').getContent() );
-
});
-
});
Another example of using events to tell when an editor is blurred
-
<script>
-
bkLib.onDomLoaded(function(){
-
var myInstance = new nicEditor().panelInstance('myArea2');
-
myInstance.addEvent('blur', function() {
-
// Your code here that is called whenever the user blurs (stops editing) the nicedit instance
-
});
-
});
-
</script>
Comments (2)
scottchantry said
at 12:03 pm on Oct 26, 2009
Is there any way to create an onchange event? Right now I'm using onblur but that is too inefficient, every time I click anywhere it calls the event but I only want it if it's changed.
Richard Welsh said
at 6:39 am on Feb 12, 2010
Scott, I had the same problem, wanting to trap changes only and not every blur. In the end I managed it by keeping a background copy of the innerHTML value of the node being edited, and comparing against this in the blur event handler.
You don't have permission to comment on this page.