Mikael Brevik

Alle av oss som har brukt TinyMCE vet at det er vanskelig å finne en god bildebehandler som også er gratis. Du har altids TinyMCEs eget alternativ, men det koster $47 kun for en-siders lisens. Greit nok, de skal tjene penger og TinyMCE er gratis. Du kan ikke alltid få i poser og sekk.

Alle de forskjellige bildebehandlerne jeg har prøvd per dags dato har vært fulle av feil og mangler. Dette så jeg meg lei på i dag, og bestemte meg for å få den nyeste versjonen av ImageManager til å fungere. Siden jeg ikke fikk den til å fungere slik som den var.

Her kommer det en komplett guide til hvordan du får den til å fungere.

1. Last ned ImageManager.
2. Kopier filene over til strukturen din, den passer godt i samme mappe som du har tiny_mce js-filene. Jeg har den i en mappe ovenfor root
3. Legg til følgende under tinyMCE.init
   
   1. plugins : "advimage",
   2. file_browser_callback : "fileBrowserCallBack",

4. Så Legger du til ImageManagers settinger under settingen av TinyMCE:
   
   1. <!-- start of calls -->
   2. <script type="text/javascript"
   3. src="js/ImageManager/assets/dialog.js"></script>
   4. <script type="text/javascript"
   5. src="js/ImageManager/IMEStandalone.js"></script>
   6.  
   7. <script language="javascript" type="text/javascript">
   8.    var connector = "../../../ImageManager/manager.php";
   9.  
   10.    // dynamic path to images dir
   11.    base = "../../image_uploads/";   
   12.  
   13.    // relative url to images dir
   14.    path = "/image_uploads/";
   15.    //Create a new Imanager Manager, needs
   16.    // the directory and which language translation to use.
   17.    var manager = new ImageManager('js/ImageManager','en'); 
   18. </script>
   19.  
   20. <script language="javascript" type="text/javascript"
   21. src="js/ImageManager/tinycall.js"></script>
   22. <!-- end of calls -->
   • connector skal være i forhold til 'tiny_mce/plugins/advimage', så har du det i samme mappe-plassering som meg blir det korrekt med 3 * ../
   • base skal være i forhold til en PHP-fil som du finner i ImageManager-mappen. En gang tilbake (../) blir altså på mappen der du har tiny_mce og ImageManager, en gang til tilbake og du kommer til root, om du har det som meg.
   • path er til bildepath. Den er i forhold til root. Du må prøve litt ut på disse mappe-stiene for å se hva som passer deg.
5. Her kommer feilen med ImageManager som tok meg en evighet å finne ut av. Gå inn på filen tinycall.js som følger med ImageManager. Der, på linje 8, endrer du
   
   1. if(this.src_field) {

   til

   1. if(src_field) {

Da skal du være ferdig, og alt fungerer slik det skal. Du finner ImageManager ved en knapp til høyre for Image Path i den vanlige Image-plugin som følger med TinyMCE.

ImageManager ser nå, for meg, slik ut: