Drupal 7, podobne ako šiesta verzia, nemá zabudovaný vizuálny editor.
Používateľská príručka: ako nainštalovať a nakonfigurovať editor ckeditor v Drupal 7. Sťahovanie obrázkov z Elfinder.
V Drupale 7, rovnako ako v šiestej verzii, musíme nainštalovať editor. Samozrejme, nemôžete to urobiť a písať texty, pričom vidíte iba kód. Ale mám rád vizuálne editory. Dovoľte mi pripomenúť, že sme študovali inštaláciu a konfiguráciu pre Drupal 6 v lekcii 2:
Dnes sa pozrieme na pracovný cms bundle s editorom.
drupal 7.17
CKEditor - WYSIWYG HTML editor 7.x-1.11
CK Editor 4.0
Správca súborov elFinder 7.x-0.7
skript
elFinder - elfinder-1.2
V prípade Drupal verzie 7 je celý proces inštalácie a konfigurácie oveľa jednoduchší. V súboroch nemusíte nič upravovať, všetky akcie sú dostupné z administračného panela (stačí zaškrtnúť políčka). Existujúce aktuálne verzie moduly nám výrazne uľahčujú život.
Ako nainštalovať WYSIWYG editor CKEditor na najnovšom CMS Drupal 7.17
CKEditor je flexibilný a pohodlný editor. Jeho rozhranie pripomína Word.
Najprv nainštalujte skript editora a potom samotný modul. Je to modul, ktorý ho pripojí k lokalite.
Poznámka.
Konkrétne verzie uvádzam v čase písania.
1. Stiahnite si modul ]]> https://drupal.org/project/ckeditor ]]>
Rozbaľte archív do priečinka stránka/všetky/moduly
. Celá cesta vyzerá takto: site/all/modules/ckeditor
2. Stiahnite si editor CK Editor 4.0
]]> https://ckeditor.com/download ]]>
Pre súbory editorov musíte vytvoriť priečinok s knižnicami stránka/všetko/
Cesta k rozbaleniu archívu bude nasledovná: stránky/všetky/knižnice/ckeeditor
Na stránke modulov povoľte a potom nakonfigurujte.
Prejdite na „Konfigurácia – CKEditor – Globálny profil CKEditor – Upraviť“. Tu je potrebné skontrolovať záznam v poli "Cesta k CKEditoru" - mal by byť %l/ckeeditor
. Tento záznam ukazuje, že editor je v priečinku knižnice
.
Všetky. Nainštalovali ste CKEditor a malo by to fungovať. Ak chcete skontrolovať, skúste otvoriť stránku na vytvorenie nového materiálu. Teraz namiesto jedného veľkého vstupného poľa uvidíte známy vizuálny editor.
Ak sa editor nezobrazuje:
Skontrolujte správnosť vybratých vydaní modulov pre vašu verziu Drupalu. Skúste prejsť na iné vydanie.
Prispôsobenie profilov CKEditor
1 krok. Nastavenie pokročilého profilu v CKEditor.
Pokročilé (pokročilé, s nahrávaním obrázkov atď.)
Prejdite na „Správa > konfigurácia > ckeditor - admin/config/content/ckeditor
Nastavte rozšírený profil, kliknite na odkaz „zmeniť“ oproti rozšírenému profilu.
Vzhľad editora (vzhľad editora):
Vyberáme farbu.
Presuňte požadované tlačidlá.
Vyberáme ruský jazyk.
Nastavenia prehliadača súborov
Správcu súborov si vyberáme podľa seba, nižšie v texte je inštalácia a konfigurácia správcu súborov pre Drupal 7 - Elfinder.
2 krok. Úplné nastavenie profilu v ckeditore
Ideme "Správa - konfigurácia - ckeditor" - admin/config/content/ckeditor
Nastavenia môžete ponechať predvolene, vyberte ruský jazyk.
Najjednoduchšia možnosť je použiť Plné (plné) a Pokročilé (pokročilé) – pre prihlásených aj vaše variácie. Vytvoriť pre anonymných používateľov Obyčajný profil, kde označiť automat html zmena text v jednoduchom formáte.
Trochu z recenzie Drupal 7, taká mini pozitívna recenzia.
V siedmej je predvolene pole na nahrávanie obrázkov. Veľmi užitočná funkcia. Ku každému materiálu je možné priradiť obrázok - akési logo. V oznámení sa tento obrázok automaticky zmenší.
Aké problémy sa vyskytujú pri práci s editorom
CKeditor nezobrazuje všetky tlačidlá
Ak to chcete urobiť, skontrolujte verziu, ktorú ste si stiahli, na https://ckeditor.com/download
- V základnom balíku je málo tlačidiel.
- Štandardné balenie - je ich viac.
- Celá sada je v Plnom balíku - stiahnite si ju, ak chcete využiť maximum.
Inštalácia a konfigurácia správcu súborov Elfinder pre Drupal 7
Množstvo editorov a správcu súborov vám spríjemní prácu. Obrázok môžete vložiť kdekoľvek zo servera alebo z počítača. Priraďte mu potrebné atribúty, alternatívny popis. Bohužiaľ ho treba nainštalovať.
Správca súborov CKEditor načíta nielen obrázky, ale aj iné súbory.
Rovnako ako v prípade editora si musíte stiahnuť modul a skript.
- Stiahnite si modul ]]> https://drupal.org/project/elfinder ]]>
Rozbaľte archív a umiestnite súbory do priečinka site/all/modules/elfinder
- Stiahnite si skript ]]> ]]>
Od najnovšie verzie priblížil elfinder-1.2.
Potom rozbaľte archív a umiestnite súbory do priečinka site/all/libraries/elfinder
Je tu malá funkcia, priečinok by sa mal volať elfinder.
- Nastavenie. Pre toto ideme admin/config/elfinder - "konfigurácia - moduly - elFinder - konfigurácia".
V "Root directory" necháme voľbu pre "Use system defaults" - predvolené v Drupale.
Predvolené nastavenia admin/config/media/file-system:
Na stránke Obsah - admin/obsah uvidíte Nová karta"Súbory". Teraz naň stačí kliknúť a zobrazí sa vám rozhranie správcu súborov.
A posledným krokom je spojiť editor s Správca súborov do jedného funkčného nástroja.
Vyššie som už opísal nastavenie profilov editorov.
Opakujem:
Vyberte si v Typ prehliadača súborov - elFinder
. Ak chcete, môžete tu zmeniť aj priečinok na sťahovanie súborov.
Teraz by všetko malo fungovať, ale nerozumiem, prečo to nie je v jadre Drupalu? Namiesto toho niekoľko možností editora pre každý vkus. Čo je príliš dobré. ;)
Nový funkčný odkaz
drupal 7.21
CKEditor - WYSIWYG HTML editor 7.x 1.13
CKEditor - ckeditor_4.1_standard
Správca súborov elFinder 7.x-0.8
Skript elFinder - elfinder-1.2
Pri každej úprave sa vyskytne chyba pri pridávaní nových dutín ().
Ukázalo sa, že pri vkladaní ukážky Drupal sa objaví chyba. Ak článok neoddeľuje oznámenie, nejde o žiadnu chybu.
Dôvodom je, že štandardne je veľkosť oznámenia nastavená už v type obsahu. Ukázalo sa dvojité využitie oznamovacej priehradky: manuálna a automatická.
Cesta k nastaveniu zobrazovania reklamy:
Domov » Administrácia » Štruktúra » Typy obsahu » Článok » Správa zobrazenia
Poradenstvo. Malo by byť nastavené vzhľad odstráňte tlačidlo teaser-drupal vo vizuálnom editore v oboch profiloch.
Články na učenie drupalu:
Všeobecné pojmy pre začiatočníkov.
Ako Russifikovať Drupal a jeho moduly.
Výber modulov blogu.
Stručný návod.
Na svojej stránke som použil BUEditor - jednoduchý pohodlný editor, ktorý však nie je pre používateľov príliš pohodlný. Často som premýšľal o inštalácii CKEditor, ale zdalo sa mi to ako nejaké monštrum, ale v skutočnosti sa ukázalo, že všetko nie je také strašidelné.
Ako nainštalovať modul čítaj.
Po pripojení cez váš modul na stránke admin/config/content/ckeditor/edit/profile_recognition na karte VZHĽAD REDAKTORA, V kapitole Pluginy Zobrazí sa začiarkavacie políčko aktivácie. Zapnúť, uložiť, skontrolovať.
3. Vložte odkazy. Po vybalení obsahuje dialógové okno vloženia odkazov množstvo nepotrebných a nepochopiteľných vecí. Nahrádzame ho pluginom Simple link. Ako nainštalovať, pozri odsek 2. Pripojíme (pozri bod 1):
Config.extraPlugins = "SimpleLink";
Objaví sa aj nová ikona (tlačidlo) pluginu.
4. Vložte obrázky. Tu je všetko rovnaké ako pri odkazoch, môžete vložiť doplnok Simple Image na vkladanie obrázkov pomocou odkazu.
Config.extraPlugins = "SimpleImage";
Alebo nahrajte obrázky pomocou modulu Odovzdanie jedným kliknutím. . Čítaj viac. Rozhodol som sa pre druhú metódu, hoci v BUEditore som používal obe.
Jediná vec, ktorú chcem dodať, je, že doplnok Enhanced Image vyžaduje ďalšie dva doplnky Widget a Lineutils .
nemohol som zistiť, prečo sa doplnok nespúšťa, kým som sa nepozrel do denníka
5. Vzhľad. V predvolenom nastavení sa používa vzhľad Moono, ale chcel som preniesť vzhľad do vzhľadu BUEditoru.
takto vyzeral BUEditor 
7. Umiestnite držiak. Ak chcete pridať zástupný symbol, nainštalujte doplnok (pozri krok 2) Pomocník konfigurácie . Pripojíme (pozri bod 1):
Config.extraPlugins = "confighelper"; config.placeholder = "(!LANG:Náš text"; // текст нашего placeholder !}
8. Emotikony. Za úsmevy v CKEditor "e je zodpovedný plugin insert Smiley, ktorý je súčasťou štandardného balíka - Full Package.
Takto vyzerajú emotikony po vybalení:
Ak ich chcete nahradiť vlastnými, musíte zadať cestu k priečinku s obrázkami v konfigurácii (pozri krok 1) smiley_path :
Config.smiley_path = "/sites/default/files/smajlíky/";
Napíšte názvy súborov (obrázkov), ktoré sa zobrazia smiley_images :
config.smiley_images = ["smile_1.png","smile_2.png"];
A popis (popis po umiestnení kurzora myši) smiley_descriptions
config.smiley_descriptions = ["popis-1", "popis-2"];
Môžete tiež určiť, v koľkých stĺpcoch sa majú zobraziť emotikony (predvolené: 8) smiley_columns
config.smiley_columns = 6;
To som urobil 
9. Prehliadač na kontrolu pravopisu. Ako je napísané UksusoFF kontrola pravopisu založená na prehliadači je v CKEditor zakázaná.
Config.disableNativeSpellChecker = false;
10. Kontextové menu. V CKEditor sa po stlačení RMB otvorí obsahové menu, nie natívnu ponuku prehliadača
Tento článok vám ukáže, ako nainštalovať vizuálny editor na vaše stránky. Takýto editor je veľmi vhodný na pridávanie a/alebo úpravu nových informácií pre stránku. Napríklad inštalácia na fórum, do bloku s komentármi, ktorá uľahčuje a rozširuje možnosti úpravy textu nového komentára, t.j. môžete zvýrazniť text, podčiarknuť ho, vložiť odkaz a oveľa viac, všetko závisí od toho, aký prístup dáte svojmu čitateľovi. A samozrejme, na čo netreba zabudnúť, je admin časť, ktorá vám môže výrazne uľahčiť prácu pri pridávaní a úprave materiálu.
Pracoval som s dvoma vizuálnymi editormi Tinymce a Redaktor C.K hoci títo dvaja editori sú celkom populárni, úprimne povedané, Redaktor C.K Páčilo sa mi to viac, lepšie povedané, bolo to vhodnejšie pre moje úlohy. Preto tu zvážime, ako je editor nainštalovaný. Redaktor C.K a poviem ti to inokedy.
Ak chcete začať, ako vždy, musíme si stiahnuť editor, môžete si ho stiahnuť Plný- balíček, alebo vyberte všetky potrebné balíčky na oficiálnej stránke.
Po dokončení sťahovania rozbaľte stiahnutý archív napríklad do priečinka libs nachádza v koreňovom adresári lokality. AT index.html medzi značkami pridať doplnok editora ckeditor.js a samozrejme knižnica jQuery.
HTML
Zostáva teda vytvoriť formulár s testovacím poľom , s ktorým bude náš editor komunikovať.
HTML
Vo všeobecnosti všetko o inštalácii po načítaní stránky s vami v zadanom textovom poli Teraz by sa mal zobraziť textový editor. Tento editor je možné prispôsobiť podľa vášho vkusu, zmeniť pozadie rámčeka editora alebo jazyk, môžete nastaviť šírku a výšku okna. Na to slúži súbor. config.js ktorý je v priečinku libs/ckeditor/config.js . V tomto súbore môžeme nastaviť vyššie uvedené nastavenia a mnohé ďalšie. Viac podrobností na oficiálnej stránke.
Napríklad zmenou súboru config.js ktoré sú zobrazené nižšie zmeníme jazyk, farbu okrajov a výšku editora.
JAVASKRIPT
CKEDITOR.editorConfig = function(config) ( config.language = "en"; //language config.uiColor = "#AADC6E"; //farba rámu config.height = 300; //výška rámu );
Vzhľad editora môžete zmeniť aj nastavením v nastaveniach config.toolbarBasic- minimálny príp Plný- maximálne funkcie editora. Alebo si editor prispôsobte individuálne pomocou nastavení config.toolbar_Basic ako je uvedené v príklade nižšie.
Ak vyberiete minimálnu konfiguráciu, možnosti editora budú obmedzené a k dispozícii budú iba tlačidlá: nastaviť tučný text kurzíva, zoznamy, vytvorenie odkazu odstránenie odkazu a emotikony (príklad nájdete nižšie).
JAVASKRIPT
CKEDITOR.editorConfig = function(config) ( config.width = 1050; //šírka okna editora config.toolbar = "Basic"; //funkcia editora, Basic-minimum, Full-maximum config.toolbar_Basic = //Individuálne nastavenie základného režimu [ ["Tučné", "Italic", "-", "NumberedList", "BulletedList", "-", "Link", "Unlink","-","Smiley"] ]; );
Tlačidlá je možné zoskupiť do skupín a opäť to vyžaduje súbor config.js .
JAVASKRIPT
CKEDITOR.editorConfig = function(config) ( config.toolbarGroups = [ ( názov: "dokument", skupiny: [ "režim", "dokument", "doctools" ] ), ( názov: "schránka", skupiny: [ "schránka" ", "späť" ] ), ( názov: "úpravy", skupiny: [ "nájsť", "výber", "kontrola pravopisu", "úpravy" ] ), ( názov: "formuláre", skupiny: [ "formuláre" ] ), "/", ( názov: "základné štýly", skupiny: [ "základné štýly", "čistenie" ] ), ( názov: "odsek", skupiny: [ "zoznam", "odsadenie", "bloky", "zarovnať" ", "bidi", "paragraph" ] ), ( názov: "odkazy", skupiny: [ "odkazy" ] ), ( názov: "vložiť", skupiny: [ "vložiť" ] ), "/", ( názov : "styles", groups: [ "styles" ] ), ( name: "colors", groups: [ "colors" ] ), ( name: "tools", groups: [ "tools" ] ), ( name: " iní", skupiny: [ "iní" ] ), ( názov: "o", skupiny: [ "o" ] ) ]; );
Vo všeobecnosti základné nastavenia textový editor zobrazené, jedna vec, ktorá sa mi nepáčila, je veľkosť tohto editora, po stiahnutí váži 4 m 265 kbčo je akosi priveľa. Ak vám to tiež prekáža, potom môžete adresár vymazať vzorky a tiež vyčistiť katalóg s jazykmi, keďže to váži najviac. Má veľa jazykov, ktoré sa nepoužívajú, takže ich môžete jednoducho odstrániť a nechať len tie, ktoré sú potrebné, napríklad ruština a angličtina.
Prejdite do katalógu libs/ckeditor/lang a tu vymažeme všetky súbory okrem jazyka, ktorý potrebujete, napríklad nechajte: en.js a en.js . Po všetkých vykonaných manipuláciách sa veľkosť zníži na polovicu a adresár ckeditor bude vyzerať takto:
Na to mám každého, kto pozná ďalšie jemnosti tohto editora, napíšte do komentárov.