Popup"

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.

(New page: == Example on how to access the editor from a popup window == This example shows how to insert text in the FCKeditor: * '''fckpkugin.js''' file<pre> /* * your plugin must be put in the '...)
 
Line 2: Line 2:
  
 
This example shows how to insert text in the FCKeditor:
 
This example shows how to insert text in the FCKeditor:
 +
 
* '''fckpkugin.js''' file<pre>
 
* '''fckpkugin.js''' file<pre>
 +
//fckplugin.js
 
/*
 
/*
 
  * your plugin must be put in the 'editor/plugins/#plug-in name#' (the name is specified in fckconfig.js -> addPlugin, see below)
 
  * your plugin must be put in the 'editor/plugins/#plug-in name#' (the name is specified in fckconfig.js -> addPlugin, see below)
Line 26: Line 28:
 
oInsertVariables.IconPath = FCKConfig.PluginsPath + 'insertvariables/variable.gif'; //specifies the image used in the toolbar
 
oInsertVariables.IconPath = FCKConfig.PluginsPath + 'insertvariables/variable.gif'; //specifies the image used in the toolbar
 
FCKToolbarItems.RegisterItem( 'Insert_Variables', oInsertVariables );
 
FCKToolbarItems.RegisterItem( 'Insert_Variables', oInsertVariables );
</pre>
 
* web page file<pre>
 
//insertVariable.do
 
<html><head> etc...
 
<script language="javascript">
 
        <!--
 
        var variable            = null;
 
        var FCK                = window.opener.FCK;
 
        function ok() {
 
                if(variable != null) {
 
                        FCK.Focus();
 
                        var B = FCK.EditorDocument.selection.createRange(); //only works in IE
 
                        B.text = variable;
 
                }
 
                window.close();
 
        }
 
        //-->
 
</script>
 
</head>
 
<body>
 
etc..
 
<a href="#" onClick="variable='this is a test'; ok();">insert text</a>
 
</body>
 
</html>
 
</pre>
 
* '''fckconfig.js'''<pre>
 
//in fckconfig.js add this
 
FCKConfig.Plugins.Add( 'insertvariables' ) ;
 
/* add this to your toolbar or to the default toolbar
 
* ['Insert_Variables']
 
*/
 
FCKConfig. ToolbarSets["myToolbar"] = [
 
        ['Bold','Italic','Underline'],['Insert_Variables']
 
] ;
 
 
</pre>
 
</pre>

Revision as of 15:15, 17 January 2008

Example on how to access the editor from a popup window

This example shows how to insert text in the FCKeditor:

  • fckpkugin.js file

//fckplugin.js /*

* your plugin must be put in the 'editor/plugins/#plug-in name#' (the name is specified in fckconfig.js -> addPlugin, see below)
* in my case this is 'editor/plugins/insertvariables/'
*
* insert variable editor
* @author: Tim Struyf, Roots Software (http://www.roots.be), tim.struyf@roots.be
*/

var InsertVariableCommand=function(){

       //create our own command, we dont want to use the FCKDialogCommand because it uses the default fck layout and not our own

}; InsertVariableCommand.prototype.Execute=function(){ } InsertVariableCommand.GetState=function() {

       return FCK_TRISTATE_OFF; //we dont want the button to be toggled

} InsertVariableCommand.Execute=function() {

       //open a popup window when the button is clicked
       window.open('insertVariable.do', 'insertVariable', 'width=500,height=400,scrollbars=no,scrolling=no,location=no,toolbar=no');

} FCKCommands.RegisterCommand('Insert_Variables', InsertVariableCommand ); //otherwise our command will not be found var oInsertVariables = new FCKToolbarButton('Insert_Variables', 'insert variable'); oInsertVariables.IconPath = FCKConfig.PluginsPath + 'insertvariables/variable.gif'; //specifies the image used in the toolbar FCKToolbarItems.RegisterItem( 'Insert_Variables', oInsertVariables );