| Line 27: | Line 27: | ||
var oInsertVariables = new FCKToolbarButton('Insert_Variables', 'insert variable'); | var oInsertVariables = new FCKToolbarButton('Insert_Variables', 'insert variable'); | ||
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 );</pre> | + | FCKToolbarItems.RegisterItem( 'Insert_Variables', oInsertVariables );</pre> |
| + | * web page source 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> | ||
Revision as of 15:21, 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 );
- 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'] ] ;