Rögzítsük WYSIWYG szerkesztő CKEditor c fájlkezelő simogeo az MVC 3

Megjegyzés. Összeállításakor a használt árucikkek CKEditor 3, mivel a súlya sokkal kisebb, mint CKEditor 4.

A hálózat még három vagy kevesebb igénytelen fájlkezelő: kezelője simogeo, kis samopisny sablon csomagolást (amely csak lehetővé teszi, hogy a fájlok) és elFinder. Ugyanakkor teljes mértékben kihasználja csak simogeo és elFinder. A samopisnaya minta lett volna túl sok, hogy helyes, és tovább hajtani.

  • elFinder. Gyönyörű és sokoldalú. Tehát jó lenne használni. Azonban egyetlen csatlakozóhoz Asp.Net szerver oldali nézet gyorsan megváltoztatta a rosszabb. A fő probléma az volt, az automatika sor, hogy a határ.

    Először is, a konfiguráció csak Web.config. Ez azonnal hírnökei kód csere. Ready könyvtárak lehet és kell tenni pihenni. Második. Nyitva a forráskódot, akkor láthatjuk, hogy a csatlakozó egy chur bonyolult. Segítségével NOB csak hívni több heterogén szolgáltatások természetesen leegyszerűsíti a feldolgozás és a végrehajtott műveletek a hívást. De ez a tény arra utal, hogy akkor kell csatlakozni a projekt néhány projektet még (egy elég nehéz). Egyébként, meg, hogy hibáztak lehetetlen.

    Ennek eredményeként simogeo (letölthető. Project) lett kiválasztva. Bár az ő képessége üzemeltető elveszíti elFinder és kevés „dodelok”. Somigeo mindig adja az összes alapvető funkciót, súlya kicsi, és teszi könnyen integrálható.

    Rögzítsük WYSIWYG szerkesztő CKEditor c fájlkezelő simogeo az MVC 3

    Megjegyzés. Persze, ez nem túl jó, ha az összes forrás (CSS és képek) összekeverünk szkripteket. Ahhoz azonban, hogy elkerülje az esetleges problémákat a módon, és az azt követő hosszú rutin folt, akkor a legjobb, hogy mindent egy mappába.

    Most hozzon létre egy kis oldalt, és azon belül hozzon létre egy textarea

    Csatlakoztassa a szükséges js-fájlokat, beleértve az adaptereket integráció jQuery.

    Most írni egy egyszerű script, és ellenőrizze, hogy megfelelően csatlakozik CKEditor.

    Rögzítsük WYSIWYG szerkesztő CKEditor c fájlkezelő simogeo az MVC 3

    Elvileg mindez ideig.

    Megjegyzés. Kapcsolatos összes beállítás az alapértelmezett nyelv, valamint a kijelző, személyre szabhatja a saját ízlése szerint. Ebben a cikkben, hogy nem veszik figyelembe.

    Csatlakoztassa és állítsa be a fájlkezelő simogeo a Asp.Net MVC 3 projekt

    Most itt az ideje, hogy csatlakozzon, és konfigurálja a fájlkezelő simogeo. Hasonlóképpen, hozzá az egész mappát a „Scripts / szerkesztő” és tiszta a felesleges fájlokat: törli az összes kiterjesztésű „.py” (mivel nem használjuk Python), távolítsa el a »utils«, törölje a mappát »UserProfiles«, és hagyja, hogy a mappa " csatlakozó ASHx „” csak egy katalógust. " Meg kell kinéznie:

    Rögzítsük WYSIWYG szerkesztő CKEditor c fájlkezelő simogeo az MVC 3

    Megjegyzés. És lehet alaposabban tisztítani katalógusok, de jobb csinálni, mint használ, hogy biztosan tudjuk, hogy akkor megszabadulni. Mindenesetre, tartsa mindig kéznél forráskód, akkor mindig visszaállíthatja a változásokat vissza.

    Most kell kezdeni felállítása a menedzser. És meg kell kezdeni a konfiguráció egy speciális js fájlt. Ehhez másolni vagy átnevezni a fájlt „filemanager.config.js.default” a mappában „simogeo / scripts /” a fájl neve „filemanager.config.js”. És módosítsa a legelején a fájl a következő (ha valamilyen okból nem alkalmazza a beállításokat, megpróbálja megismételni átvált a „filemanager.config.js.default”, ahogy néha nem lehet probléma a kérelmet és a terhelés js):

    Ebben az esetben több paraméter az érdeklődés

    • A „kultúra”, amely felváltotta a „hu” a „ru”
    • „Lang”, amelyben meg kívánja változtatni „php” a „ASHx”
    • „Chars_only_latin”, amely felváltja az értéket „false”, hogy vélt orosz nyelv
    • „ServerRoot”, amelyben az érték már megváltozott „false”
    • „FileRoot”, amelyben az érték változott „/”
    • „Képességek”, amelyben „helyett” el kell távolítani, mivel ez a funkció nincs megvalósítva

    Megjegyzés. Bent a config file sok lehetőség. Beállíthatjuk őket a saját. Mivel a kapcsolat nem különösebben fontos, a többi beállítás nem szerepel a cikkben.

    Folytassuk konfigurálja a burkolat - file "filemanager.ashx" a könyvtár "Scripts / szerkesztő / simogeo / csatlakozók / ASHx". Meg kell kezdeni ugyanazokkal a beállításokkal meg akarja változtatni, nevezetesen az utat a mappa ikonokat (paraméter IconDirectory):

    Add a funkciót, amely levágja tároló utak az utat az adattár nem zavarja a menedzser a kliens oldalon.

    ProcessRequest változás funkció (add minden út StorageDirectory) és kissé átalakítja a kódot:

    Megjegyzés. Persze, jó ötlet lenne még eltávolítja a kódot ASHx és elrejteni a belső kategóriáit források nem marad a tiszta, de meg tudod csinálni magadnak.

    Mivel azonban az a tény, hogy a mechanizmus a módja változott (átkerült a szerver rész), akkor korrigálni kell a kódot manager-e behelyezve url. Ehhez először változtatni az indítási vonal index.html „filemanager.min.js” on „filemanager.js”

    És hozzá a funkció „getinfo” a fájl „filemanager.ashx” a következtetést a valós paraméter:

    Ezután állítsa maga „filemanager.js”. Nevezetesen kis változás feldolgozás függvényében a kiválasztott elem „selectItem”. Kód változtatni kell, hogy amikor kiválasztja, hogy egy igazi utat. És ez történik az alábbiak szerint:

    Én voltam az utolsó sáv. Rögzítése nyelvi fájl "ru.js" a könyvtár "/ Scripts / szerkesztő / simogeo / scripts / nyelv"

    Megjegyzés. Természetesen ezt a kódot, akkor talál egy sor dolgot, hogy lehet és kell javítani. Például hiányában kivételkezeléssel belül IHttpHandler. Azonban ez és más problémák könnyen javítható, mivel beépül a wrapper. Vagy lehet hagyni mindent, ahogy van konfigurálva.

    Rögzítsük WYSIWYG szerkesztő CKEditor c fájlkezelő simogeo az MVC 3

    Megjegyzés. Lehet számítani, hogy egy hivatkozás a teszt projekt. Azonban ez nem itt. És ez történik szándékosan. Mivel a cikk korrigált projektek erőforrásokat, akkor csak meg kell, hogy valaha is menjen át az utasításokat annak érdekében, hogy megértsük, mi történt bizonyos korrekciókat. Ellenkező esetben a jövőben, amikor megpróbál változtatni valamit, vagy szerkeszteni, akkor „hirtelen” találkoznak a problémát (és valószínűleg) változása miatt a viselkedését a kódot logika.