Modx vizual muharriri. TinyMCE muharririni sozlashim. KCFinder fayl menejeri bilan do'stona CKEditor

MODX Revolution uchun eng mashhur qo'shimchalardan biri vizual muharriri TinyMCE.

Vono va zrozumilo, har qanday sayt kontent uchun yaxshi richtext muharririsiz qila oladigan kamdan-kam hollarda.

Ushbu maqolada siz o'rnatish va o'rnatishni ko'rishingiz mumkin TinyMCE muharriri.

Oʻrnatilgan

O'rnatish uchun siz paketni ombordan (http://modx.com/extras/package/TinyMCE) yuklab olishingiz va uni saytingizning "Qadoqlash" tarqatilishi orqali o'rnatishingiz kerak.

Paketni o'rnatganingizdan so'ng, tahrirlash uchun istalgan resursni darhol ochishingiz va muharrir paydo bo'lgan joyda qayta ko'rib chiqishingiz mumkin.

Siz yangi matnda yozishni boshlashingiz mumkin, qulayroq yozish uchun muharrirni o'zgartirish tavsiya etiladi.

TinyMCE-ni sozlash bir necha bosqichlarni o'z ichiga oladi:

• Uslub fayliga ulanish
• Jadvallar bilan ishlash uchun tugmalar qo'shish

TinyMCEgacha bo'lgan uslublar bilan faylni ulang

Vizual muharrir matnni saytdagi kabi yakkama-yakka ko'rinishi kerak: shrift, matnning o'lchami va rangi, rasmlar dizayni va eski ko'rinish stol.

"Tizimni sozlash" ni tanlang va filtrda "Visual muharrir" ni tanlang:

Kimga jami 5 ta yamoq berildi:

• CSS fayliga yo'l (editor_css_path)- matn uslublari bilan faylga yo'lni belgilang. Iltimos, saytingizning so'nggi CSS fayliga emas, balki matnni formatlashdan oldin to'g'ridan-to'g'ri ko'rish mumkin bo'lgan bir nechta uslublarni ayblash mumkin bo'lgan okremy faylga e'tibor bering (h1-h6 sarlavhalari, p paragraf, jadval jadvallari qo'shimchasi). va boshqalar). Muharrir ko'proq amaliy va to'g'ri.
• Vikoristati matn muharriri(foydalanish_muharriri)- TinyMCE yordamida muharrirni bir soat davomida ko'rmasdan o'chirib qo'yishingiz mumkin.
• Tahrirlovchi (which_editor)- MODX Revolution saytga bir nechta turli muharrirlarni o'rnatish imkonini beradi, siz ularni iste'mol qilish uchun almashtirishingiz mumkin. Nutqni boshlashdan oldin, siz sayt ma'murlari uchun narxni o'zgartirishingiz mumkin, turli xil ma'murlar uchun bunday unvon sifatida boshqa muharrirni tan olasiz.
• Element muharriri (which_element_editor)- parchalar, plaginlar, qismlar uchun muharrirni belgilang. Masalan, CodeMirror yoki Ace-dan foydalanishingiz mumkin.

TinyMCE-ga jadvallar bilan ishlash uchun tugmalar qo'shish

MODX Revolution omboridan o'rnatiladigan TinyMCE, blokirovka qilish sabablariga ko'ra jadval ishi yoqilgan. Hey, vay, siz aniq HTML rejimiga o'tishingiz va kodni qo'lda yozishingiz mumkin, lekin biz boramiz! 2 ta kvilingni ko'rsatish va stol tayanchini yoqish ancha sodda.

Shu vaqtdan boshlab biz tizimni sozlashimiz kerak va birinchi filtrda biz tanlaymiz tinymce:

Mavjud parametrlar ro'yxati ko'rsatiladi. Bizga 2 tsikavlyat:

• tiny.custom_plugins- TinyMCS-ga ulangan plaginlar ro'yxati. Oxirgi ro'yxatga qo'shish kerak " stol", jadvallar bilan ishlash uchun sim plaginini ulash. Plagin bir vaqtning o'zida TinyMCE'dan keladi va uni o'rnatishingiz shart emas, faqat uni yoqishingiz kerak.
• tiny.custom_buttons3- 3-qatorda paydo bo'ladigan tugmalar ro'yxati. U yerga kiring" stol boshqaruvlari", jadvallar bilan ishlash uchun tugmalarni terish qo'shilgan. Men bu tugmalarni boshqa har qanday qatorga qo'yish mumkinligini tushundim. Boshqa qatorlarga hayron bo'lganingizda, bekor qilish, qayta tiklash, tanlash va boshqalar kabi o'rnatilgan tugmalar ro'yxatiga qarang. Tugmalarni boshqa tartibda joylashtirish orqali ularni "bepul" qilishingiz mumkin.

Yangilanishdan keyin hamma narsa uchun Shvidshe MODX Evolution tizimlari TinyMCE matn muharriridan foydalanmaysiz. Yak rasmining o'qi menda barcha yangilangan saytlarda mavjud:

1. Iltimos, bu yerdan plagin qo'shing.

2. Rosarxiv.

3. Jilddagi ckeditor papkasini to'ldiring aktivlar/plaginlar/

4. Plagin yarating muharriri

5. Yangi joyga nusxa ko'chiring ckeditor.tpl

"OnRichTextEditorInit", "OnRichTextEditorRegister" va "OnInterfaceSettingsRender" tizim pastki bo'limlariga belgilash katakchalarini qo'ying.

6. CKEditor-ni yoqing

Siz CKEditor-ni yoqishingiz mumkin Asboblar>Konfiguratsiya>Interfeys va ma'lumotlar, ustunida " muharrir:" tanlang CKE muharriri

7. Biz har qanday hujjatga kiramiz va Bachimo bunday rasm

8. KCFinder fayl boshqaruvchisi bilan do'stona CKEditor

Schob muharriri barkamol pratsyuvav z fayl menejeri KCFinder ushbu kodni faylga almashtiradi /assets/plugins/ckeditor/functions.php:

$mcpuk_path["base"] = MODX_BASE_URL . "manager/media/browser/mcpuk/browse.php"; // . $cke_query; $mcpuk_path["image"] = $mcpuk_path["base"] . "?type=rasmlar"; $mcpuk_path["flash"] = $mcpuk_path["base"] . "?type=flesh"; $mcpuk_path["link"] = $mcpuk_path["base"] . "?type=files";

9. Men o'zimga kerakli tugmalar papkasini tanladim

/assets/plugins/ckeditor/modx_config.js faylida siz manzilni o'zgartirishingiz, tugmalarni ko'rishingiz yoki qo'shishingiz mumkin. Men o'zim uchun bu kombinatsiyani tanladim.

Kimga qiziq, siz bir qator kodni almashtirishingiz mumkin:

Config.toolbar_modx = [["Manba"], ["Qalin","Kursiv","Ostiga chizilgan","Strike","-","Subscript","Superscript"], ["PasteText","PasteFromWord"] , ["Bekor qilish","Qayta qilish","-","Topish","-","Formatni o'chirish"], "/", ["NumberedList","BulletedList","-","Outdent","Chizish ","Blockquote"], ["JustifyLeft","JustifyCenter","JustifyRight"], ["Link","Unlink","Anchor"], ["Image","Flash","Table","HorizontalRule " ","Smaylik","SpecialChar"], "/", ["Format","Font","FontSize"], ["TextColor","BGColor"], ["Maksimumlashtirish", "ShowBlocks"," - ","Haqida"] ];

Config.toolbar_simple = [["Manba","-","Ko'paytirish","Formatni o'chirish"], ["Matnni qo'yish","Topish","Almashtirish"], ["Bog'lanish","Aloqani uzish"], ["Rasm" ","SpecialChar"], ["Format"], "/", ["Qalin","Kursiv","Ostiga chizilgan","Strike","-","Subscript","Superscript"], ["TextColor" ","BGColor"], ["NumberedList","BulletedList","-","Blockquote"], ["JustifyLeft","JustifyCenter","JustifyRight","JustifyBlock"]];

Bu erda men faqat quyidagilarni to'ldirdim: Matn kodi, Zbíshuvach (aniqroq yozish uchun), matnni formatlash, Faqat matn qo'shish, Qidirish va o'zgartirish, Kuch, Rasm qo'shish, Belgilar, Sarlavhalar, Matn atributlari, rangli matn va fon, paragraflar , matnga o'sha vimikani keltiring.

Qo'shimcha plaginlarni o'rnatish

CKeditor plaginlarining barcha turlariga ega. Siz ularni Internetda va CKeditor rasmiy veb-saytida topishingiz mumkin. Barcha plaginlar /manager/assets/components/ckeditor/ckeditor/plugins/ jildiga o'rnatilgan.

Dali "Tizim sozlamalari" da "ckeditor" ni va plaginlar maydonida plaginlarni tanlang ( extra_plugins) o'rnatilayotgan plagin nomini kiriting. Va tugmalar guruhida ( asboblar paneli) "im'ya plagin" kerakli maydonga kiritiladi. Qo'shimcha o'rnatilgan va ishlashga tayyor.

MODX Revolution parchalari bo'sh yuborilgan va saytni ishga tushirish uchun 99% ishonch bilan ayta olamanki, agar xohlasangiz, bitta qo'shimchani o'rnatishingiz mumkin. paket. At zv'azku s tsim virishiv yozaman paketlarning kichik ro'yxati, xudoga aylanish uchun boylik kabi saytlarni yaratishda MODX Revo yechim.

(maqola 02/11/2018 yangilangan)

Asosiy modx omboridan kengaytma

Ace- shablonlarni, bo'laklarni, parchalarni + uyg'otishlarni tahrirlash uchun mos kod emmet.

TinyMCE boy matn muharriri- kontent uchun chiroyli vizual muharrir, lekin u rahunok uchun ham kengaytirilishi mumkin qo'shimcha funktsiyalar chakana sotuvchining veb-saytiga hayron bo'ling.

fayl uzatish- fayllarni kirill alifbosidan yozib olishda lotin tiliga o'tish (masalan: nomlar (nom) bilan rasmga olish) modx-plugin.png(saytga o'tishda bunday rasm nomlari echkiga o'zgaradi va ko'rsatilmaydi), adminga ismlar bilan fayl yuklanadi modx-plugin.png.

translit– sahifalar uchun taxalluslarning transliteratsiyasi (url) – uchun zarur.

FormIt- shakllar bilan ishlash (qanchalik katlansa ham aloqa shakllarini qurish).

To'plamlar- hujjatlarni (resurslarni) guruhlash - ko'proq ajoyib saytlar, hujjatlarga boy toifalar - boshqaruv panelini kengaytirishga (tezlashtirishga) yordam beradi, chunki Agar sizda kattaroq manba daraxti bo'lsa, u ko'proq xato qiladi.

simpleUpdater- Bir marta bosish bilan modeksni yangilang.

SEO Pro- SEO yordamchisi! Sug'orish sohasini qayta ko'rib chiqish - sarlavha, tavsif, diqqatni qo'shish kalit so'z(kalit so'zlar) va tomonlar qanday qilib qidiruvni ko'rishga o'xshashligini ko'rsating.

Rasm SEO alt va sarlavha teglari- rasm ro'yxatdan o'tmaganligi sababli avtomatik ravishda alt va sarlavhani yuboradi. Ish joyida ehtiyotkorlik bilan zastosovuvati, agar siz KOD orqali o'tsangiz, deakslarni to'xtatib qo'yishingiz mumkin.

Galereya- rasm galereyalari

migx- Duzhe salqin daryo! Kontentdagi bir qator telekanallarni ko'rish orqali siz slayder, galereya va hokazolarni yaratishingiz mumkin.

oddiy qidiruv- Saytda qidiruvni tashkil etish.

Tagger- Yozuvlar uchun teglar, hmara teglari.

ClientConfig- mijoz nalashtuvan yaratish, yakí nadaly menejerlar tomonidan tahrir qilinishi mumkin. Tobto. hamma narsa yangilanadi, hamma narsa tez-tez o'zgartiriladi yoki shunchaki, masalan, kontaktlar, manzillar, shiorlar va boshqalar. - Shchob zamovnik zmíg hamma narsa oson va tez minyati.

Shablonni meros qilib olish- uchun shablonni kiriting bolalar elementlari.

Versiya X- qo'shimcha frilanserlar, hatto yangi kelganlar uchun saytlarni ko'radigan jimjitlik uchun komponent. Barcha elementlarning mahalliy zaxira nusxalarini yaratish uchun topshiriqlar - (bo'laklar, parchalar, resurslar). Siz hayratda qoldirishingiz mumkin eski versiya va tushuntirish zarurati uchun vv. Shuningdek, men sizga ushbu o'zgarishlarni kim kiritganini aniqlashga ruxsat beraman.

Konsol– PHP kodini backenddan ishga tushirish imkonini beradi.

AjaxManager- Tezkor administrator robotlari.

Captcha- Administrator paneliga kirish uchun Captcha - dodatkovy zakhist.

zaxira MODX- 1 marta bosish bilan ishlaydigan saytdan zaxira nusxalarini yaratish.

logPageNotFound- 404 ta avf. Vídstezhennya posilan uchun Vídmínno pídhodit.

keshni tozalash – barcha /core/cache/ papkalarni bir marta bosish bilan o'chirish imkonini beradi.

modstore.pro omboridan qo'shimcha

Qo'shimchalar omborini qanday ulash haqida, o'qing.

Ajax formasi- Ajax orqali uchinchi tomonni qayta jalb qilmasdan aloqa shakllarini joriy etish. Vikoristovu FormIt, lekin aslida siz o'zingizning parchangizni kiritishingiz mumkin.

DateAgo- CMS LiveStreet kabi sana formatini qabul qiling.

avtomatik yo'naltiruvchi- Men avtomatik ravishda 301 yo'naltirishni yarataman, shuning uchun siz qo'lda yo'naltirishni yaratishingiz mumkin.

Chiptalar- blog yaratish, sharh yaratish, toschoo remarks.

Jevix- tipograf turiga ko'ra, u Chiptalardan mashinaga o'rnatiladi

aralash tasvir- Fayl ilovasini o'zgartirish (qo'shimcha maydonni almashtirish (rasmlar, qo'shimchalar va boshqalar uchun)

pdoTools- tsiliy kombayn, uning omboriga quyidagi parchalar kiritiladi:
pdoResources- ko'rish uchun resurslar ro'yxati oldida bizga topshiriqlar, lekin aslida qo'shimcha yordam uchun siz juda ko'p narsalarni qilishingiz mumkin: sayt xaritasi (odamlar uchun), foto galereyalar, portfellar, manbalar ishi ham .
pdoMenu- Menyu yaratish.
pdoPage- qanday va pdoRecources manbalar ro'yxatini ko'rsatish + havoladan keyingi navigatsiyani yaratish, shu jumladan boshqa parchalarni tanlash.
pdoCrumbs- non bo'laklarini tayyorlash uchun (non bo'laklari)
pdoUsers- Vivedennya koristuvachiv
pdoSitemap- Avtomatik yaratilgan sitemap.xml yaratish
pdoQo'shnilar- hujjatlarni oldinga va oldinga ko'rsatish (bloglar, maqolalar va boshqalar uchun to'g'ri).
pdoField- resurs yoki yogo dadaga tayinlangan maydonni, shu jumladan televizor parametrlarini ko'rsatish.
pdoTitle- do'kondan keyingi navigatsiyadan hujjatlarning vizual ko'rinishi uchun topshiriqlar.
pdoArxiv— saytdagi hujjatlar arxivini kun, oy va yil bo‘yicha taqsimlangan holda ko‘rish
tahlil qiluvchi- Yon tarafdagi teglarni qayta ishlashni o'zgartiring.
Tse, ehtimol, eng kerakli paket, yangi oddiy saytsiz, siz uni ololmaysiz. Xuddi shu sharob Fenom shablonining dvigatelini qo'llab-quvvatlaydi, bu eskisidan yaxshiroq.

miniShop2- Internet-do'kon yaratish.

BannerY- Bannerlarni ko'rsatish uchun komponent (reklama). Yangi haqiqat uchun faqat slayderni soting.

phpThumbOn- tasvirlar uchun miniatyuralar (rasmlarni ko'rish bibariya kerak).

MinifyX- ikkita faylda (css va js) skriptlar va uslublarni minimallashtirish va yopishtirish - kirishlar sonini o'zgartirish va tomonlar tezligini oshirish imkonini beradi.

xPoller2- Multimodal tajriba.

AdminTools- O'zgartirish rang sxemasi administratorlar, elementlarni, eslatmalarni tanlang, administratorda elektron pochta orqali yoki boshqa yo'l bilan avtorizatsiya qiling.

frontendManager— Old tomondan tomonlarni tahrirlash.

dbAdmin – MODx Revo administrator paneli uchun ma'lumotlar bazasi jadvali ro'yxatiga qarash. Bu, shuningdek, bir krem ​​jadvallar kabi eksport viroblyat imkonini beradi, va barcha asoslar. Shuningdek, siz jadvallarni ko'rishingiz va tozalashingiz mumkin (g'alabalaringiz bilan ehtiyot bo'ling) va turli SQL so'rovlari bilan ishlashingiz mumkin.

modDevTools – tez qidirish va bo'lakdagi elementlarni almashtirish, parchalar.

debugParser – Veb-saytda ma'lum joylarni qidiring.

tagElementPlugin – tegingizni ko'rish va ctrl+enter tugmalarini bosish uchun parchalar yoki bo'laklarni tahrirlash imkonini beradi.

controlErrorLog – afv jurnali yozuvlari mavjudligi haqida sizni xabardor qilish uchun yuqori menyu satriga belgi qo'shing.

Universal plaginlar

— har qanday saytlarda rasmlarni avtomatik ravishda muhrlash, xizmat pullik, lekin qimmat, boshidanoq sizga 10mb beriladi - har bir tayoq uchun 500 ga yaqin rasmni yuklab olishingiz mumkin - biznes karta uchun nima tikish kerak, shuning uchun siz 200 mb gacha bepul qo'shishingiz mumkin .

Men CKEditor-ni vizual kod muharriri sifatida sinab ko'rishga harakat qilaman. Versiya 4.0 neytral qora va oq mavzuga (shuningdek, MODx boshqaruv paneli uchun mos) va ba'zi yangi xususiyatlarga ega ("muhim" bo'shliqqa paragraflarni kiritishni baholash).

Siz front-end muharriri sifatida tvit yozolmaysiz.
Pratsuê Ctrl + S, shuningdek xabarni kiritish yoki Resurslar (iframe) va fayllarni (img, audio, video) yaratish. Siz shunchaki matnni ko'rishingiz va muharrirni kerakli Resurs/Faylga tashlashingiz kerak.

Moslashtirishda siz ui, teri rangini o'zgartirishingiz, o'zingizning plaginlaringizni qo'shishingiz va panel tugmalarining tartibini va terishini o'zgartirishingiz mumkin.

Yo'qolgan funktsiyalarni belgilang - men ularni amalga oshirishga harakat qilaman.

Paket menejeri orqali o'rnatish.
Vídminu víd TinyMCE kuni, ko'proq pul

Rejalashtirish:

Rixmatli TV parametrlariga trim qo'shing
- Serverdagi tebranish tugmasi dialogli dialoglar(MODX fayl brauzeri bilan integratsiya)
- Yaxshilangan: extraPlugins, disableObjectResizing, keruvannya format posilan, terini tanlang
- Fayllar va resurslarni sudrab olish soati uchun menyu: Ob'ektni olish | Xabarni kiritish | Ob'ekt nomini kiriting
- Modx teglarini himoya qilish
- Yangi tugmalar (teglarni kiritish, atributlarni tahrirlash)
- Tahlil qilingan uslublar jadvallaridagi sinflar ro'yxati.
- Pídhoplennya sistemnye nalashtuvan z konteksti, scho tahriri (xabarlar bilan bog'liq muammolar)
- Har kuni klaviatura sozlamalari.
- Plugin tipografiyasi - panjalarni avtomatik almashtirish, def_sív shunchaki parvozda.
- Nusxalash/qo'yish uchun yordam olish uchun ko'proq rasmlarni ko'ring va "n" belgisini torting
- Imkon qadar va iloji boricha modx teglarini avtomatik taklif qilish (tahlil qilish va ko'rsatish) (siz CKSource jamoasi tomonidan kengaytirilgan jigarrang vidjetdan foydalanishingiz mumkin)
- Frontenddan inline tahrirlash.

Chet - bu viishalarning ajoyib ro'yxati. Siz fantaziyalaringizni o'zgartirishingiz kerak ...

Qo'shimcha plaginlarni o'rnatish bo'yicha ko'rsatmalar:
Biz kerakli plaginni bilamiz, masalan, biz uni papkaga tashlaymiz /menejer/assets/components/ckeditor/ckeditor/plugins/, Idemo tizimli sozlash, nomlar diapazoni tanlanadi muharriri, plaginimizni belgilang extra_plugins(kim orqali, sprat kabi), biz buni to'g'ri berdik asboblar paneli, yangi tugmani kiritish (x kabi). Resursni tahrirlash shaklini yangilang - natijani qayta tekshiring. Men cíkavimy plaginlari bilan almashishni targ'ib qilaman.

Qo'shimcha plaginlar (paketdan oldin kiritilmagan):
oEmbed - Turli serverlardagi kontentni (video, foto, audio, ramkalar) joylashtirish imkonini beradi, bu esa uni yanada qiyinlashtiradi. YouTube, Vimeo, Flickr, Instagram, GitHub, Twitter, JSFiddle va boshqa xizmatlar tomonidan qo'llab-quvvatlanadigan ajoyib xizmatlar ro'yxati.

O'zgarishlar tarixi:

CKEditor 1.1.1

- Ruxsat etilgan AjaxManager yig'indisi
- Plaginlarni qo'shing: youtube, wordcount, autoconrect
- Menyu ko'rindi, u daraxtdan tortib olish uchun bir soat davomida ko'rsatiladi. Endi kuch oddiygina kiritiladi. Faqat rasmni sudrab oling - rasmni joylashtiring.
- IE8 ni qo'llab-quvvatlash

CKEditor 1.1.0
====================================
- Brauzer integratsiyasi MODX fayllari
- Richtext TV-ni qo'llab-quvvatlash
- Maxsus resurs sinflarini qo'llab-quvvatlash (masalan, maqolalar)
- "n" ni tortib olish yaxshilandi. Endi siz ularni tarkibga kiritish uchun faqat Fayl daraxtidan rasmlarni tashlab qo'yishingiz mumkin.
- Ctrl+Sdan keyin
- extra_plugins opsiyasi (Qo'shimcha plaginlar)
- Tanlov terisi (Translarni o'zgartirish)