Adding custom buttons to atkFckAttribute - Revision history

Bahati at 10:01, 11 March 2011

2011-03-11T10:01:07Z

← Older revision		Revision as of 10:01, 11 March 2011
Line 1:		Line 1:
	{{Howto\|Advanced\|[[Jeroen van Sluijs]] <jeroenvs@~~ibuildings~~.nl>}}		{{Howto\|Advanced\|[[Jeroen van Sluijs]] <jeroenvs@achievo.org>}}

	This howto describes how to add custom buttons to the [[atkFckAttribute]] toolbar. When the button is pressed, a popup with a recordlist will be opened. Text from the selected record will be pasted in the WYSIWYG editor.		This howto describes how to add custom buttons to the [[atkFckAttribute]] toolbar. When the button is pressed, a popup with a recordlist will be opened. Text from the selected record will be pasted in the WYSIWYG editor.

Leon: Fix destruction

2007-07-13T11:38:21Z

Fix destruction

@@ Line 17: / Line 17: @@
       "Custom_button",
       "Custom_button",
-      FCKConfig.PluginsPath   "../../../../../dispatch.php?atknodetype=modulename.node</javascript>
+      FCKConfig.PluginsPath + "../../../../../dispatch.php?atknodetype=modulename.node&atkaction=selectfragment",

BboQkk at 11:17, 13 July 2007

2007-07-13T11:17:37Z

@@ Line 17: / Line 17: @@
       "Custom_button",
       "Custom_button",
-      FCKConfig.PluginsPath + "../../../../../dispatch.php?atknodetype=modulename.node&atkaction=selectfragment",
+      FCKConfig.PluginsPath   "../../../../../dispatch.php?atknodetype=modulename.node</javascript>

bahtiar: fix destruction

2007-06-10T19:55:08Z

fix destruction

@@ Line 17: / Line 17: @@
       "Custom_button",
       "Custom_button",
-      FCKConfig.PluginsPath   "../../../../../dispatch.php?atknodetype=modulename.node</javascript>
+      FCKConfig.PluginsPath + "../../../../../dispatch.php?atknodetype=modulename.node&atkaction=selectfragment",

KahHrn at 16:15, 10 June 2007

2007-06-10T16:15:08Z

@@ Line 17: / Line 17: @@
       "Custom_button",
       "Custom_button",
-      FCKConfig.PluginsPath + "../../../../../dispatch.php?atknodetype=modulename.node&atkaction=selectfragment",
+      FCKConfig.PluginsPath   "../../../../../dispatch.php?atknodetype=modulename.node</javascript>

Leon: Fix destruction

2007-04-11T10:31:17Z

Fix destruction

@@ Line 17: / Line 17: @@
       "Custom_button",
       "Custom_button",
-      FCKConfig.PluginsPath   "../../../../../dispatch.php?atknodetype=modulename.node</javascript>
+      FCKConfig.PluginsPath + "../../../../../dispatch.php?atknodetype=modulename.node&atkaction=selectfragment",

Yd5Ng9 at 09:00, 11 April 2007

2007-04-11T09:00:14Z

@@ Line 17: / Line 17: @@
       "Custom_button",
       "Custom_button",
-      FCKConfig.PluginsPath + "../../../../../dispatch.php?atknodetype=modulename.node&atkaction=selectfragment",
+      FCKConfig.PluginsPath   "../../../../../dispatch.php?atknodetype=modulename.node</javascript>

bahtiar at 15:24, 14 January 2007

2007-01-14T15:24:29Z

← Older revision		Revision as of 15:24, 14 January 2007
Line 9:		Line 9:
	Create a javascript file '''fckplugin.js''' to register the related commands. This file can be placed in the ''/application_dir/fckplugins/Custom_button'' directory. Enter the following code:		Create a javascript file '''fckplugin.js''' to register the related commands. This file can be placed in the ''/application_dir/fckplugins/Custom_button'' directory. Enter the following code:

			<javascript>
	FCKCommands.RegisterCommand		FCKCommands.RegisterCommand
	(		(
Line 24:		Line 25:
	oCustomButtonItem.IconPath = FCKConfig.PluginsPath + "../../../../../fckplugins/Custom_button/Custom_button.gif";		oCustomButtonItem.IconPath = FCKConfig.PluginsPath + "../../../../../fckplugins/Custom_button/Custom_button.gif";
	FCKToolbarItems.RegisterItem('Custom_button',oCustomButtonItem);		FCKToolbarItems.RegisterItem('Custom_button',oCustomButtonItem);
			</javascript>

	900,400 Represents the size of the popup dialog that will be opened.		900,400 Represents the size of the popup dialog that will be opened.
Line 32:		Line 34:
	=== Define action in node ===		=== Define action in node ===
	Create the selectfragment action:		Create the selectfragment action:

			<syntaxhighlight lang="php">
	function action_selectfragment()		function action_selectfragment()
	{		{
Line 38:		Line 42:
	$adminhandler->action_admin();		$adminhandler->action_admin();
	}		}
			</syntaxhighlight>

	Define recordActions to create a 'select and paste' button (see [[Custom_(record)_actions]] as well):		Define recordActions to create a 'select and paste' button (see [[Custom_(record)_actions]] as well):

			<syntaxhighlight lang="php">
	function recordActions($record, &$actions, &$mraactions)		function recordActions($record, &$actions, &$mraactions)
	{		{
Line 49:		Line 56:
	}		}
	}		}
			</syntaxhighlight>

	The insert_text action creates the javascript and uses a renderBox to execute this javascript for inserting text into the fck-editor. This window will not be showed, since it is immediately closed:		The insert_text action creates the javascript and uses a renderBox to execute this javascript for inserting text into the fck-editor. This window will not be showed, since it is immediately closed:

			<syntaxhighlight lang="php">
	function action_insert_text()		function action_insert_text()
	{		{
Line 63:		Line 73:
	$page->addContent($this->renderActionPage("insert_text", $output));		$page->addContent($this->renderActionPage("insert_text", $output));
	}		}
			</syntaxhighlight>

	=== Fck config file ===		=== Fck config file ===
	Add the following line to: ''atk\attributes\fck\fckconfig.js''		Add the following line to: ''atk\attributes\fck\fckconfig.js''

			<javascript>
	FCKConfig.Plugins.Add('Custom_button',null,FCKConfig.PluginsPath + '../../../../../fckplugins/');		FCKConfig.Plugins.Add('Custom_button',null,FCKConfig.PluginsPath + '../../../../../fckplugins/');
			</javascript>

	Now, you can add your 'Custom_button' to any toolbarset in ''fckconfig.js''.		Now, you can add your 'Custom_button' to any toolbarset in ''fckconfig.js''.

Jeroenvs at 08:10, 3 August 2006

2006-08-03T08:10:25Z

← Older revision		Revision as of 08:10, 3 August 2006
Line 3:		Line 3:
	This howto describes how to add custom buttons to the [[atkFckAttribute]] toolbar. When the button is pressed, a popup with a recordlist will be opened. Text from the selected record will be pasted in the WYSIWYG editor.		This howto describes how to add custom buttons to the [[atkFckAttribute]] toolbar. When the button is pressed, a popup with a recordlist will be opened. Text from the selected record will be pasted in the WYSIWYG editor.

	The following ~~changes must~~ be ~~made~~:		== Custom fck-buttons ==
			The following code needs to be implemented to create a custom button:

	=== Fck Javascript ===		=== Fck Javascript ===
Line 69:		Line 70:

	Now, you can add your 'Custom_button' to any toolbarset in ''fckconfig.js''.		Now, you can add your 'Custom_button' to any toolbarset in ''fckconfig.js''.

			== Fckeditor wiki ==
			Additional information can be found on the [http://wiki.fckeditor.net/ fckeditor wiki].

Jeroenvs at 08:04, 3 August 2006

2006-08-03T08:04:07Z

New page

{{Howto|Advanced|[[Jeroen van Sluijs]] <jeroenvs@ibuildings.nl>}}

This howto describes how to add custom buttons to the [[atkFckAttribute]] toolbar. When the button is pressed, a popup with a recordlist will be opened. Text from the selected record will be pasted in the WYSIWYG editor.

The following changes must be made:

=== Fck Javascript ===
Create a javascript file '''fckplugin.js''' to register the related commands. This file can be placed in the ''/application_dir/fckplugins/Custom_button'' directory. Enter the following code:

FCKCommands.RegisterCommand
(
'Custom_button',
new FCKDialogCommand
(
"Custom_button",
"Custom_button",
FCKConfig.PluginsPath + "../../../../../dispatch.php?atknodetype=modulename.node&atkaction=selectfragment",
900,400
)
);
// Create the toolbar
var oCustomButtonItem = new FCKToolbarButton('Custom_button',FCKLang['DlgCustomButtonTitle']);
oCustomButtonItem.IconPath = FCKConfig.PluginsPath + "../../../../../fckplugins/Custom_button/Custom_button.gif";
FCKToolbarItems.RegisterItem('Custom_button',oCustomButtonItem);

900,400 Represents the size of the popup dialog that will be opened.

=== Icon ===
Create your own '''Custom_button.gif''' icon and add it to the ''fckplugins/Custom_button'' directory.

=== Define action in node ===
Create the selectfragment action:
function action_selectfragment()
{
$this->addFlag(NF_NO_ADD|NF_READONLY);
$adminhandler = &parent::getHandler("admin");
$adminhandler->action_admin();
}

Define recordActions to create a 'select and paste' button (see [[Custom_(record)_actions]] as well):
function recordActions($record, &$actions, &$mraactions)
{
if ($this->m_action === "selectfragment")
{
$actions["insert_text"]= session_url(dispatch_url($this->atknodetype(),
"insert_text",
array("text"=>$record["text"])));
}
}

The insert_text action creates the javascript and uses a renderBox to execute this javascript for inserting text into the fck-editor. This window will not be showed, since it is immediately closed:
function action_insert_text()
{
$javascript_with_text = 'var oEditor = window.parent.InnerDialogLoaded();
oEditor.FCK.InsertHtml("'.str_replace("\"","\\\"",$this->m_postvars['text']).'");
window.parent.close();';
$page = &$this->getPage();
$ui = &$this->getUi();
$output = $ui->renderBox(array("title"=>"Insert text",
"content"=>"<script language='javascript'>$javascript_with_text</script>"));
$this->addStyle("style.css");
$page->addContent($this->renderActionPage("insert_text", $output));
}

=== Fck config file ===
Add the following line to: ''atk\attributes\fck\fckconfig.js''

FCKConfig.Plugins.Add('Custom_button',null,FCKConfig.PluginsPath + '../../../../../fckplugins/');

Now, you can add your 'Custom_button' to any toolbarset in ''fckconfig.js''.