Înregistrează editorul wysiwyg ckeditor cu managerul de fișiere simogeo în mvc 3

Notă. Modelul 3 a fost folosit în compilarea articolului, deoarece este considerabil mai puțin greu decât CKEditorul 4.

Rețeaua are trei mai mult sau mai puțin manager de fișiere nepretențios: manager al simogeo, mici ambalaje șablon samopisny (care permite numai să vizualizați fișiere) și elFinder. Cu toate acestea, este posibil să se utilizeze pe deplin doar simogeo și elFinder. Șablonul auto-scris ar avea prea multe pentru a repara și implementa în continuare.







  • elFinder. Frumos și multifuncțional. Deci, ar fi frumos să folosiți. Cu toate acestea, un singur conector de pe Asp.Net pentru partea de server a schimbat rapid vizualizarea pentru mai rău. Principala problemă a fost automatizarea, adusă la limită.

    Mai întâi, configurația este specificată numai în web.config. Aceasta indică imediat schimbarea codului. Bibliotecile pregătite pot și ar trebui să fie îndepărtate. În al doilea rând. După ce ați deschis sursa, puteți vedea că conectorul prin intermediul cablului este complicat. Utilizarea IoC numai pentru a invoca mai multe servicii diferite, desigur, face mai ușor să procesați și să apelați operațiile pe care le efectuați. Dar acest fapt indică faptul că va trebui să vă conectați la proiectul dvs. cu câteva proiecte (unul dintre ele este destul de greu). În caz contrar, este imposibil să găsești o eroare sau o eroare.

    Ca rezultat, a fost selectat simogeo (descărcare de la biroul proiectului). Deși, în ceea ce privește capabilitățile sale, managerul pierde elFinder și necesită mici "îmbunătățiri". Somigeo pune în aplicare toate funcționalitățile de bază, cântărește puțin și ușurează integrarea.

    Înregistrează editorul wysiwyg ckeditor cu managerul de fișiere simogeo în mvc 3

    Notă. Desigur, acest lucru nu este foarte bun, când toate resursele (css și imagini) sunt amestecate cu scripturi. Cu toate acestea, pentru a evita posibilele probleme de traseu și reparațiile ulterioare de rutină, este mai bine să păstrați totul într-un singur dosar.

    Acum creați o pagină mică și creați textarea în interiorul acesteia.

    Conectăm fișierele js necesare, inclusiv adaptorul pentru integrarea cu jQuery.

    Acum scrieți un script simplu și asigurați-vă că CKEditor este conectat corect.

    Înregistrează editorul wysiwyg ckeditor cu managerul de fișiere simogeo în mvc 3

    În principiu, totul este pentru moment.

    Notă. Toate setările legate de limba implicită, precum și cu afișajul, puteți personaliza după cum doriți. În cadrul acestui articol, acestea nu sunt luate în considerare.

    Conectați și configurați managerul de fișiere simogeo în proiectul Asp.Net MVC 3

    Acum este timpul să vă conectați și să configurați managerul de fișiere simogeo. În mod similar, adăugați întregul folder la „Scripturi / editor“ și curat din fișierele inutile: șterge toate cu extensia „.py“ (din moment ce nu folosim Python), elimina «utils», ștergeți directorul «profillul» și lăsați-l în dosarul " conector "numai directorul" ashx ". Ar trebui să arate ceva de genul:







    Înregistrează editorul wysiwyg ckeditor cu managerul de fișiere simogeo în mvc 3

    Notă. Puteți curăța cataloagele cu mai multă atenție, dar este mai bine să faceți acest lucru pe măsură ce îl folosiți pentru a ști sigur ce puteți scăpa. În orice caz, păstrați distribuțiile originale întotdeauna la îndemână, atunci puteți întoarce oricând modificările.

    Acum trebuie să înființezi managerul. Și trebuie să începeți cu o configurație într-un fișier special js. Pentru a face acest lucru, copiați sau redenumiți fișierul „filemanager.config.js.default“ din directorul „simogeo / scripturi /“ în fișierul numit „filemanager.config.js“. Și edita chiar de la începutul fișierului, după cum urmează (în cazul în care din anumite motive nu a aplica setările, încercați să reproducă modificări „filemanager.config.js.default“, așa cum, uneori, pot exista probleme cu aplicația și js încărcare):

    În acest caz, mai mulți parametri sunt de interes

    • "cultura", în care a fost înlocuit cu "en" cu "ru"
    • "lang", în care doriți să schimbați "php" în "ashx"
    • "chars_only_latin", în care vom înlocui valoarea cu "false", astfel încât limba rusă
    • "serverRoot", în care valoarea a fost modificată la "false"
    • "fileRoot", în care valoarea a fost schimbată în '/'
    • "capabilități", în care trebuie să eliminați "înlocuirea", deoarece această caracteristică nu este implementată

    Notă. Există o mulțime de parametri în fișierul de configurare. Puteți să le personalizați pe cont propriu. Deoarece nu sunt foarte importante pentru conectare, alte setări nu sunt menționate în articol.

    Mergeți la configurația pachetului - fișierul "filemanager.ashx" din directorul "Scripturi / editor / simogeo / connectors / ashx". Ar trebui să începeți cu o setare, pe care trebuie să o modificați, și anume de la calea către dosarul cu pictograme (parametrul IconDirectory):

    Vom adăuga o funcție pentru tăierea căilor de stocare, astfel încât calea spre spațiul de stocare să nu interfereze cu managerul de pe partea clientului.

    Să schimbăm funcția ProcessRequest (adăugăm la toate căile StorageDirectory) și să schimbăm ușor codul:

    Notă. Desigur, ar fi frumos să eliminați codul din ashx și să-l ascundeți în clasele interne, astfel încât sursele să nu rămână în clar, dar puteți face-o singură.

    Cu toate acestea, datorită faptului că mecanismul căilor a fost schimbat (transferat la partea de server), este necesar să se corecteze codul managerului pentru a introduce corect adresa URL. Pentru aceasta, mai întâi modificați index.html încărcarea liniei "filemanager.min.js" în "filemanager.js"

    Și adăugați ieșirea parametrului real la funcția "getInfo" în fișierul "filemanager.ashx":

    După aceasta, corectăm fișierul "filemanager.js". Anume, modificăm ușor funcția de procesare a elementului selectat "selectItem" selectat. Codul trebuie modificat astfel încât calea reală să fie utilizată la selectare. Și aceasta se face în felul următor:

    A fost atingerea finală. Corectați fișierul de localizare "ru.js" din directorul "/ Scripts / editor / simogeo / scripts / languages"

    Notă. Desigur, în acest cod puteți găsi o serie de lucruri pe care le puteți și trebuie să le remediați. De exemplu, nu există nicio manevrare a excepțiilor în IHttpHandler. Cu toate acestea, această problemă și alte probleme pot fi corectate cu ușurință deoarece sunt integrate în ambalaj. Sau puteți lăsa așa cum este.

    Înregistrează editorul wysiwyg ckeditor cu managerul de fișiere simogeo în mvc 3

    Notă. Poate că v-ați așteptat să vedeți o legătură cu proiectul de testare. Cu toate acestea, nu este aici. Și asta a fost făcut intenționat. Întrucât articolul corectează resursele proiectelor, trebuie doar să faceți instrucțiunile cel puțin o dată pentru a înțelege de ce au fost făcute aceste sau alte corecții. În caz contrar, în viitor, atunci când încerci să schimbi sau să corecti ceva, poți "întâmpina" în mod neașteptat să intri în probleme (și cel mai probabil se va întâmpla) din cauza unei schimbări în logica comportamentului codului.







    Trimiteți-le prietenilor: