JavaScript"

This website contains links to software which is either no longer maintained or will be supported only until the end of 2019 (CKFinder 2). For the latest documentation about current CKSource projects, including software like CKEditor 4/CKEditor 5, CKFinder 3, Cloud Services, Letters, Accessibility Checker, please visit the new documentation website.

If you look for an information about very old versions of CKEditor, FCKeditor and CKFinder check also the CKEditor forum, which was closed in 2015. If not, please head to StackOverflow for support.

 
Line 11: Line 11:
 
<pre>function getEditorValue( instanceName )
 
<pre>function getEditorValue( instanceName )
 
{
 
{
// Get the editor instance that we want to interact with.
+
    // Get the editor instance that we want to interact with.
var oEditor = FCKeditorAPI.GetInstance( instanceName )&nbsp;;
+
    var oEditor = FCKeditorAPI.GetInstance( instanceName )&nbsp;;
  
// Get the editor contents as XHTML.
+
    // Get the editor contents as XHTML.
return oEditor.GetXHTML( true )&nbsp;; // "true" means you want it formatted.
+
    return oEditor.GetXHTML( true )&nbsp;; // "true" means you want it formatted.
 
}
 
}
  
 
function setEditorValue( instanceName, text )
 
function setEditorValue( instanceName, text )
 
{
 
{
// Get the editor instance that we want to interact with.
+
    // Get the editor instance that we want to interact with.
var oEditor = FCKeditorAPI.GetInstance( instanceName )&nbsp;;
+
    var oEditor = FCKeditorAPI.GetInstance( instanceName )&nbsp;;
  
// Set the editor contents.
+
    // Set the editor contents.
oEditor.SetHTML( text )&nbsp;;
+
    oEditor.SetHTML( text )&nbsp;;
 
}
 
}
 
</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>  ===
  

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?

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();

This page was last edited on 29 May 2008, at 12:27.