Drupal 6.x and configuration of Wysiwyg, FCKeditor 2.6.5 and plug-in flvPlayer for Flash movie support.

wims - October 20, 2009 - 15:02
Project:Wysiwyg
Version:6.x-2.0
Component:Documentation
Category:task
Priority:normal
Assigned:wims
Status:active
Description

Drupal 6.x and configuration of Wysiwyg, FCKeditor 2.6.5 and plug-in flvPlayer for Flash movie support.

Just struggled for a while to get FCK editor configured correctly.
We would like to include a player for *.flv files too and be able to browse the server for files.

Firstly installed the Wysiwig 6.x-2.0 module in 'mysite/sites/all/modules' folder.
Secondly downloaded the FCKeditor 2.6.5 and unpacked it in the 'mysite/sites/all/libraries' folder.
Finally downloaded the flvPlayer.zip and unpacked in 'mysite/sites/all/libraries/fckeditor/editor/plugins/flvPlayer'.

Then made some code changes to get all working.

In 'mysite/sites/all/libraries/fckeditor/fckconfig.js' at line 53 added:
FCKConfig.Plugins.Add( 'flvPlayer' );

In 'mysite/sites/all/libraries/fckeditor/fckconfig.js' line 300 added:

// Added for flv support.
FCKConfig.MediaBrowser = true ;
FCKConfig.MediaBrowserURL = FCKConfig.BasePath + 'filemanager/browser/default/browser.html?Type=Media&Connector=' + encodeURIComponent( FCKConfig.BasePath + 'filemanager/connectors/' + _FileBrowserLanguage + '/connector.' + _FileBrowserExtension ) ;
FCKConfig.MediaBrowserWindowWidth = FCKConfig.ScreenWidth * 0.7 ; //70% ;
FCKConfig.MediaBrowserWindowHeight = FCKConfig.ScreenHeight * 0.7 ; //70% ;

In 'mysite\sites\all\libraries\fckeditor\editor\filemanager\connectors\php\config.php 'at line 30 set Enable to true
$Config['Enabled'] = true ;

At line 33 set the correct path to the files directory. In my case (private download method):
$Config['UserFilesPath'] = '/system/files/' ;

At line 39 set the correct directory path to the files directory. e.g:
$Config['UserFilesAbsolutePath'] = 'c:\\wamp\\files\\';

The Wysiwyg editor has also some changes.
In 'mysite\sites\all\modules\wysiwyg\fckeditor.inc' at line 104 enabled all Browser and Uploads (so the Browse buttons show up in the various dialogs):
set al variables to True:
'LinkBrowser' => TRUE,
'LinkUpload' => TRUE,
'ImageBrowser' => TRUE,
'ImageUpload' => TRUE,
'FlashBrowser' => TRUE,
'FlashUpload' => TRUE,

Now the popup screens are showing the buttons to browse and link on the server. Flash Flv movies are now shown from the 'Media' directory underneath '/system/files'.

Note that the newer '*.f4v' movies only play if renamed to '*.flv'.

#1

TwoD - October 21, 2009 - 07:39

You could probably do that without needing to change the wysiwyg or fckeditor files by implementing hook_wysiwyg_plugin to describe flvPlayer as an internal extension. Setting the size to 70% won't be possible in PHP, but you could probably use the hook to add another JS file which does that on the client.

I'm not sure what to do about this issue btw.

 
 

Drupal is a registered trademark of Dries Buytaert.