FCKeditor JS API

 

 

  1// FCKeditor_OnComplete is a special function that is called when an editor
  2// instance is loaded ad available to the API. It must be named exactly in
  3// this way.
  4function FCKeditor_OnComplete( editorInstance )
  5{
  6    // Show the editor name and description in the browser status bar.
  7    document.getElementById('eMessage').innerHTML = 'Instance "' + editorInstance.Name + '" loaded - ' + editorInstance.Description ;
  8
  9    // Show this sample buttons.
 10    document.getElementById('eButtons').style.visibility = '' ;
 11}
 12
 13function InsertHTML()
 14{
 15    // Get the editor instance that we want to interact with.
 16    var oEditor = FCKeditorAPI.GetInstance('FCKeditor1') ;
 17
 18    // Check the active editing mode.
 19    if ( oEditor.EditMode == FCK_EDITMODE_WYSIWYG )
 20    {
 21        // Insert the desired HTML.
 22        oEditor.InsertHtml( '- This is some <a href="/Test1.html">sample</a> HTML -' ) ;
 23    }
 24    else
 25        alert( 'You must be on WYSIWYG mode!' ) ;
 26}
 27
 28function SetContents()
 29{
 30    // Get the editor instance that we want to interact with.
 31    var oEditor = FCKeditorAPI.GetInstance('FCKeditor1') ;
 32
 33    // Set the editor contents (replace the actual one).
 34    oEditor.SetHTML( 'This is the <b>new content</b> I want in the editor.' ) ;
 35}
 36
 37function GetContents()
 38{
 39    // Get the editor instance that we want to interact with.
 40    var oEditor = FCKeditorAPI.GetInstance('FCKeditor1') ;
 41
 42    // Get the editor contents in XHTML.
 43    alert( oEditor.GetXHTML( true ) ) ;        // "true" means you want it formatted.
 44}
 45
 46function ExecuteCommand( commandName )
 47{
 48    // Get the editor instance that we want to interact with.
 49    var oEditor = FCKeditorAPI.GetInstance('FCKeditor1') ;
 50
 51    // Execute the command.
 52    oEditor.Commands.GetCommand( commandName ).Execute() ;
 53}
 54
 55function GetLength()
 56{
 57    // This functions shows that you can interact directly with the editor area
 58    // DOM. In this way you have the freedom to do anything you want with it.
 59
 60    // Get the editor instance that we want to interact with.
 61    var oEditor = FCKeditorAPI.GetInstance('FCKeditor1') ;
 62
 63    // Get the Editor Area DOM (Document object).
 64    var oDOM = oEditor.EditorDocument ;
 65
 66    var iLength ;
 67
 68    // The are two diffent ways to get the text (without HTML markups).
 69     // It is browser specific.
 70
 71    if ( document.all )        // If Internet Explorer.
 72    {
 73        iLength = oDOM.body.innerText.length ;
 74    }
 75    else                    // If Gecko.
 76    {
 77        var r = oDOM.createRange() ;
 78        r.selectNodeContents( oDOM.body ) ;
 79        iLength = r.toString().length ;
 80    }
 81
 82    alert( 'Actual text length (without HTML markups): ' + iLength + ' characters' ) ;
 83}
 84
 85function GetInnerHTML()
 86{
 87    // Get the editor instance that we want to interact with.
 88    var oEditor = FCKeditorAPI.GetInstance('FCKeditor1') ;
 89
 90    alert( oEditor.EditorDocument.body.innerHTML ) ;
 91}
 92
 93function CheckIsDirty()
 94{
 95    // Get the editor instance that we want to interact with.
 96    var oEditor = FCKeditorAPI.GetInstance('FCKeditor1') ;
 97    alert( oEditor.IsDirty() ) ;    
 98}
 99
function ResetIsDirty()
{
    // Get the editor instance that we want to interact with.
    var oEditor = FCKeditorAPI.GetInstance('FCKeditor1') ;
    oEditor.ResetIsDirty() ;    
    alert( 'The "IsDirty" status has been reset' ) ;
}