how i can integrate lightbox2 in the fckeditor

Hi,
i will integrate the lightbox feature for my pictures but i have no idea how i can do that. i found no options to say fckeditor in the wysiwg modus this is a picture what need the lightbox i hope you can help me

----------------------------------------------------------------------------------------------

Hallo,
ich versuche verzweifelt lightbox in den fckeditor mit einzubauen. jedoch scheiter ich dadran die zusätzlichen parameter einzugeben evtl hat ja jmd von euch eine idee danke schon einmal im vorraus.

-----------------------------------------------------------------------------------------------

http://www.huddletogether.com/projects/lightbox2/

Mon, 03/24/2008 - 15:51

demphest

Joined: 24/03/2008

Posts: 3

Re: how i can integrate lightbox2 in the fckeditor

Hello.
One of ways of integration in Russian is here: http://asten.ru/blog/programming/fckeditor-lightbox

Mon, 03/24/2008 - 17:23

war-dog

Joined: 23/03/2008

Posts: 11

Re: how i can integrate lightbox2 in the fckeditor

I managed to integrade the lightbox into FCK with this russian page.

So here is the translation:

1. Open with an editor the file: /fckeditor/dialog/fck_image.html
Insert following code into it, after the line 190:

<div> 
   <br /> 
   <label for="isLightBox" ><input type="checkbox" value="lightbox[]" id="isLightBox" />Lightbox gallery</label>
</div>

2. Open with an editor the file: /fckeditor/dialog/fck_image/fck_image.js
Replace following code into it, after the line 193:

   if ( oLink )
   {
      var sLinkUrl = oLink.getAttribute( '_fcksavedurl' ) ;
      if ( sLinkUrl == null )
         sLinkUrl = oLink.getAttribute('href',2) ;

      GetE('txtLnkUrl').value      = sLinkUrl ;
      GetE('cmbLnkTarget').value   = oLink.target ;
      // lightbox
      if (!oLink.rel || -1 == oLink.rel.indexOf('lightbox')) {
         GetE('isLightBox').checked = false;
      } else {
         GetE('isLightBox').checked = true;
      }
   }

3. Replace the code with this one:

   if ( sLnkUrl.length == 0 )
   {
      if ( oLink ) {
         FCK.ExecuteNamedCommand( 'Unlink' ) ;
         // lightbox
         if (-1 != oLink.rel.indexOf('lightbox')) {
            oLink.removeAttribute('rel');
         }
      }
   }
   else
   {
      if ( oLink )   // Modifying an existent link.
         oLink.href = sLnkUrl ;
      else         // Creating a new link.
      {
         dialog.Selection.EnsureSelection() ;
         
         if ( !bHasImage ) {
            oEditor.FCKSelection.SelectNode( oImage ) ;
         }
         oLink = oEditor.FCK.CreateLink( sLnkUrl )[0] ;
         if ( !bHasImage )
         {
            oEditor.FCKSelection.SelectNode( oLink ) ;
            oEditor.FCKSelection.Collapse( false ) ;
         }
      }

      SetAttribute( oLink, '_fcksavedurl', sLnkUrl ) ;
      SetAttribute( oLink, 'target', GetE('cmbLnkTarget').value ) ;
      // lightbox
      if (GetE('isLightBox').checked) {
         SetAttribute( oLink, 'rel', GetE('isLightBox').value ) ;
      } else {
         if (-1 != oLink.rel.indexOf('lightbox')) {
            oLink.removeAttribute('rel');
         }
      }
   }

That's it for the script part.

4. add into <head> of html :

<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />

That's it!

Tue, 03/25/2008 - 13:27

demphest

Joined: 24/03/2008

Posts: 3

Re: how i can integrate lightbox2 in the fckeditor

Has taken out the changed functions, and has added automatic creation createElement in a separate file
http://asten.ru/blog/programming/fckeditor-lightbox-eng

Mon, 05/12/2008 - 22:38

churchman

Joined: 11/05/2008

Posts: 1

Re: how i can integrate lightbox2 in the fckeditor

Hi,

My name is Kamil. I dont speek in English so... sorry for this I dont anderstand point 2 and 3. Do you help me, and send me this update file fck_image.js ?

Much Thanks!
Kamil

kamil123_1980@tlen.pl

Greating form Poland!

Mon, 10/12/2009 - 16:07

gedwey shia

Joined: 12/10/2009

Posts: 1

Re: how i can integrate lightbox2 in the fckeditor

I don't understand that part too, can you sent me fck_image.js too please?

my e-mail is ghostfights@gmail.com

I hope you can sent me that file