Me shumë mundësi pas përditësimit Sistemet e Evolucionit MODX redaktori i tekstit TinyMCE nuk funksionon për ju. Këtu është fotografia që kam në të gjitha faqet e përditësuara:
1. Shkarkoni shtojcën nga këtu.
2. Zbërthejeni.
3. Plotësoni dosjen ckeditor në dosje asetet / shtojcat /
4. Krijo një shtojcë ckeditor
5. Kopjoni përmbajtjen nga ckeditor.tpl
Ne vendosim shenja në ngjarjet e sistemit "OnRichTextEditorInit", "OnRichTextEditorRegister" dhe "OnInterfaceSettingsRender"
6. Aktivizoni CKEditor
Mund të aktivizoni CKEditor në Mjetet> Konfigurimi> Ndërfaqja dhe prezantimi, në kolonën " Redaktor:" zgjidhni CKEditor
7. Shkoni te ndonjë dokument dhe shikoni këtë foto
8. Ne jemi miq me CKEditor me menaxherin e skedarëve KCFinder
Për ta bërë redaktuesin të funksionojë siç duhet me menaxherin e skedarëve KCFinder, zëvendësoni këtë kod në skedar /assets/plugins/ckeditor/functions.php:
$ mcpuk_path ["bazë"] = MODX_BASE_URL. "menaxher / media / shfletues / mcpuk / browser.php". $ cke_query; $ mcpuk_path ["image"] = $ mcpuk_path ["bazë"]. "& Lloji = imazhe"; $ mcpuk_path ["flash"] = $ mcpuk_path ["bazë"]. "& Lloji = flash"; $ mcpuk_path ["link"] = $ mcpuk_path ["bazë"]. "& Lloji = skedarë";$ mcpuk_path ["bazë"] = MODX_BASE_URL. "menaxher / media / shfletues / mcpuk / browse.php"; //. $ cke_query; $ mcpuk_path ["image"] = $ mcpuk_path ["bazë"]. "? Lloji = imazhe"; $ mcpuk_path ["flash"] = $ mcpuk_path ["bazë"]. "? type = flash"; $ mcpuk_path ["link"] = $ mcpuk_path ["bazë"]. "? Lloji = skedarë";
9. Unë bashkoj montimin tim të butonave që më duhen
Në skedarin /assets/plugins/ckeditor/modx_config.js mund të ndryshoni vendet, të hiqni ose të shtoni butona. Për veten time, kam mbledhur pikërisht një kombinim të tillë.
Kush kujdeset, ju mund të zëvendësoni rreshtin e kodit:
Config.toolbar_modx = [["Burimi"], ["Bold", "Italike", "Nënvizuar", "Strike", "-", "Subscript", "Superscript"], ["PasteText", "PasteFromWord"] , ["Zhbëje", "Ribërë", "-", "Gjej", "-", "Hiq Formatin"], "/", ["Lista e numrave", "Lista e pikave", "-", "Një e jashtme", "Indent" "," Blockquote "], [" JustifyLeft "," JustifyCenter "," JustifyRight "], [" Link "," Unlink "," Anchor "], [" Image "," Flash "," Tabela "," HorizontalRule "," Smiley "," SpecialChar "]," / ", [" Format "," Font "," FontSize "], [" TextColor "," BGColor "], [" Maksimizimi "," ShowBlocks "," - "," Rreth "]];
Config.toolbar_simple = [["Burimi", "-", "Maksimizo", "RemoveFormat"], ["PasteText", "Gjeni", "Zëvendëso"], ["Lidhje", "Shkëput"], ["Imazhi "," SpecialChar "], [" Format "]," / ", [" Bold "," Kursi "," Nënvizoni "," Strike "," - "," Subscript "," Superscript "], [" TextColor "," BGColor "], [" NumberedList "," BulletedList "," - "," Blockquote "], [" JustifyLeft "," JustifyCenter "," JustifyRight "," JustifyBlock "]];
Këtu kam lënë vetëm ato që më nevojiten: kodin burimor, zmadhuesin (për ta bërë më të lehtë shkrimin), formatimin e tekstit, ngjitni vetëm tekstin, Kërko dhe zëvendësoni, lidhjet, futja e imazheve, simbolet, titujt, atributet e tekstit, ngjyra e tekstit dhe sfondit, paragrafët , citat etj arsyetimi i tekstit.
Instalimi i shtojcave shtesë
CKeditor ka një mori shtojcash interesante. Mund t'i gjeni në internet dhe në faqen zyrtare të CKeditor. Të gjitha shtojcat janë instaluar në / menaxher / asetet / komponentët / ckeditor / ckeditor / shtojcat / dosjen.
Tjetra, në "Cilësimet e sistemit" zgjidhni "ckeditor" dhe në fushë shtojcat shtesë ( shtojca_ekstra) futni emrin e shtojcës që do të instalohet. Dhe në grupet e butonave ( shiriti i veglave) futni "emrin e shtojcës" në vendin e duhur. Shtesa është instaluar dhe gati për përdorim.
Unë sugjeroj të provoni CKEditor si një redaktues të kodit vizual. Versioni 4.0 ka një temë neutrale bardh e zi (shumë i përshtatshëm për panelin e administratorit MODx) dhe disa veçori të reja (çmuar futjen e paragrafëve në vende "të vështira për t'u arritur").
Nuk mund të përdoret si redaktues i faqes së përparme.
Ctrl + S funksionon, si dhe futja e lidhjeve, ose futja e burimeve (iframe) dhe skedarëve (img, audio, video). Thjesht duhet të zgjidhni tekstin dhe të hidhni burimin / skedarin e kërkuar në redaktues.
Në cilësimet, mund të ndryshoni ngjyrën e UI, lëkurën, të shtoni shtojcat tuaja dhe të ndryshoni rendin dhe grupin e butonave të panelit.
Tregoni funksionet që mungojnë - do të përpiqem t'i zbatoj ato.
Instalimi përmes një menaxheri të paketave.
Ndryshe nga TinyMCE, është plotësisht i pajtueshëm me
Plani i veprimit:
Shtoni mbështetje për parametrat e TV me tekst të ri
- Zgjidhni butonin në server në kutitë e dialogut (integrimi me shfletuesin e skedarëve MODX)
- Cilësimet: ekstraPlugins, çaktivizoniObjectResizing, kontrollin e formatit të lidhjes, përzgjedhjen e lëkurës
- Menyja gjatë tërheqjes së skedarëve dhe burimeve: Embed objekt | Fut lidhjen | Futni emrin e objektit (do të ishte mirë nëse zvarritja do të funksiononte si në të djathtë ashtu edhe në butonin e majtë të miut (si në Windows))
- Mbrojtja e etiketave modx
- Butonat e rinj (futja e etiketave, redaktimi i atributeve, etj.)
- Lista e klasave nga fleta e stilit me avull.
- Marrja e cilësimeve të sistemit nga konteksti i redaktuar (tani ka probleme me lidhjet)
- Shkurtoret e personalizueshme të tastierës.
- Shtojca e tipografisë - korrigjimi automatik i thënieve, vizave, etj. në fluturim.
- Ngarkimi transparent i fotove me anë të kopjimit/ngjitjes dhe zvarritjes "n" drop
- Zëvendësimi automatik (analizimi dhe prodhimi) i etiketave modx, nëse është e mundur dhe aq sa është e mundur (mbështetja e widget-it e zhvilluar nga ekipi i CKSource mund të jetë e dobishme)
- Redaktimi në linjë nga pjesa e përparme.
Doli edhe një listë e madhe. Do të ishte e nevojshme të pakësoni fantazitë tuaja ...
Udhëzime për instalimin e shtojcave shtesë:
Ne gjejmë shtojcën e kërkuar, për shembull, e hedhim atë në dosje / menaxher / asete / komponentë / ckeditor / ckeditor / shtojca /, Shkoni te cilësimet e sistemit, zgjidhni hapësirën e emrave ckeditor, ne regjistrojmë shtojcën tonë shtojca_ekstra(të ndara me presje, nëse disa), më pas redakto shiriti i veglave duke shtypur një buton të ri (nëse ka). Ne përditësojmë formularin e modifikimit të burimeve - kontrolloni rezultatin. Unë sugjeroj të ndani shtojca interesante.
Shtojca shtesë (nuk përfshihen në paketë):
oEmbed - Ju lejon të futni përmbajtje (video, foto, audio, korniza) nga serverë të ndryshëm, vetëm me një lidhje. Lista e shërbimeve është e madhe, e mbështetur nga YouTube, Vimeo, Flickr, Instagram, GitHub, Twitter, JSFiddle dhe shumë shërbime të tjera.
Historia e ndryshimeve:
CKEditor 1.1.1
- Rregulloi përputhshmërinë me AjaxManager (kishte një problem me zvarritje dhe lëshim)
- Shtojcat e shtuara: youtube, numërimi i fjalëve, korrigjimi automatik
- U hoq menyja që shfaqet kur tërhiqet nga pema. Tani lidhja është futur thjesht. Nëse tërhiqni një foto, do të futet një fotografi.
- Mbështetje IE8
CKEditor 1.1.0
====================================
- Integrimi me shfletuesin e skedarëve MODx
- Mbështetje TV Richtext
- Mbështetje për klasat e burimeve me porosi (artikuj për shembull.)
- Rënie e përmirësuar e tërheqjes "n". Tani thjesht mund të hedhësh fotografi nga pema e Files për t'i futur ato në përmbajtje.
- Rregulloi Ctrl + S
- Opsioni shtesë_shtojcash (shtojca shtesë)
- Lëkurë opsionale (Ndryshim i lëkurës)
Sot në kanalin e telegramit MODX ata shkruan se Redaktori i Tekstit të Pasur TinyMCE nuk mund ta bëjë këtë, nuk mund ta bëjë atë. Dikush nuk arriti ta konfiguronte atë, dikush dha gabime, etj. Çështja e zgjedhjes së një redaktori më lindi sapo kalova në MODX (gjë që do t'ju kujtoj se ka ndodhur jo shumë kohë më parë, rreth 8 muaj më parë). Detyra ishte një: të bëhej një redaktues i thjeshtë, i përshtatshëm dhe shumëfunksional i përmbajtjes. Kam luajtur me TinyMCE të zakonshme, kam luajtur me ckeditor, kam luajtur me TinyMCE Rich Text Editor dhe vendosa të zgjedh të fundit.
Unë nuk dua të organizoj një holivar, i cili gjoja është redaktori më i mirë. Po ndaj një zgjidhje të gatshme për një redaktues funksional dhe shumëfunksional. Dhe cila të zgjidhni varet nga ju, sigurisht.
Histori
Konfigurimi nuk mori shumë kohë, u desh shumë më tepër kohë duke personalizuar redaktuesin dhe duke futur funksionet e nevojshme. Por për fat të mirë, unë ende di të kërkoj pak në google dhe gjeta disa tema të dobishme midis burimeve në gjuhën angleze, me ndihmën e të cilave arrita të zbatoj redaktorin, të cilin në fund do ta marrim.Asambleja shkoi pa probleme.
Instalimi
1) Mund ta shkarkoni autoinstaluesin nga depoja ime e sapokrijuar e Git.2) Procesi i instalimit është shumë i thjeshtë - ngarkoni skedarin tinymcerte-1.0.0-beta.transport.zip në ../ core / paketa / dhe kërkoni paketën në nivel lokal përmes instaluesit. Tjetra, thjesht instaloni atë. Instaluesi automatik do të vendosë vetë cilësimet.
3) Në dosjen / files / TinyMCERTE-settings /, mund të gjeni një plugin të vogël readme.txt dhe typograf, të cilat duhet të vendosen në dosjen e shtojcave të redaktuesit (lexoni për këtë në readme.txt). Kjo është e gjitha - redaktori është gati për t'u përdorur.
Paralajmërime dhe përmirësime
1) E testova këtë instalues automatik në një sajt dhe sajt të pastër pa një redaktues të instaluar. Si dhe çfarë do të ndodhë nëse e instaloni në një sit ku tashmë ka një redaktues (Ace nuk llogaritet), nuk e di.2) Do të ishte mirë që automatikisht ta vendosni dosjen typograf në seksionin e duhur, por njohuritë e mia nuk janë të mjaftueshme për të zbatuar këtë ide. Nëse dikush dëshiron të ndihmojë, do të jetë mirë. Unë do të ngarkoj burimet e këtij autoinstaluesi në të njëjtin depo sot, por deri në mbrëmje.
4) Redaktori përdor shërbimin yandex.speller për të kontrolluar drejtshkrimin. Cilësimet e shërbimit mund t'i gjeni në skedarin ../ assets / components / tinymcerte / tinymcerte / js / external-config.json. Spellchecker TinyMCE mbështet një numër të madh gjuhësh për të kontrolluar. Ndërsa yandex.speller është vetëm 3 (rusisht, ukrainas, anglisht).
Pothuajse çdo webmaster përdor një ose një tjetër redaktues vizual (WYSIWYG) për të postuar përmbajtje në faqe. Redaktorët vizualë ju lejojnë jo vetëm të punoni me HTML si me tekst të zakonshëm në një redaktues teksti, por gjithashtu kanë funksionalitet që ia lehtëson jetën një webmaster. Megjithatë, kjo e fundit jo vetëm që mund ta thjeshtojë jetën, por edhe ta komplikojë atë.
Në MODX Revolution, unë përdor kryesisht redaktorin TinyMCE, i cili është i instaluar si një paketë e veçantë. Nuk do të flas për avantazhet dhe disavantazhet e tij, por sot do të prek vetëm ato pika që përdor për të lehtësuar punën me të.
Cilësimet e parazgjedhura
Menjëherë pas instalimit të paketës TinyMCE, kontrolloj bllokun tinymce në cilësimet e sistemit:
Tiny.forced_root_block bëje bosh tiny.path_options duhet të jetë bosh tiny.base_url duhet të jetë bosh
Ndryshoj gjithashtu opsionin convert_urls në Jo në cilësimet e shtojcës TinyMCE. E bëj këtë në mënyrë që redaktori të mos përpiqet të ndryshojë lidhjet që kam vendosur.
Përfshirë një skedar stili
Jo gjithmonë lidhem, por ndonjëherë është e dobishme dhe e bën më të lehtë punën me përmbajtjen. Kjo bëhet duke specifikuar cilësimin e sistemit editor_css_path në bllokun e cilësimeve të sistemit Rich-Text Editor, cilësimin Path to file CSS ose.
Etiketat HTML5
Për të qenë i sinqertë, nuk arrita të aktivizoj etiketat HTML5 dhe t'i trajtoj ato me zgjuarsi. Kështu që unë shkova duke lejuar çdo etiketë duke shtuar në skedar bërthamën / komponentët / tinymce / shabllonet / script.tpl rresht pas rreshti
Vogël.konfig =modx-> toJSON ($ this-> pronat); ?>;
Tiny.config.valid_elements = "* [*]";
E cila lejon kalimin e çdo etikete. Për ata që duan të ngatërrohen, kësaj ndryshore mund t'i caktohet një listë e të gjitha etiketave të mundshme HTML, duke përfshirë etiketat HTML5 nga skedari xconfig.js i përfshirë në paketë.
