Tekst i vizuelni uređivač za WordPress. Napredni vizuelni uređivač TinyMCE Advanced

TinyMCE Advanced uvodi blok "Classic Paragraph" i "Hybrid Mode" za novi Block Editor (Gutenberg).
Ako niste sasvim spremni za prebacivanje na Block Editor ili imate dodatke koji se tamo (još) ne mogu koristiti, korištenje klasičnog bloka paragrafa i hibridnog načina rada je vaša najbolja opcija.
Omogućuje vam da nastavite da koristite poznati TinyMCE editor za većinu zadataka, a istovremeno vam daje potpuni pristup svim blokovima i novim funkcijama u uređivaču blokova.

Verzija 5.0 je veliko ažuriranje TinyMCE Advanced. Uvodi dodatna dugmad i postavke za trake sa alatkama “Rich Text” u uređivaču blokova. Slično alatnim trakama klasičnog uređivača, većina dugmadi se može dodati, ukloniti ili preurediti.

Ako želite da nastavite koristiti prethodni („klasični“) uređivač u WordPressu 5.0 i novijim, ovaj dodatak ima opciju zamjene novog uređivača prethodnim. Ako više volite da imate pristup oba uređivača jedan pored drugog ili da svojim korisnicima omogućite da mijenjaju urednike, bilo bi bolje da instalirate dodatak Classic Editor. TinyMCE Advanced je potpuno kompatibilan sa dodatkom Classic Editor i sličnim dodacima koji vraćaju upotrebu prethodnog WordPress uređivača.

Kao i uvijek, ovaj dodatak će vam omogućiti da dodate, uklonite i uredite dugmad koja su prikazana na alatnoj traci vizualnog uređivača u blokovima klasičnog paragrafa i klasičnih u novom uređivaču blokova, te u klasičnom uređivaču (kada ih je omogućio dodatak). Tamo možete konfigurirati do četiri reda dugmadi uključujući veličine fonta, porodicu fontova, boje teksta i pozadine, tabele itd.

U tom smislu TinyMCE Advanced ni na koji način ne utiče na privatnost korisnika vaše web stranice.

Screenshots

Instalacija

Najbolje je instalirati direktno sa WordPress-a. Ako je potrebna ručna instalacija, uvjerite se da su datoteke dodataka u mapi pod nazivom “tinymce-advanced” (ne dvije ugniježđene mape) u folderu WordPress dodataka, obično “wp-content/plugins”.

FAQ

Vidim grešku poput: "Učitavanje dodatka sa URL-a nije uspjelo..."

Ove greške su obično uzrokovane time što je dotična datoteka blokirana nekim sigurnosnim postavkama na serveru ili (rijetko) problemima s keširanjem ili pogrešnim dozvolama.

Prvi korak za otklanjanje grešaka je pokušaj pristupa datoteci direktno u pretraživaču (tj. kopirajte URL i zalijepite u pretraživač i pritisnite Enter).

Ako vidite datoteku (to je obično minimizirani JS, tako da je sve u jednom redu) velike su šanse da je to neka vrsta problema s keširanjem koji je sada riješen. Pokušajte ponovo koristiti uređivač.

Ako vidite HTTP grešku (poput 403 ili 500) najbolje bi bilo da kontaktirate svoju kompaniju za web hosting za pomoć. U nekim slučajevima može pomoći brisanje i ponovno instaliranje dodatka.

Tabele izgledaju drugačije (umetnuti stilovi nedostaju) kada ubacim tabelu

Način na koji se tabele formatiraju zavisi od dve stvari:
1. Postavke za "table" dodatak u TinyMCE.
2. Da li mijenjate veličinu tablice prevlačenjem.

Podrazumevano TinyMCE Advanced postavlja uređivač tako da se tabelama ne dodaju dodatni stilovi. Na taj način se tabele prikazuju tačno onako kako je tema namenjena. Ovo se može promijeniti promjenom nekih postavki uređivača. To se može učiniti korištenjem dodatka Advanced TinyMCE Configuration. Sve postavke uređivača u vezi s tablicom opisane su ovdje: https://www.tiny.cloud/docs/plugins/table/#table_default_attributes.

Bez obzira na gore navedene postavke, ako promijenite veličinu tablice povlačenjem visine i/ili širine oznake tablice i oznake ćelije će biti postavljene kao umetnuti stilovi.

U podmeniju Formati se ne uvoze stilovi

Ovi stilovi su uvezeni iz vaše trenutne datoteke editor-style.css teme. Međutim, neke teme nemaju ovu funkciju. Za ove teme TinyMCE Advanced ima opciju da vam omogući da dodate prilagođeni editor-style.css i uvezete ga u uređivač.

Upravo sam instalirao ovaj dodatak, ali ne radi ništa

Promijenite neke dugmad na jednoj od alatnih traka, sačuvajte promjene, obrišite keš pretraživača i pokušajte ponovo. Ako ovo ne uspije, pokušajte nekoliko puta resetirati stranicu za uređivanje držeći Shift ili Ctrl. Možda postoji i mrežna keš memorija negdje između vas i vašeg domaćina. Možda ćete morati pričekati nekoliko sati da ova keš memorija istekne.

Kada dodam “Smajliće”, oni se ne prikazuju u uređivaču

Dugme “Emotikoni” u TinyMCE dodaje kodove za smajliće. Stvarne slike dodaje WordPress prilikom gledanja objave. Provjerite je li potvrđen izbor u polju za potvrdu “Pretvori emotikone u grafiku na ekranu” u “Opcije - Pisanje”.

Dodatak ne dodaje nijedno dugme

Provjerite je li potvrdni okvir „Onemogući vizualni uređivač prilikom pisanja“ pod „Korisnici — Vaš profil“. ne provjereno.

Još uvijek vidim “stara” dugmad u uređivaču

Ponovo sačuvajte postavke ili kliknite na dugme „Vrati zadane postavke” na stranici postavki dodatka, a zatim ponovo postavite dugmad i sačuvajte.

Ostala pitanja? Još snimaka ekrana?

Objavite poruku na forumu podrške ili posjetite TinyMCE Advanced početnu stranicu.

Recenzije

Učesnici i programeri

TinyMCE Advanced je projekat otvorenog koda. Sljedeći saradnici su doprinijeli razvoju dodatka:

Učesnici

Dnevnik promjena

5.1.0

• Ažurirano za WordPress 5.1 i TinyMCE 4.9.2.

5.0.1

• Popravljen uvoz rezervnih kopija postavki.
• Ažuriran odeljak FAQ u readme-u.

5.0.0

• Dodato nekoliko novih dugmadi na traku sa alatkama obogaćenog teksta u uređivaču blokova.
• Dodata funkcionalnost za dodavanje, uklanjanje i raspoređivanje većine dugmadi na traci sa obogaćenim tekstom u uređivaču blokova.
• Dodata alternativna lokacija za dugmad za komponentu obogaćenog teksta. To omogućava korisnicima da pomjere dugmad koja se ne koriste često.
• Dodate postavke za odabranu boju teksta i boju pozadine.
• Poboljšani popravci i poboljšanja za klasični blok.
• Poboljšan je klasični blok paragrafa i dodata podrška za pretvaranje većine blokova u klasične pasuse i pretvaranje klasičnog pasusa u zasebne blokove.

4.8.2

• Ispravke i poboljšanja za 4.8.1.
• Dodata posebna opcija za omogućavanje klasičnog bloka pasusa.
• Dodano pretvaranje većine zadanih blokova u klasične pasuse, i iz klasičnih pasusa u zadane blokove.

4.8.1

• Ažurirano za WordPress 5.0.
• Dodan Hybrid Mode za Block Editor. Uključuje klasični blok pasusa koji zamjenjuje zadani blok paragrafa.
• Dodata opcija za zamjenu uređivača blokova klasičnim uređivačem.
• Dodan je još jedan odjeljak postavki za konfiguriranje alatnih traka u klasičnom bloku i bloku klasičnog pasusa.
• Dodano nešto CSS popravljeno za klasični blok.
• Fiksna (uklonjena) postavka inline CSS-a za ćelije tabele prilikom umetanja tabele. Inline CSS se i dalje dodaje kada se veličina tablice mijenja povlačenjem.

4.8.0

• Ažurirano za WordPress 4.9.8 i TinyMCE 4.8.0.

4.7.13

• Ažurirani dodaci tabele i sidrišta na 4.7.13 (16.05.2018). Ispravlja grešku u dodatku za tablice u Edgeu.

4.7.11

• Ažurirano za WordPress 4.9.6 i TinyMCE 4.7.11.

4.6.7

• Fiksna kompatibilnost sa Gutenbergovim blokom slobodnog oblika.
• Prisilno osvježavanje dodataka TinyMCE nakon aktivacije.
• Ažurirano za WordPress 4.9 i TinyMCE 4.6.7.

4.6.3

• Ažurirano za WordPress 4.8 i TinyMCE 4.6.3.

4.5.6

• Ažurirano za WordPress 4.7.4 i TinyMCE 4.5.6.
• Ispravljeno PHP obavještenje nakon uvoza postavki.

4.4.3

• Ažurirano za WordPress 4.7 i TinyMCE 4.4.3.
• Ispravljena greška koja nedostaje dugmetu „Izvorni kod“.

4.4.1

• Ažurirano za WordPress 4.6 i TinyMCE 4.4.1.
• Ispravljena greška u spremanju na više lokacija.
• Dodato novo dugme u uređivač teksta za dodavanje ili resetovanje prijeloma reda. Dodaje prijelome reda samo između oznaka. Radi samo kada otkrije da nedostaju prijelomi redova, tako da ne preformatira postove s uklonjenim paragrafima.

4.3.10.1

• Ispravljeno dodavanje oznaka paragrafa prilikom učitavanja postova koji su sačuvani prije isključivanja wpautop-a.
• Onemogućena (nova) inline traka sa alatkama za tabele jer se u nekim slučajevima preklapala sa tabelom.

4.3.10

• Ažurirano za WordPress 4.5.1 i TinyMCE 4.3.10.
• Ispravljena podrška za dodavanje editor-style.css temama koje ga nemaju.

4.3.8

• Ažurirano za WordPress 4.5 i TinyMCE 4.3.8.
• Odvojene standardne opcije i opcije administratora.
• Dodate postavke koje mogu onemogućiti dodatak za glavni uređivač, druge uređivače u wp-adminu ili editore na front-endu.
• Korejski prijevod Josh Kim i grčki prijevod Stathis Mellios.

4.2.8

• Ažurirano za WordPress 4.4 i TinyMCE 4.2.8.
• Japanski prijevod Manabu Miwa.

4.2.5

• Ažurirano za WordPress 4.3.1 i TinyMCE 4.2.5.
• Fiksna tekstualna domena i zaglavlja dodataka.

4.2.3.1

• Ispravite grešku s uklanjanjem dodatka za tekst obrazac.

4.2.3

• Ažurirano za WordPress 4.3 i TinyMCE 4.2.3.
• Uklonjen je dodatak textpattern jer WordPress 4.3 podrazumevano uključuje sličnu funkcionalnost.
• Francuski prijevod Nicolas Schneider.

4.1.9

• Ažurirano za WordPress 4.2 i TinyMCE 4.1.9.
• Ispravljene greške s prikazivanjem oEmbed pregleda prilikom lijepljenja URL-a.
• Ispravljene greške s preuzimanjem sadržaja iz TinyMCE-a s prijelomima redova.

4.1.7

• Ažurirano za WordPress 4.1 i TinyMCE 4.1.7.
• Ispravljena greška gdje se uzastopni kratki kodovi titlova mogu podijeliti s praznom oznakom pasusa.

4.1.1

• Ispravite grešku sa natpisima slika kada je wpautop onemogućen.
• Dodajte podršku za prevođenje na stranicu postavki. Nazivi/opisi dugmadi su prevedeni sa JS koristeći postojeći WordPress prevod, tako da će ovaj dio stranice postavki biti preveden po defaultu. Drugi tekst još uvijek treba poseban prijevod.

4.1

• Ažurirano za WordPress 4.0 i TinyMCE 4.1.
• Dodajte dodatak textpattern koji podržava neke od sintakse markdowna dok kucate, (više informacija) .
• Dodajte ažurirani dodatak "tablica" koji podržava boju pozadine i obruba.

4.0.2

• Ispraviti prikaz drugog, trećeg i četvrtog reda dugmadi kada se dugme za preklapanje alatne trake ne koristi.
• Popravite dodavanje dodatka za usmjeravanje kada je odabrano dugme RTL ili LTR.
• Prikažite "Napredne opcije" super administratorima pri instalacijama na više lokacija.
• Dodajte dodatak za vezu uključujući postavku veze rel. Zamjenjuje dijalog Insert/Edit Link kada je omogućen.
• Uključuje ažurirani dodatak "tablica" koji ima podršku za vertikalno poravnanje ćelija.

4.0.1

Popravite upozorenja na drugim stranicama osim Uredi objavu. Ažurirajte opis.

4.0

Ažurirano za WordPress 3.9 i TinyMCE 4.0. Osvježen ekran postavki. Dodata podrška za izvoz i uvoz postavki.

3.5.9.1

Ažurirano za WordPress 3.8, popravljeno automatsko ugrađivanje URL-ova u jednom redu kada se ne uklanjaju oznake pasusa.

3.5.9

Ažurirano za WordPress 3.7 i TinyMCE 3.5.9.

3.5.8

Ažurirano za WordPress 3.5 i TinyMCE 3.5.8.

3.4.9

Ažurirano za WordPress 3.4 i TinyMCE 3.4.9.

3.4.5.1

Ispravljena greška koja sprečava TinyMCE da uveze CSS klase iz editor-style.css.

3.4.5

Ažurirano za WordPress 3.3 ili noviju verziju i TinyMCE 3.4.5.

3.4.2.1

Popravite uklanjanje medija dodatak tako da ne zahtijeva ponovno pohranjivanje postavki.

3.4.2

Kompatibilnost sa WordPress 3.2 i TinyMCE 3.4.2, uklonjene su opcije za podršku za iframe i HTML 5.0 elemente pošto su standardno podržani u WordPress 3.2, uklonjene su medija dodatak kako je uključen po defaultu.

3.3.9.1

Dodane su napredne opcije: prestanite uklanjati iframeove, zaustaviti uklanjanje HTML 5.0 elemenata, premještena podrška za prilagođene stilove uređivača u editor-style.css u trenutnoj temi.

Pažnja: ako imate prilagođenu tadv-mce.css datoteku, a vaša tema nema editor-style.css, preuzmite tadv-mce.css , preimenujte je u editor-style.css i otpremite je u vaš trenutni direktorij teme . Alternativno, možete dodati editor-style.css iz teme Twenty Ten. Ako vaša tema ima editor-style.css, možete dodati bilo koje prilagođene stilove tamo.

3.3.9

Kompatibilnost sa WordPress 3.1 i TinyMCE 3.3.9, poboljšana opcija P i BR oznaka.

3.2.7

Kompatibilnost sa WordPress 2.9 i TinyMCE 3.2.7, nekoliko manjih ispravki grešaka.

3.2.4

Kompatibilnost sa WordPress 2.8 i TinyMCE 3.2.4, manje ispravke grešaka.

3.2

Kompatibilnost sa WordPress 2.7 i TinyMCE 3.2, manje ispravke grešaka.

3.1

Kompatibilnost sa WordPress 2.6 i TinyMCE 3.1, zadržava prazne pasuse kada je onemogućeno uklanjanje P i BR oznaka, dugmad za MCImageManager i MCFileManager se mogu urediti (ako su instalirani).

3.0.1

Kompatibilnost sa WordPress 2.5.1 i TinyMCE 3.0.7, dodata opcija za onemogućavanje uklanjanja P i BR tagova prilikom spremanja i u HTML uređivaču (wpautop), dodata još dva dugmeta u HTML editor: wpautop i poništi, popravljeno uklanjanje TinyMCE dugmadi koji nisu zadani.

3.0

Podrška za WordPress 2.5 i TinyMCE 3.0.

2.2

Stranica opcija deaktiviranja/deinstaliranja, padajući meni veličine fonta i druge male promjene.

2.1

Poboljšan izbor jezika, poboljšana kompatibilnost sa WordPress 2.3 i TinyMCE 2.1.1.1, opcija za poništavanje nekih uvezenih css klasa i druga mala poboljšanja i ispravke grešaka.

2.0

Uključuje administratorsku stranicu za uređenje dugmadi na TinyMCE alatnoj traci, jednostavnu instalaciju, puno ispravki grešaka, prilagođeni dodatak „Smajliji“ koji koristi ugrađene WordPress smajliće, itd. Administratorska stranica koristi jQuery i jQuery korisničko sučelje koje vam omogućava da “prevučete i ispustite” TinyMCE dugmad da uredite sopstvene trake sa alatkama i omogućava/onemogućava odgovarajuće dodatke u zavisnosti od korišćenih dugmadi.

Shvativši osnovnu funkcionalnost admin panela u WordPress-u. Nakon formiranja osnove naše stranice, najviše vremena ćemo posvetiti člancima, njihovom pisanju i optimizaciji. Uveden je uređivač za kucanje i formatiranje postova u WordPress-u, ali je veoma inferioran u odnosu na dodatke specijalizovane za ove potrebe. Nakon instaliranja i konfigurisanja Tinymce Advanced vizuelnog i html editor plugina, uređivanje unosa će biti mnogo lakše.

Postoji mnogo dodataka za uređivanje teksta, od kojih je jedan funkcionalni dodatak koji je odabrao veliki broj ljudi - TinyMCE Advanced.

Navigacija po članku:

Da biste počeli koristiti i testirati ovaj TinyMCE Advanced dodatak, morate ga preuzeti i instalirati, kao što je prikazano u video tutorijalu ispod.

Opis TinyMCE Advanced dodatka

Dodatni dodatak TinyMCE Advanced editor postoji već dugo vremena i vjerovatno ga 90% korisnika WordPress platforme ima instalirano i koristi ga svakodnevno.

Dodatak TinyMCE Advanced je vrlo jednostavan, ali u isto vrijeme pruža svu potrebnu funkcionalnost pri radu sa stranicama i objavama.

Zahvaljujući TinyMCE Advanced, našem standardnom uređivaču, dostupnom nakon , možemo dodati veliki broj novih dugmadi koji će vam sigurno biti korisni.

Gotovo je nemoguće precijeniti ovaj dodatak, koristi se svaki sat, svako minimalno i fino podešavanje će postati jednostavno i dostupno uz TinyMCE Advanced.

Video pregled TinyMCE Advanced-a, njegove instalacije i konfiguracije

U ovom videu ćete vidjeti prednosti dostupne prilikom instaliranja i rada sa TinyMCE Advanced.

Zašto je TinyMCE Advanced bolji od standardnog

Za one koji još ne znaju svrhu dodataka, imamo poseban, ali ostali mogu strmoglavo uroniti u članak.

TinyMCE Advanced postoji da kreira vaše publikacije u prikladnim vizuelnim i kodnim formatima, da promeni i kreira stil pisanja za jedinstvene tekstove. Editor koji se nudi u osnovnom WordPress paketu je u najmanju ruku loš i ima samo osnovne alate.

Kao što vidimo, u potvrdu gore rečenog, sa standardnim uređivačom nećete daleko stići, zbog čega nam u pomoć dolazi TinyMCE Advanced sa svojom proširenom funkcionalnošću.

Na prvi pogled je jasno da će se naše mogućnosti značajno povećati sa ovom funkcionalnošću TinyMCE Advanced. Svako ko je ikada radio s uređivačima teksta može lako razumjeti ikone i mogućnosti dodatka. Za one koji ne žele nasumično tražiti potrebne elemente, analizirat ćemo glavne karakteristike i postavke TinyMCE Advanced.

Šta će nam TinyMCE Advanced dati

Dakle, korištenje TinyMCE Advanced editora omogućit će nam dodavanje i korištenje sljedećih funkcija:

1. Lako i praktično kreiranje tabela direktno prilikom pisanja članka. Uređivanje i popunjavanje koje Vam neće uzrokovati neugodnosti.
2. Napredno i praktično formatiranje strukture stranice. Sposobnost kreiranja i regulacije postavljanja slojeva (
   blokovi).
3. Također ćete moći staviti superskripte i podnaslove.
4. Promjena boje pozadine teksta pomoću TinyMCE Advanced je vrlo jednostavna bez korištenja CSS-a.
5. Ugrađivanje video datoteka postat će mnogo praktičnije uz TinyMCE Advanced editor.
6. Promijenite veličinu fonta.
7. Širok izbor porodica fontova.
8. Skup prečaca će dodati brzinu pisanju i formatiranju vaših tekstova.
9. Postat će moguće izbrisati svo formatiranje jednim ključem.

Ove i druge funkcije pomoći će vam da oblikujete svoje kreacije pomoću WordPress-a.

Dodatak se stalno ažurira, što nas raduje, jer je to glavni znak da programeri razmišljaju o vašoj udobnosti.

Koristeći TinyMCE Advanced pisaćete svoje postove sigurni u svoje mogućnosti, želimo vam inspiraciju i jedinstvene tekstove, vidimo se sljedeći put

Mogući problemi sa TinyMCE Advanced i metode za njihovo rješavanje

Dodatak TinyMCE Advanced je napisan u PHP-u, baš kao i svaki program, možda neće raditi iz jednog ili drugog razloga. U nastavku su navedeni problemi s kojima se korisnici najčešće susreću. Šta nije u redu sa uređivačem za WordPress?

WordPress TinyMCE napredni vizuelni uređivač ne radi

Ako, prilikom povezivanja dodatka, ne možete ga urediti, koristiti ikone, dodati ili promijeniti postavke, pokušajte sljedeću operaciju:

1. Provjerite funkcionalnost drugih dodataka kojima upravljate na admin panelu, ako njihova dugmad za postavke funkcioniraju, a zatim prijeđite na sljedeću tačku. Ako dođe do problema s drugim dodacima, razloge za interne postavke morate potražiti, a ne u samom dodatku.
2. Ažurirajte WordPress na najnoviju verziju.
3. Potpuno deinstalirajte dodatak i preuzmite TinyMCE Advanced sa službene web stranice.
4. Nakon instalacije, aktivirajte ga i provjerite njegovu funkcionalnost.

Ako vam to ne pomogne, problemi mogu biti povezani sa drugim dodacima, ponekad se mogu sukobiti, pokušajte da onemogućite sve dodatke i provjerite da li se situacija promijenila. Ako TinyMCE Advanced ne radi i trebate potražiti dublje probleme sa "čistim" motorom, trebali biste kontaktirati programera.

Na stranici administracije: TinyMCE dugmad nisu sortirana, ne pomeraju se, traka sa alatkama je prazna, ostale greške na stranici

Ovo je obično uzrokovano drugim dodacima koji dodaju nekompatibilne JavaScript biblioteke na sve stranice, ne samo tamo gdje je to potrebno. Zaobilazno rješenje za ovo je pokušati otkriti koji dodaci to rade, privremeno onemogućiti preostale dodatke dok se ne prikažu svi gumbi TinyMCE i omogućiti ih jedan po jedan, provjeravajući promjene u postavkama.

Ako ovo ne pomogne, pokušajte s nekim općim rješavanjem problema sa Javascriptom: obrišite keš memoriju, pokušajte s drugim preglednikom, pokušajte s drugim računalom ako je moguće, izbrišite i ponovo preuzmite sve datoteke dodataka i na kraju instalirajte Firefox sa Firebugom ili Operom, obratite pažnju na prvi koji uzrokuje JS greške (važno) i objavite ih ispod ili pretražite na internetu kako biste saznali što ih uzrokuje.

Organizirao dugmad i sačuvao ih, ali ništa se ne mijenja u vizualnom uređivaču na stranici postova

Kliknite na dugme "Izbriši" (pored dugmeta Sačuvaj), a zatim na "Nastavi". Zatim isključite i ponovo aktivirajte dodatak. Ovo će resetirati sve postavke koje su pohranjene u bazi podataka.

Neki gumbi nedostaju u TinyMCE izborniku, ili se neki alati uopće ne pojavljuju, ili se TinyMCE ponaša čudno nakon instaliranja dodatka

Gotovo svi ovi problemi su uzrokovani kešom pretraživača ili mrežnim kešom. Očistite keš pretraživača, zatvorite pretraživač, zatim ga pokrenite i pokušajte ponovo. Ako se problem nastavi, pokušajte ponovo učitati stranicu držeći Ctrl (u IE) ili Shift (u Firefoxu) kako biste rekli pretraživaču da ponovo učita stranicu sa servera. Ovo također može biti uzrokovano mrežnim kešom negdje između vas i vašeg web hosta. Samo pričekajte nekoliko sati da problem nestane.

Ne vidim nijedan stil uvezen u padajući meni "style".

Ovi stilovi (samo klase) se uvoze iz uređivača u datoteku style.css vaše trenutne teme. Međutim, neke teme ne uključuju ovu datoteku. U tom slučaju, slijedite upute na stranici postavki TinyMCE Avdance kako biste svojoj temi dodali vlastiti style.css editor fajl. Kada definirate stilove, imajte na umu da će TinyMCE uvoziti samo imena klasa:

Moj razred()

My_other_class()

Upravo sam instalirao dodatak TinyMCE Avdance, ali ništa se nije dogodilo

Zatvorite WordPress, obrišite keš pretraživača, ponovo pokrenite pretraživač i pokušajte ponovo. Ako ovo ne uspije, možda postoji keširanje proxyja ili mrežna keš memorija negdje između vas i vašeg hosta. Možda ćete morati pričekati nekoliko sati da ova keš memorija istekne.

Kada dodam "emotikone" oni se ne pojavljuju u uređivaču

Emoji dugme u TinyMCE dodaje emoji kodove. Stvarne slike dodaje WordPress prilikom pregledavanja objave/stranice. Uvjerite se da je opcija "Pretvori emoji poput :-) i :-P u slike" u izborniku Postavke/Pisanje označena.

Dodatak ne dodaje nikakva dugmad, nema kartica "Vizuelni" i "HTML tekst".

Provjerite je li potvrdni okvir "Onemogući vizualni uređivač" pod "Korisnici"/"Vaš profil" poništen.

Ovo uputstvo je kompletno, ali sadrži linkove na materijale koji još nisu objavljeni. Nemojte se uznemiravati ako se neki od linkova ne otvori. Sve će proraditi uskoro! 🙂

S poštovanjem, Alexander.

Vizualni uređivač je najprikladniji i najbrži način za objavljivanje materijala na web stranici. Koristi se prilikom kreiranja postova i stranica, neki dodaci ga koriste i u svojim postavkama.

Ukratko smo pogledali mogućnosti editorovog vizuelnog i tekstualnog režima u bilješci, a sada idemo malo dublje i prijeđimo preko glavnih dugmadi.

Nakon što instalirate WordPress, uređivač će izgledati vrlo loše i nefunkcionalno:

Izvinite, ali namjerno ću izrezati neke slike po visini kako ne bih rastezao ionako dugačke članke. Ako vidite oštar prelom na dnu slike, to znači da tu nema ništa korisno. U nekim konkretnim slučajevima obratiću pažnju na ovo.

Općenito, kao što vidite, uređivač ne nudi onoliko dugmadi koliko bismo željeli. Ali čak i oni su dovoljni za efikasan rad na materijalima.

Sve što vam je potrebno za osnovno formatiranje je ovdje:

• Podebljano, kurziv i precrtan odabir teksta
• Liste sa oznakama i brojevima
• Isticanje teksta kao citata sa ukrasom
• Horizontalna linija razdvajanja
• Poravnajte tekst lijevo, u sredinu i desno
• Umetanje i brisanje veze
• Dugme za prelom stranice
• Dugme za aktiviranje dodatnih funkcija
• Dugme za prebacivanje na način rada preko cijelog ekrana

Ova dugmad rade u dva načina, razmotrimo oba.

Primjer 1

Vrlo je jednostavno razumjeti kako ova metoda funkcionira: kliknete na dizajn koji vam je potreban na alatnoj traci i počnete kucati tekst. Dugme je vizuelno pritisnuto i izgleda da je pritisnuto.

Svaki tekst koji se unese u ovom režimu automatski će dobiti opciju dizajna koja je aktivna na traci sa alatkama.

Pogledaj:

Napisao sam prve dvije rečenice bez pritiska na dugme [B], napisao ih i pritisnuo Enter. U editoru je formiran novi prazan pasus, prije unosa kojeg sam kliknuo na podebljano dugme i počeo unositi tekst.

Sve što sam uneo automatski je postalo podebljano. Da biste onemogućili korištenje ovog stila, samo pritisnite dugme i tada sljedeći simboli više neće biti ukrašeni.

Sve ostale opcije dizajna rade na isti način.

Primjer 2

Postoji još jedan način, koji je (po mom ličnom mišljenju) praktičniji i brži. Sastoji se od sljedećeg: prvo napišete list teksta bez dizajna, a zatim dizajnirate svoj tekst kako želite.

U početku sam mogao jednostavno napisati isti tekst:

Zatim trebam odabrati pasus koji želim podebljati i kliknuti na odgovarajuće dugme na traci sa alatkama:

Nakon ovoga, naš paragraf će postati podebljan. Za ovo ne morate pritisnuti dugme [B] - dizajn će se automatski primijeniti na sav odabrani tekst.

Primjer 3

WordPress, kao i Microsoft Word, omogućava vam da izvršavate različite radnje ne pomoću miša, već pomoću prečica na tastaturi. Svaka radnja ima svoj skup dugmadi, koji, kada se pritisnu, primjenjuju određene stilove.

Na primjer, ako u drugom primjeru ove instrukcije nismo pritisnuli dugme [B] na alatnoj traci, već smo koristili kombinaciju “Ctrl” i “B” (napisano kao Ctrl+B, dugme “B” je u engleski, od riječi “bold”), tada bi podebljani odabir odmah bio primijenjen na naš pasus.

Na kraju ovog priručnika biće materijala o prečicama na tastaturi.

Aktiviranje dodatnih dugmadi

U nekom trenutku ćete shvatiti da vam trenutne mogućnosti urednika nisu dovoljne i želite da istaknete tekst podvučenim stilom ili postavite naslove u tekstu. Da biste to učinili, morate aktivirati dodatnu alatnu traku.

Pronalazimo ovo dugme:

Pojavit će se drugi red dugmadi koji dodaju nove funkcije vašem uređivaču:

Ovdje već možemo vidjeti dodatne opcije za formatiranje teksta, prođimo ih s lijeva na desno:

• Kreirajte naslove bilo kojeg od šest dostupnih nivoa
• Podvuci tekst
• Poravnavanje teksta prema širini stranice
• Postavite boju teksta
• Aktiviranje načina za lijepljenje teksta iz međuspremnika bez formatiranja
• Obrišite formatiranje iz odabranog dijela teksta
• Umetanje specijalnih znakova
• Uklanjanje i dodavanje lijevog uvlaka u paragrafe
• Poništite ili ponovite prethodnu radnju
• Pomoć sa urednikom

Kao što vidite, ove mogućnosti su zaista dovoljne za rad na tekstu i njegovom dizajnu.

Dobrodošli na blog stranicu. U ovom članku ću vam reći kako možete zamijeniti i istovremeno popraviti standard vizualni WordPress uređivač postova. Dakle, počnimo s činjenicom da standardni uređivač teksta u suštini nije ništa drugo do običan Word, koji je svako od nas koristio, ali samo u vrlo pojednostavljenom obliku. Mnogima je jednostavno nezgodno pisati članke kada postoji samo nekoliko dugmadi za formatiranje njihovih unosa, pa mnogi počnu učiti kako bi u kodu upisali ono što žele, ali i ovdje ih čeka kvaka.

HTML editor vam ne dozvoljava da koristite sve poznate oznake, već samo one glavne. Usput, evo liste onih oznaka koje WordPress editor razumije: adresa, a, abbr, akronim, područje, članak, aside, b, big, blockquote, br, caption, cite, class, code, col, del , detalji, dd, div, dl, dt, em, figura, figcaption, podnožje, font, h1, h2, h3, h4, h5, h6, zaglavlje, hgroup, hr, i, img, ins, kbd, li, mapa , ol, p, pre, q, s, odjeljak, mali, raspon, štrajk, jak, sub, sažetak, sup, tablica, tbody, td, tfoot, th, thead, tr, tt, u, ul, var.

Ako pokušate da unesete bilo koju drugu oznaku koja nije uključena u ovu listu, WordPress editor će je jednostavno ukloniti iz objave. Takođe, PHP i JavaScript kod se ne mogu koristiti u html editoru. Ako i dalje želite da umetnete JavaScript kod u članak, onda ćete morati da umetnete ovaj kod u zasebnu datoteku, zatim da ga otpremite na blog i napišete putanju za otvaranje ove datoteke u html editoru.

Sve ovo otežava da se na posao provede mnogo više vremena nego što mnogi mogu priuštiti. Stoga mnogi traže kako zamijeniti standardni WordPres vizualni uređivač koji bi odgovarao njihovim potrebama i ciljevima. Danas ćemo pričati o jednom od ovih.

Urednik se zove TinyMCE Advanced, što ga čini sofisticiranim Dodatak CKEditor. Nisam to samo rekao, jer je u njega ubačeno čak 15 dodataka: Advanced HR, Advanced Image, Advanced Link, Context Menu, Emotions (Smajlići), Datum i vrijeme, IESpell, Layer, Nonbreaking, Print, Search i Zamjena, stil, tabela, vizualni znakovi i XHTML dodaci.

Ovo je daleko najsofisticiraniji uređivač teksta koji postoji. Općenito, ispada da se dodatak plaća, ali se iz nekog razloga distribuira apsolutno besplatno. Programeri pišu da kažu da ga možete koristiti besplatno za samo upoznavanje, ali za komercijalne stranice morate kupiti licencu.

Mada mislim da je ovo nešto drugo. Sam dodatak teži i ne trebaju svima određene funkcije, gumbi, kojih ima jednostavno more, tako da se dodatak može sastaviti za sebe, ostavljajući samo ono što je potrebno, čime se smanjuje njegova veličina bez usporavanja rada bloga.

Zdravo svima!

Danas ću vam reći o dodatku Ultimate tinyMCE, koji vam omogućava da značajno proširite funkcije standardnog WordPress vizualnog uređivača.

Koristeći dodatak Ultimate tinyMCE, možete odabrati odgovarajući font teksta, odrediti njegove dimenzije i funkcionalnije obraditi slike i video zapise.

Kada pišete članak, stavite razne emotikone i još mnogo toga na prava mjesta. Pa čak i ako niste pobornik nepotrebnih dodataka, onda će vam u ovom slučaju članak biti koristan, jer u njemu ću pokazati kako implementirati neke od funkcija koristeći regularne kodove.

Dakle, počnimo! Svi koji rade sa WordPress engine-om savršeno dobro znaju kako izgleda radni panel standardnog vizuelnog uređivača:

Uključuje minimalni skup funkcija koje omogućavaju web majstorima da pišu i objavljuju korisne materijale na svom blogu. Osobno sam prilično zadovoljan standardnim skupom funkcija WordPress editora, ali nisu svi zadovoljni njime i radije koriste druge uređivače ili programe.

Ultimate TinyMCE dodatak. Poboljšanje WordPress vizuelnog uređivača

Možete preuzeti dodatak Ultimate TinyMCE. Zatim ga instalirajte na svoj blog i aktivirajte ga. Za one koji ne znaju kako se instaliraju dodaci, . Nakon instaliranja i aktivacije dodatka, dodatna kartica Ultimate TinyMCE će se pojaviti na administrativnoj ploči vašeg resursa:

Odlaskom na karticu, vidjet ćete impresivnu listu različitih dugmadi, od kojih svako ima određenu funkciju. Sada možete nadograditi svoj vizualni uređivač sa bilo kojom od funkcija koje nedostaju koje su prisutne u dodatku.

Neću opisivati ​​svako dugme, jer... Većina ih je prevedena na ruski i svako od vas će moći da ih shvati sam. Jedina stvar koju treba spomenuti je njihova implementacija na blogu.

Da bi se određeno dugme prikazalo na radnom panelu vizuelnog uređivača, samo označite polje pored željenog dugmeta u koloni „Omogući“. Osim toga, dodatak vam nudi da sami odaberete lokaciju dugmadi, što se može učiniti u stupcu "Odabir reda":

Kao što ste verovatno primetili, svi tasteri u panelu za uređivanje nalaze se u dva reda, ali zahvaljujući Ultimate tinyMCE možete povećati broj redaka na četiri, ali ne više. Ovo je olakšano vrijednošću “ROW”, što znači “Row”.

Prema zadanim postavkama, svaka stavka je postavljena na “ROW 1”. Ako sve ostavite nepromijenjeno, funkcija u obliku gumba nastavit će prvi red panela vizualnog uređivača i pojavit će se na samom kraju, nakon svih standardnih funkcija.

Ako sa liste izaberete, na primer, vrednost „RED 3“, dugme sa funkcijom će se pomeriti u treći red. Mislim da je jasno! Nakon što sam aktivirao sve dodatne funkcije (izbrojao sam 53) i raspršio ih po linijama, dobio sam ovu sliku:

Impresivno, zar ne? I zaboravio sam napomenuti da kada dodajete ili uklanjate bilo koju funkciju, ne zaboravite da kliknete na dugme „Opcije dugmeta za ažuriranje“ na samom dnu dodatka da biste sačuvali podešavanja.

Kako proširiti funkcionalnost WordPress vizualnog uređivača pomoću koda

Dakle, koje funkcije možete dodati pomoću koda i kako to učiniti?

1. Možete dodati “Font Family”, tj. možete odabrati font koji vam je potreban sa liste i napisati cijeli post ili kratak odlomak s njim. Da biste implementirali ovu funkciju, otvorite datoteku functions.php za uređivanje (putanja do datoteke: /wp-content/themes/naziv teme (template)/functions.php).

Pažnja: prije uređivanja datoteke functions.php, obavezno to učinite kako biste izbjegli pogrešne radnje!

Nakon otvaranja datoteke, pronađite oznaku na samom kraju: ?> i neposredno prije njega ubacite ovaj kod:

add_filter("mce_buttons_2" , "add_fontselect_row_2") ; funkcija add_fontselect_row_2( $mce_buttons) ( $pastetext = array_search ( "pastetext" , $mce_buttons ) ; $pasteword = array_search ( "pasteword" , $mce_buttons ) ; $removeformat = "removeformat array, $oveseformat" (remove_buttons) ( $mce_buttons [ $pastetext ] ) ; poništeno ( $mce_buttons [ $pasteword ] ) ; poništeno ( $mce_buttons [ $removeformat ] ) ; array_splice ( $mce_buttons , $pastetext , 0 , "fontselect"_ce) ; treba vratiti $mce_file (fontselect) ); _init " , "restrict_font_choices" ) ; funkcija restrict_font_choices ( $initArray ) ( $initArray [ "theme_advanced_fonts" ] = "Andale Mono=andale mono, puta;". "Arial=arial,helvetica,sans-serif;". "Arial Black=arial crna,avangardna;". "Knjiga Antiqua=knjiga antiqua,palatino;". "Comic Sans MS=comic sans ms,sans-serif;". "Novi kurir=novi kurir, kurir;". "Gruzija=gruzija,palatino;" . "Helvetica=helvetica;" . "Uticaj=uticaj, Čikago;" . "Simbol=simbol;" . "Tahoma=tahoma,arial,helvetica,sans-serif;". "Terminal=terminal,monako;" . "Times New Roman = puta novi roman, puta;". "Trebuchet MS=trebuchet ms,geneva;". "Verdana=verdana,geneva;" . "Webdings=webdings;" . "Wingdings=wingings,zapf dingbats". "" ; return $initArray ; )

Sačuvajte datoteku i vratite je u folder teme bloga, zamjenjujući staru.

2. Dodajte dugmad za horizontalni separator, superscript i subscript, veličinu fonta, promjenu stilova i boju pozadine. Da biste to učinili, sve u istoj datoteci functions.php, prije iste oznake?> dodajte sljedeći dio koda:

funkcija add_more_buttons($buttons) ( $buttons = "hr" ; $buttons = "del" ; $buttons = "sub" ; $buttons = "sup" ; $buttons = "fontselect" ; $buttons = "fontsizeselect" ; $ buttons = "cleanup" ; $buttons = "styleselect" ; $buttons = "backcolor" ; return $buttons ; ) add_filter("mce_buttons_3" , "add_more_buttons") ;

Nakon toga, ponovo sačuvajte datoteku i vratite je na server, zamjenjujući stari. Osvježavamo stranicu vizualnim editorom i vidimo šta smo dobili:

To je sve za mene, a sada i vi znate kako dodati funkcionalna dugmad u WordPress editor, čime se proširuju njegove standardne mogućnosti! Želim svima puno sreće! Ćao i vidimo se uskoro!

Kako vam se sviđa članak? Možda znate za druge opcije za poboljšanje standardnih funkcija WordPress vizualnog uređivača? Podijelite ih sa čitaocima bloga kao komentare na ovu objavu.