Bejárat > JavaScript > TinyMCE és a TinyBrowser

TinyMCE és a TinyBrowser

Múltkori írásomban részletesen bemutattam, miként konfigurálhatjuk TinyMCE szerkesztőnket. Most megnézzük, hogy hogyan ruházhatjuk fel hasznos képkezelési funkciókkal. Erre azért van szükség, mert sajnos a hivatalos képkezelő plugin az MCImageManager fizetős, ráadásul nem is valami olcsó ($47/domain).

Számtalan plugin látott már napvilágot, mely e cél eléréséhez nyújtanak segítséget. Az én választásom még régebben több napos kutatómunka eredménye, mely alapján a nekem a TinyBrowser tűnt a leghasználhatóbbnak. Azóta be is igazolódott, hogy valóban kitűnő kiegészítése a wysiwyg szerkesztőnknek.

Telepítés, beállítás:

  1. első lépésként csomagoljuk ki a letöltött zip állomány tartalmát a TinyMCE plugin könyvtárába (\tiny_mce\plugins\)
  2. helyezzük el az alábbi sort a TinyMCE inicializásánál
    1
    
    file_browser_callback : "tinyBrowser",

Egyetlen probléma merülhet fel vele még használat előtt, mégpedig, hogy nem tudja létrehozni a könyvtárait, ekkor keressük meg a \tiny_mce\plugins\tinybrowser\fns_tinybrowser.php fájl, majd a 3. sorban található createfolder függvényt írjuk át így:

1
2
3
4
5
6
7
8
9
10
11
function createfolder($dir,$perm) {
if(mkdir($dir, $perm, true))
   {
   chmod($dir, $perm);
   return true;	
   }
else
   {
   return false;
   }
}

Igazából az egyetlen “true” paraméter a különbség az eredetihez képest.
Ha minden probléma megoldodott, akkor egy kiváló képkezelő plugin lesz a birtokunkban.

Egy gyors screenshot még az eredményről:

tinybrowser

Categories: JavaScript Tags: , ,

Kapcsolódó cikkek

  1. zoli
    2009. szept. 24. 12:39-kor | #1

    TinyMCE inicializásánál – ezt hol találom?

  2. zoli
    2009. szept. 24. 15:44-kor | #2

    A 3. sorban ezt találtam:

    function createfolder($dir,$perm) {
    is_dir(dirname($dir)) || createfolder(dirname($dir), $perm);
    return is_dir($dir) || @mkdir($dir, $perm);
    }

  3. 2009. szept. 25. 22:49-kor | #3

    @zoli
    itt: tinyMCE.init();
    vagy olvashatsz róla bővebben itt:
    http://wiki.moxiecode.com/index.php/TinyMCE:Configuration

  4. 2009. szept. 25. 23:08-kor | #4

    @zoli
    ja az az, ott kellene az @mkdir($dir, $perm); sort cserélni erre: @mkdir($dir, $perm, true);
    de csak akkor, ha nem hozza létre a könyvtárait, amikor írtam a postot, egy régebbi verzióban még úgy volt, ahogy fenn látható

  5. Jell
    2009. dec. 15. 13:59-kor | #5

    és ha minden szépen be van állitva, és mégsem működik?
    egy komplett rendszerbe szerettem volna beépíteni, mindent ugy csináltam, ahogy le van irva. kép beszurásakor az url mező mellett meg is jelenik a kis browser ikon…de nem csinál semmit, a js `f is undefined` hibaüzenettel tér vissza.
    mi lehet ennek az oka?

  6. 2010. jan. 10. 15:40-kor | #6

    nagoyn jó leírás grat

    a gondom az lenne hogy a tinymce telepítésénél is felmerült de megtudtam oldani az elérési utat, mivel template rendszert használok ezért a megjelenítés nem ott van ahol “kéne” valamit beszédes url-eket vannak tehát mint ahogy a css se jön be csak fix url-re vagy html base megoldással így gondolom ha a képfeltöltés ikonra kattolok ezért nem jön be a tinybrowser js-es hivatkozásai se.

    Nem tudod véletlenül hogy hol hívatkozgat a tinybrowser ahol átírhatnám a hivatkozásokat hogy müködjön vagy van erre valami bevett mód?

    tehát most ott járok hogy a link megvan kattingatok rá és semmi se történik
    a választ előre is köszönöm

  7. 2010. jan. 11. 18:00-kor | #7

    @ZoliKa
    Be lett húzva a tinybrowser js-e? (../js/tiny_mce/plugins/tinybrowser/tb_tinymce.js.php)
    A relatív útvonalak abszolút nem müködnek? Mert azoknak működnie kellene. Esetleg menj végig a fájlokon és cseréld le a hivatkozásokat.

  8. Zsolti
    2010. márc. 18. 16:57-kor | #8

    Sziasztok! Nekem is ugyanez a problémám. Lépésről lépésre végigcsináltam mindent. Meg is jelenik a kis ikon az URL mellett, de kattintásra semmi. Mi lehet a probléma.

  9. Spotted
    2010. ápr. 16. 11:11-kor | #9

    Sziasztok!

    Felraktam tinymce-t és a tinybrowser.Szépen megjelenik,fel is tudok tölteni.
    Probléma az,hogy mikor feltöltök egy fájlt,akkor feltöltés után üres lesz az Browser ablaka.
    Akkor jelenik meg újból rendesen Browser ablak,ha kitörlöm a feltöltött fájlt.

    Lényegében ezt láttom feltöltés után:
    http://kepfeltoltes.hu/view/100416/valami_www.kepfeltoltes.hu_.png

    Előre köszönöm szépen a választ és a segítséget!

    Üdv.:Spotted

  10. Spotted
    2010. ápr. 16. 18:01-kor | #10

    Megoldottam….ha valakinek ugyan olyan problémája lenne,mint ami nekem volt,akkor rakjál fel egy GD-t és php.ini-ben egészítsd ki a sort ezzel:

    extension=php_gd.dll
    Majd indítsd újra a szervert és működni fog :)

    Üdv.: Spotted

  11. Z Bácsi
    2010. máj. 4. 18:26-kor | #11

    Nekem is úgy tűnik, hogy ez az egyik legjobb ingyenes alternatíva. Viszont találtam benne pár durva hibát. Pl. a post módosításával tiltott típusú filet lehet feltölteni.
    Jelentettem a hibát, de jó ideje nem történt semmi. Mintha kissé elhanyagolt lenne a project.

  12. timonandpumba
    2010. aug. 24. 23:39-kor | #12

    Helló!

    Tudom, hogy ez a post éppen holnap lesz egyéves :) , de sajnos a TinyBrowser már nem ingyenes.
    http://www.lunarvis.com/products/tinymcefilebrowserwithupload.php#download

    Ahogy TapsiHapsi mondotta vala: “Ez van srácok!”
    Én is nagyot koppantam, mert éppen kerestem a tinymce-hez egy fájlfeltöltős cuccot!

  13. 2010. aug. 25. 19:21-kor | #13

    Köszi, jó hogy szóltál, most még talán érdemes megvenni 50%-os akcióban

  14. mareszkukac
    2010. nov. 10. 12:53-kor | #14

    Sziasztok!

    Sikerült beintegrálnom a tinyMCE be de a következő problémát találtam:

    a képurl-je mellet megjelenik a kis ikon de ha rákattintok nem történik semmi.
    a firebug a következő problémát dobta ki:

    r is undefined
    [Break on this error] (function(c){var a=/^\s*|\s*$/g,d;var … {a.selection.onSetContent.add(f)})}});

    (a tiny_mce.js – ben).

    Ha valaki tudja a választ akkor kérem segítsen.

    Köszi.

  15. 2011. feb. 17. 02:12-kor | #15

    Sziasztok!

    Köszönöm a részletes leírást, de sajnos megakadtam. Beleírtam a “true”-t, és az extension=php_gd.dll-t is, de még mindig nem csinál semmit (se localhoston, se szerveren)… Ötlet?

  16. sipiatti
    2011. aug. 4. 11:32-kor | #16

    Sajnos már ez is csak fizetős formában van, illetve korlátozott 1 domaines verzió ingyen, ha feliratkozol vmi reklámoldalra :(

  1. Még nincsenek visszakövetések