FCKeditor 2.x/Developers Guide/Customization/Plug-ins/Popup - Revision history

Fredck at 14:29, 8 March 2008

2008-03-08T14:29:47Z

W.olchawa at 14:21, 17 January 2008

2008-01-17T14:21:21Z

W.olchawa at 14:18, 17 January 2008

2008-01-17T14:18:19Z

W.olchawa at 14:18, 17 January 2008

2008-01-17T14:18:04Z

W.olchawa at 14:17, 17 January 2008

2008-01-17T14:17:22Z

W.olchawa at 14:16, 17 January 2008

2008-01-17T14:16:57Z

W.olchawa at 14:15, 17 January 2008

2008-01-17T14:15:52Z

W.olchawa: 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

 /*  * your plugin must be put in the '...

2008-01-17T14:14:56Z

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 '...

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 '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 );
</pre>
* web page file<pre>
//insertVariable.do
<html><head> etc...
<script language="javascript">

</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>

@@ 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
 };
 InsertVariableCommand.GetState=function() {
 return FCK_TRISTATE_OFF; //we dont want the button to be toggled
@@ Line 36: / Line 34: @@
 var FCK = window.opener.FCK;
 function ok() {
-if(variable != null) {
+if(variable&nbsp;!= null) {
 FCK.Focus();
 var B = FCK.EditorDocument.selection.createRange(); //only works in IE
@@ Line 54: / Line 52: @@
 * '''fckconfig.js'''
 <pre>//in fckconfig.js add this
-FCKConfig.Plugins.Add( 'insertvariables' ) ;
+FCKConfig.Plugins.Add( 'insertvariables' )&nbsp;;
 /* add this to your toolbar or to the default toolbar
 * ['Insert_Variables']
@@ Line 60: / Line 58: @@
 FCKConfig. ToolbarSets["myToolbar"] = [
 ['Bold','Italic','Underline'],['Insert_Variables']
-] ;
+]&nbsp;;
 </pre>

@@ Line 27: / Line 27: @@
 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 );</pre>

@@ Line 4: / Line 4: @@
 * '''fckpkugin.js''' file
+<pre>//fckplugin.js
-<pre>
+/*
+* your plugin must be put in the 'editor/plugins/#plug-in name#' (the name is specified in fckconfig.js -&gt; addPlugin, see below)
+* in my case this is 'editor/plugins/insertvariables/'
-somtehjtow</pre>

@@ Line 3: / Line 3: @@
 This example shows how to insert text in the FCKeditor:
-* '''fckpkugin.js''' file<pre>
+* '''fckpkugin.js''' file
-///fckplugin.js /*
+<pre>
-var InsertVariableCommand=function(){
+somtehjtow</pre>

@@ Line 5: / Line 5: @@
 * '''fckpkugin.js''' file<pre>
-///fckplugin.js
+///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 -&gt; addPlugin, see below)
   * in my case this is 'editor/plugins/insertvariables/'
+  *
@@ Line 13: / Line 13: @@
   * @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
-};
+ //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.prototype.Execute=function(){ } 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
-−
-InsertVariableCommand.Execute=function() {
+} 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');
+ //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');
+} 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 );