| Line 15: | Line 15: | ||
//create our own command, we dont want to use the FCKDialogCommand because it uses the default fck layout and not our own | //create our own command, we dont want to use the FCKDialogCommand because it uses the default fck layout and not our own | ||
}; | }; | ||
| − | |||
| − | |||
InsertVariableCommand.GetState=function() { | InsertVariableCommand.GetState=function() { | ||
return FCK_TRISTATE_OFF; //we dont want the button to be toggled | return FCK_TRISTATE_OFF; //we dont want the button to be toggled | ||
| Line 36: | Line 34: | ||
var FCK = window.opener.FCK; | var FCK = window.opener.FCK; | ||
function ok() { | function ok() { | ||
| − | if(variable != null) { | + | if(variable != null) { |
FCK.Focus(); | FCK.Focus(); | ||
var B = FCK.EditorDocument.selection.createRange(); //only works in IE | var B = FCK.EditorDocument.selection.createRange(); //only works in IE | ||
| Line 54: | Line 52: | ||
* '''fckconfig.js''' | * '''fckconfig.js''' | ||
<pre>//in fckconfig.js add this | <pre>//in fckconfig.js add this | ||
| − | FCKConfig.Plugins.Add( 'insertvariables' ) ; | + | FCKConfig.Plugins.Add( 'insertvariables' ) ; |
/* add this to your toolbar or to the default toolbar | /* add this to your toolbar or to the default toolbar | ||
* ['Insert_Variables'] | * ['Insert_Variables'] | ||
| Line 60: | Line 58: | ||
FCKConfig. ToolbarSets["myToolbar"] = [ | FCKConfig. ToolbarSets["myToolbar"] = [ | ||
['Bold','Italic','Underline'],['Insert_Variables'] | ['Bold','Italic','Underline'],['Insert_Variables'] | ||
| − | ] ; | + | ] ; |
</pre> | </pre> | ||
Latest revision as of 15:29, 8 March 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.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 );
- web page source file
//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>
- fckconfig.js
//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'] ] ;