| (3 intermediate revisions by 2 users not shown) | |||
| Line 1: | Line 1: | ||
| − | == Frequently Asked Questions : JavaScript == | + | __NOTOC__ |
| + | == Frequently Asked Questions : JavaScript == | ||
| − | + | *[[#changeContent|How do I dynamically change the content in the editor with JavaScript?]] | |
| − | * [[#changeContent|How do I dynamically change the content in the editor with JavaScript | + | *[[#javascriptParent|How do I call a javascript function on the page containing the editor from a plugin?]] |
| − | + | *[[FCKeditor 2.x/Developers Guide/FAQ/JavaScirpt/OnkeyEvent|How do I capture an onkey event within FCKeditor?]] | |
| − | * [[#javascriptParent|How do I call a javascript function on the page containing the editor from a plugin?]] | ||
| − | * [[ | ||
| − | === <span id=" | + | === <span id="changeContent">How do I dynamically change the content in the editor with JavaScript?</span> === |
| − | + | Just use the FCKeditor JavaScript API: | |
| − | + | <pre>function getEditorValue( instanceName ) | |
| − | |||
| − | |||
| − | |||
| − | <pre>function | ||
{ | { | ||
| − | // | + | // Get the editor instance that we want to interact with. |
| − | + | var oEditor = FCKeditorAPI.GetInstance( instanceName ) ; | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | + | // Get the editor contents as XHTML. | |
| − | + | return oEditor.GetXHTML( true ) ; // "true" means you want it formatted. | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
function setEditorValue( instanceName, text ) | function setEditorValue( instanceName, text ) | ||
{ | { | ||
| − | + | // Get the editor instance that we want to interact with. | |
| − | + | var oEditor = FCKeditorAPI.GetInstance( instanceName ) ; | |
| − | + | // Set the editor contents. | |
| − | + | oEditor.SetHTML( text ) ; | |
} | } | ||
</pre> | </pre> | ||
| − | + | === <span id="javascriptParent">How do I call a javascript function on the page containing the editor from a plugin?</span> === | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | === <span id="javascriptParent">How do I call a javascript function on the page containing the editor from a plugin?</span> === | ||
| − | If you want to call a function contained in the page that instantiates the FCKeditor, you will need to add "parent." to the function name in the plugin.js. | + | If you want to call a function contained in the page that instantiates the FCKeditor, you will need to add "parent." to the function name in the plugin.js. |
| − | Let's say that in fun.html I have a function named "SetSelected". If I were writing a plugin for use on the fun.html page, and I wanted it to call the !SetSelected() function from plugin.js, I would simply have to add parent to it. | + | Let's say that in fun.html I have a function named "SetSelected". If I were writing a plugin for use on the fun.html page, and I wanted it to call the !SetSelected() function from plugin.js, I would simply have to add parent to it. |
E.g. '''parent'''.''SetSelected();'' Sometimes you may have nested the editor another level; just add another parent like: ''parent.parent.SetSelected();'' | E.g. '''parent'''.''SetSelected();'' Sometimes you may have nested the editor another level; just add another parent like: ''parent.parent.SetSelected();'' | ||
Latest revision as of 12:27, 29 May 2008
Frequently Asked Questions : JavaScript
- How do I dynamically change the content in the editor with JavaScript?
- How do I call a javascript function on the page containing the editor from a plugin?
- How do I capture an onkey event within FCKeditor?
How do I dynamically change the content in the editor with JavaScript?
Just use the FCKeditor JavaScript API:
function getEditorValue( instanceName )
{
// Get the editor instance that we want to interact with.
var oEditor = FCKeditorAPI.GetInstance( instanceName ) ;
// Get the editor contents as XHTML.
return oEditor.GetXHTML( true ) ; // "true" means you want it formatted.
}
function setEditorValue( instanceName, text )
{
// Get the editor instance that we want to interact with.
var oEditor = FCKeditorAPI.GetInstance( instanceName ) ;
// Set the editor contents.
oEditor.SetHTML( text ) ;
}
How do I call a javascript function on the page containing the editor from a plugin?
If you want to call a function contained in the page that instantiates the FCKeditor, you will need to add "parent." to the function name in the plugin.js.
Let's say that in fun.html I have a function named "SetSelected". If I were writing a plugin for use on the fun.html page, and I wanted it to call the !SetSelected() function from plugin.js, I would simply have to add parent to it.
E.g. parent.SetSelected(); Sometimes you may have nested the editor another level; just add another parent like: parent.parent.SetSelected();