Cel mai probabil după actualizare Sisteme MODX Evolution editorul de text TinyMCE nu funcționează pentru dvs. Iată poza pe care o am pe toate site-urile actualizate:
1. Descărcați pluginul de aici.
2. Dezarhivați.
3. Completați folderul ckeditor în folder active / pluginuri /
4. Creați un plugin ckeditor
5. Copiați conținutul din ckeditor.tpl
Punem bifă în evenimentele de sistem „OnRichTextEditorInit”, „OnRichTextEditorRegister” și „OnInterfaceSettingsRender”
6. Porniți CKEditor
Puteți activa CKEditor în Instrumente> Configurare> Interfață și prezentare, în coloana " Editor:" Selectați CKEditor
7. Mergeți la orice document și vedeți această imagine
8. Suntem prieteni cu CKEditor cu managerul de fișiere KCFinder
Pentru ca editorul să funcționeze corect cu managerul de fișiere KCFinder, înlocuiți acest cod în fișier /assets/plugins/ckeditor/functions.php:
$ mcpuk_path ["bază"] = MODX_BASE_URL. "manager / media / browser / mcpuk / browser.php". $ cke_query; $ mcpuk_path ["imagine"] = $ mcpuk_path ["bază"]. „& Tip = imagini”; $ mcpuk_path ["flash"] = $ mcpuk_path ["bază"]. „& Tip = flash”; $ mcpuk_path ["link"] = $ mcpuk_path ["bază"]. „& Tip = fișiere”;$ mcpuk_path ["bază"] = MODX_BASE_URL. "manager / media / browser / mcpuk / browse.php"; //. $ cke_query; $ mcpuk_path ["imagine"] = $ mcpuk_path ["bază"]. "? tip = imagini"; $ mcpuk_path ["flash"] = $ mcpuk_path ["bază"]. "? tip = flash"; $ mcpuk_path ["link"] = $ mcpuk_path ["bază"]. „? tip = fișiere”;
9. Îmi pun cap la cap ansamblul butoanelor de care am nevoie
În fișierul /assets/plugins/ckeditor/modx_config.js puteți schimba locuri, puteți elimina sau adăuga butoane. Pentru mine, am adunat doar o astfel de combinație.
Cui îi pasă, poți înlocui linia de cod:
Config.toolbar_modx = [["Sursa"], ["Aldin", "Italic", "Subliniat", "Strike", "-", "Subscript", "Superscript"], ["PasteText", "PasteFromWord"] , [„Anulați”, „Refaceți”, „-”, „Găsiți”, „-”, „Eliminați formatul”], „/”, [”Lista numerotată”, „Lista cu marcatori”, „-”, „Înlăturare”, „Indentare "," Blockquote "], [" JustifyLeft "," JustifyCenter "," JustifyRight "], [" Link "," Unlink "," Anchor "], [" Image "," Flash "," Table "," HorizontalRule "," Smiley "," SpecialChar "]," / ", [" Format "," Font "," FontSize "], [" TextColor "," BGColor "], [" Maximize "," ShowBlocks "," - "," Despre "]];
Config.toolbar_simple = [["Source", "-", "Maximize", "RemoveFormat"], ["PasteText", "Find", "Replace"], ["Link", "Unlink"], ["Image "," SpecialChar "], [" Format "]," / ", [" Bold "," Cursiv "," Subliniat "," Strike "," - "," Subscript "," Superscript "], [" TextColor "," BGColor "], [" NumberedList "," BulletedList "," - "," Blockquote "], [" JustifyLeft "," JustifyCenter "," JustifyRight "," JustifyBlock "]];
Aici am lăsat doar ceea ce am nevoie: Cod sursă, Lupă (pentru a fi mai ușor de scris), formatare text, Lipire doar text, Căutare și înlocuire, Legături, Inserare imagini, Simboluri, Anteturi, Atribute text, text și culoare de fundal, paragrafe , citat etc. justificarea textului.
Instalarea de pluginuri suplimentare
CKeditor are o grămadă de plugin-uri interesante. Le puteți găsi pe Internet și pe site-ul oficial CKeditor. Toate pluginurile sunt instalate în folderul / manager / assets / components / ckeditor / ckeditor / plugins /.
Apoi, în „Setări de sistem” selectați „ckeditor” și în câmpul pluginuri suplimentare ( extra_plugins) introduceți numele pluginului care urmează să fie instalat. Și în grupurile de butoane ( bara de instrumente) introduceți „numele pluginului” în locul potrivit. Suplimentul este instalat și gata de funcționare.
Vă sugerez să încercați CKEditor ca editor de cod vizual. Versiunea 4.0 are o temă neutră alb-negru (foarte potrivită pentru panoul de administrare MODx) și câteva funcții noi (apreciat inserarea de paragrafe în locuri „greu accesibile”).
Nu poate fi folosit ca editor front-end.
Ctrl + S funcționează, precum și inserarea de linkuri sau încorporarea de resurse (iframe) și fișiere (img, audio, video). Trebuie doar să selectați textul și să aruncați resursa / fișierul necesar în editor.
În setări, puteți schimba culoarea interfeței, pielea, adăugați propriile plugin-uri și modificați ordinea și setul de butoane din panou.
Indicați funcțiile lipsă - voi încerca să le implementez.
Instalare printr-un manager de pachete.
Spre deosebire de TinyMCE, este pe deplin compatibil cu
Plan de acțiune:
Adăugați suport pentru parametrii TV text rich
- Buton Select pe server în casetele de dialog (integrare cu browserul de fișiere MODX)
- Setări: extraPlugins, disableObjectResizing, control format link, selecție skin
- Meniu când trageți fișiere și resurse: Încorporați obiect | Introduceți link | Introduceți numele obiectului (ar fi bine dacă glisarea ar funcționa atât prin butonul drept, cât și prin butonul stâng al mouse-ului (ca în Windows))
- Protecția etichetelor modx
- Butoane noi (inserarea etichetelor, editarea atributelor etc.)
- Lista claselor din foaia de stil aburită.
- Preluarea setărilor de sistem din contextul editat (acum există probleme cu linkurile)
- Comenzi rapide de la tastatură personalizabile.
- Plugin tipografie - ghilimele de corectare automată, cratime etc. din mers.
- Încărcarea transparentă a imaginilor prin copiere/lipire și glisare „n” drop
- Înlocuirea automată (analizare și ieșire) a etichetelor modx, dacă este posibil și pe cât posibil (suportul pentru widgeturi dezvoltat de echipa CKSource poate fi util)
- Editare inline din frontend.
Chiar și o listă mare a rezultat. Ar fi necesar să vă reduceți fanteziile...
Instrucțiuni pentru instalarea pluginurilor suplimentare:
Găsim pluginul necesar, de exemplu, îl plasăm în folder / manager / active / componente / ckeditor / ckeditor / pluginuri /, Accesați setările de sistem, selectați spațiul de nume ckeditor, ne înregistrăm pluginul în extra_plugins(separate prin virgule, daca sunt mai multe), apoi editati bara de instrumente tastând un buton nou (dacă există unul). Actualizăm formularul de editare a resurselor - verificăm rezultatul. Vă sugerez să distribuiți pluginuri interesante.
Pluginuri suplimentare (nu sunt incluse în pachet):
oEmbed - Vă permite să încorporați conținut (video, foto, audio, cadre) de pe diferite servere, doar cu un link. Lista de servicii este uriașă, susținută de YouTube, Vimeo, Flickr, Instagram, GitHub, Twitter, JSFiddle și o mulțime de alte servicii.
Istoricul modificărilor:
CKEditor 1.1.1
- S-a rezolvat compatibilitatea cu AjaxManager (a existat o cant cu drag and drop)
- Pluginuri adăugate: youtube, număr de cuvinte, corectare automată
- S-a eliminat meniul care apare la tragerea din arbore. Acum linkul este pur și simplu introdus. Dacă trageți o imagine, o imagine va fi inserată.
- Suport IE8
CKEditor 1.1.0
====================================
- Integrare cu browser de fișiere MODx
- Suport Richtext TV
- Suport pentru clase de resurse personalizate (articole de ex.)
- S-a îmbunătățit tragerea „n” drop. Acum puteți doar să aruncați imagini din arborele Fișiere pentru a le insera în conținut.
- Fix Ctrl + S
- Opțiunea extra_plugins (pluginuri suplimentare)
- Opțiune de piele (Schimbarea pielii)
Astăzi, pe canalul de telegramă MODX, au scris că TinyMCE Rich Text Editor nu poate face asta, nu poate. Cineva nu a reușit să-l configureze, cineva a dat erori etc. Problema alegerii unui editor mi-a apărut imediat ce am trecut la MODX (ceea ce vă reamintesc că s-a întâmplat nu cu mult timp în urmă, cu vreo 8 luni în urmă). Sarcina a fost una: realizarea unui editor de conținut simplu, convenabil și multifuncțional. M-am jucat cu TinyMCE obișnuit, m-am jucat cu ckeditor, m-am jucat cu TinyMCE Rich Text Editor și am decis să-l aleg pe ultimul.
Nu vreau să aranjez un holivar, care se presupune că este cel mai bun editor. Împărtășesc o soluție gata făcută pentru un editor funcțional și multifuncțional. Și pe care să o alegi depinde de tine, desigur.
Poveste
Configurarea nu a durat mult timp, a fost luat mult mai mult timp prin personalizarea editorului și încorporarea funcțiilor necesare. Dar, din fericire, încă știu să caut puțin pe google și am găsit câteva subiecte utile printre resursele în limba engleză, cu ajutorul cărora am reușit să implementez editorul, pe care în final îl vom obține.Asamblarea a decurs fără probleme.
Instalare
1) Puteți descărca instalarea automată din depozitul meu Git nou creat.2) Procesul de instalare este foarte simplu - încărcați fișierul tinymcerte-1.0.0-beta.transport.zip în ../ core / packages / și căutați pachetul local prin programul de instalare. Apoi, instalați-l. Instalatorul automat va seta setările în sine.
3) În folderul / fișiere / TinyMCERTE-settings /, puteți găsi un mic readme.txt și un plugin typograf, care trebuie plasate în folderul de pluginuri editor (citiți despre asta în readme.txt). Asta e tot - editorul este gata de utilizare.
Avertismente și îmbunătățiri
1) Am testat acest auto-installer pe un site curat și pe un site fără un editor instalat. Cum și ce se va întâmpla dacă îl instalați pe un site unde există deja un editor (Ace nu contează), nu știu.2) Ar fi bine să pun automat folderul typograf în secțiunea corectă, dar cunoștințele mele nu sunt suficiente pentru a implementa această idee. Dacă cineva vrea să ajute, va fi tare. Voi încărca sursele acestui autoinstaller în același depozit astăzi, dar spre seară.
4) Editorul folosește serviciul yandex.speller pentru a verifica ortografia. Puteți găsi setările serviciului în fișierul ../ assets / components / tinymcerte / tinymcerte / js / external-config.json. Spellchecker TinyMCE acceptă un număr mare de limbi de verificat. În timp ce yandex.speller este doar 3 (rusă, ucraineană, engleză).
Aproape fiecare webmaster folosește unul sau altul editor vizual (WYSIWYG) pentru a posta conținut pe site. Editorii vizuali vă permit nu numai să lucrați cu HTML ca și cu textul obișnuit într-un editor de text, dar au și funcționalități care ușurează viața unui webmaster. Cu toate acestea, acesta din urmă poate nu numai să simplifice viața, ci și să o complice.
În MODX Revolution, folosesc în principal editorul TinyMCE, care este instalat ca pachet separat. Nu voi vorbi despre avantajele și dezavantajele sale, dar astăzi voi atinge doar acele puncte pe care le folosesc pentru a facilita lucrul cu el.
Setări implicite
Imediat după instalarea pachetului TinyMCE, verific blocul tinymce în setările sistemului:
Tiny.forced_root_block face-l gol tiny.path_options ar trebui să fie gol tiny.base_url ar trebui să fie gol
De asemenea, schimb opțiunea convert_urls la Nu în setările pluginului TinyMCE. Fac asta pentru ca editorul să nu încerce să schimbe legăturile pe care le-am setat.
Inclusiv un fișier de stil
Nu mă conectez întotdeauna, dar uneori este util și facilitează lucrul cu conținutul. Acest lucru se realizează prin specificarea setării de sistem editor_css_path în blocul de setări de sistem Rich-Text Editor, setarea Cale către fișierul CSS sau.
Etichete HTML5
Sincer să fiu, nu am reușit să activez etichetele HTML5 și să le gestionez inteligent. Așa că am trecut prin a permite orice etichete adăugând la fișierul nucleu / componente / tinymce / templates / script.tpl după linie după linie
Tiny.config =modx-> toJSON ($ this-> proprietăți); ?>;
Tiny.config.valid_elements = "* [*]";
Ceea ce permite trecerea oricăror etichete. Pentru cei care doresc să se încurce, acestei variabile i se poate atribui o listă cu toate etichetele HTML posibile, inclusiv etichetele HTML5 din fișierul xconfig.js inclus în pachet.
