Fullscreen
Loading...
 
Skip to main content

History: kfm

Source of version: 8 (current)

Copy to clipboard
^ ((elFinder)) is now in Tiki ^


{HTML()}<script type="text/javascript" src="http://www.ohloh.net/p/3324/widgets/project_basic_stats.js"></script>{HTML}


!::Quick HOWTO for integrating KFM 1.3 into Tikiwiki (UNIX like systems)::

!!!Why KFM ?
* Very easy integration with FCK or TinyMCE Editor under Tikiwiki (AJAX + PHP)
* Display folders in a navigation tree (ie: /home/tikiwiki/img/KFM) 
* Images are shown as thumbnails while browsing
* Images editor (Crop, resize, rotate...)
* files management (delete, rename, move, search engine...)
* Multi-languages 
* ... more at http://kfm.verens.com
^Please note that it browses the real system folders on the server rather than the virtual folders of the TW files gallery^
{img src="img/wiki_up/insert_link_or_image_EN.gif" }
!!!HowTo:
__A-/ Install KFM :__
   Unzip http://kfm.verens.com/f/kfm-1.3.1.zip 
      under MyTikiwiki_PROJECT/lib/fckeditor/editor/plugins/kfm
__B-/ Configure KFM__ (configuration.php):
   {CODE()}cp -p configuration.dist.php configuration.php{CODE}
Then edit __configuration.php__ according to your needs (example below) :
*Add the TIKIWIKI's database access :
{CODE()}$kfm_db_prefix   = 'kfm_';  // default prefix of the tables of KFM
$kfm_db_name     = 'My_DB';
$kfm_db_username = 'My_DB_user';
$kfm_db_password = 'My_DB_pwd';{CODE}
*Define the folder ROOT to browse :
{CODE()}$kfm_userfiles_address = '/home/tikiwiki/img/KFM';{CODE}
In a console, create the ROOT directory :
{CODE()}mkdir /home/tikiwiki/img/KFM
chown -R apache:apache /home/tikiwiki/img/KFM{CODE}
*Specify the ROOT of the URL returned to the WYSIWYG editor (FCK or TinyMCE) when the user double-click on an image or a file
{CODE()}$kfm_userfiles_output = 'http://www.MyDomain.com/tikiwiki/lib/fckeditor/editor/plugins/kfm/get.php';{CODE}
(You can also use your OWN "image viewer" and "File Downloader")
*Hide some features :
{CODE()}ie:  $kfm_hidden_panels = 'logs,widgets,directory_properties,file_details';{CODE} 
__C-/ Include authentication management of TIKIWIKI:__
(KFM has his own session management which is disabled by default)
*activate the authentication management :
{CODE()}cp -p api/config.php.dist    api/config.php{CODE}
*Uncomment the last line of __api/config.php__ 
{CODE()}$kfm_api_auth_override=1;{CODE}
*Paste above the previous uncommented line the authentication management of TW :
=> insert the message displayed when the authentication failed :
{CODE()}echo 'ERROR : session not initialized or expired';
exit;{CODE}
(This generate a white page containing the text above)
__D-/ Call KFM from a link :__ (note the language preference in the parameters)
{CODE(wrap="1")}<a href="javascript:;" onClick="javascript: window.open('http://www.MyDomain.com/tikiwiki/lib/fckeditor/editor/plugins/kfm/index.php?mode=selector&lang=fr&type='+type,'kfm','modal,width=800,height=600');">Browse directories</a>{CODE}
__E-/ Integrate KFM within FCK or TinyMCE__ (http://kfm.verens.com/Documentation)
Sorry, the example below concerns TinyMCE :-(
The KFM window is displayed when using the buttons __Insert an image__ and __Insert a link__
{CODE(wrap="1")}  <script language="JavaScript" type="text/javascript">
        // <!-- Hide script

	function kfm_for_tiny_mce(field_name, url, type, win){
		window.SetUrl=function(url,width,height,caption){
			win.document.forms[0].elements[field_name].value = url;
			if(caption){
				win.document.forms[0].elements["alt"].value=caption;
				win.document.forms[0].elements["title"].value=caption;
			}
		}
		window.open('http://www.MyDomain.com/tikiwiki/lib/fckeditor/editor/plugins/kfm/index.php?mode=selector&lang=fr&type='+type,'kfm','modal,width=800,height=600');
	}
             

	tinyMCE.init({
		mode : "none",
		language : 'fr',
                ...
                ...
                file_browser_callback : "kfm_for_tiny_mce",
	});

        //End script hiding  -->
  </script>{CODE}


See also ((Help))
https://www.ohloh.net/p/kfm
Show PHP error messages