WordPress editor udvidelse plugin. Visuel editor WordPress TinyMCE Advanced, beskrivelse og indstillinger

Interface sprog: engelsk russisk Type: Plugin

WordPress teksteditor er et let at bruge og vigtigt værktøj for alle, hvad enten det er en redaktør eller en webudvikler. Men efterhånden som versionen forbedres tekst editor Med brugererfaring for hver bruger?

WP Smart Editor tilbyder dig og dine kunder egen erfaring arbejde med evnen til at filtrere de tilgængelige værktøjer for hver brugerrolle, eller endda for hver bruger. Derudover er plugin'et udstyret med tidsbesparende værktøjer såsom: table manager, filhåndtering, tilpasset stil og knapeditor, punktlister og et summeringsværktøj.

Brugernes rolle og WordPress profiler. WP Smart Editor tilbyder unikke muligheder for enhver indholdsskaber. Du har mulighed for:

• Opret flere brugerprofiler;
• Vælg et sæt redigeringsværktøjer, der skal anvendes på hver profil;
• Anvend profiler til en eller flere brugere eller brugerroller;
• Eksporter/importer brugerprofiler fra et websted til et andet.

Udvalg af værktøjer. WP Smart Editor kommer med et kraftfuldt sæt redigeringsværktøjer, der er nyttige og tidsbesparende til redigering af indhold, herunder:

• Column Manager: Opret og tilpas kolonnelayout uden at bruge HTML-kode;
• Button manager: design, gem og genbrug dine knapper fra editoren;
• Listeadministrator: Opret dine lister med ikoner, gem og genbrug dem på din hjemmeside;
• Resumé: Opret automatisk indhold med links baseret på indholdets titelstruktur;
• Værktøjstip Manager: Tilføj et AJAX-værktøjstip i dit indhold.

Filhåndtering. Administrer filer som f.eks PDF-filer eller ZIP-filer ved hjælp af standard WordPress media manager. WP Smart Editor indeholder let version kraftfuldt plugin WP-filuploads, så du kan uploade, administrere og opdatere filer.

Table Manager. At lave en tabel i WordPress-editoren kræver kendskab til HTML/CSS, og det er næsten umuligt at administrere tabellen i indholdseditorer. WP Smart Editor inkluderer en letvægtsversion af det kraftfulde WP Table Manager-plugin, der giver dig mulighed for at oprette, administrere og tilpasse tabeller fra din editor, ligesom hvis du brugte Excel.

Særlig HTML stil for brugerne. WP Smart Editor har et særligt værktøj til at skabe brugerdefinerede CSS-stile og give dem til brugerne. Som webdesigner, skab din egen stil iflg WordPress tema, navngiv det og lad indholdseditoren bruge det, når det er nødvendigt.

Skabelon editor. Med skabelonhåndteringsværktøjet kan du gemme dine layouts, alt indhold og HTML-struktur, du har indtastet i din editor, og bruge dem senere på en anden side.

Forbedret kodeeditor. WordPress inkluderer tekst/HTML-visninger som standard i sin editor. Vi har forbedret os HTML version med kodefremhævning ved hjælp af søge/erstat-funktionen, søg efter et ord eller udtryk og tilføj det til alt dit indhold.

WP Smart Editor-plugin'et integreres perfekt med:

En lille person kan meget.

Hej kolleger!

Der er to måder:

1. Installer plugin'et
2. Installation af koden i functions.php filen.

Hvis du ikke er stærk i kendskab til php, html og css stilarter, så er det bedre at bruge klar plugin at udvide mulighederne for WordPress-editoren.

Udvidelse af WordPress-editorens muligheder med et plugin

Ultimativt TinyMCE-plugin

Jeg har brugt Ultimate TinyMCE-pluginet i omkring fire år nu, selvom det har færre downloads end lignende.

Det generer mig ikke, at det ikke er blevet opdateret i mere end to år. Fungerer godt og kommer ikke i konflikt med andre.
Jeg kunne godt lide det, fordi det havde en mulighed, der tillod dig at indsætte tekst på en anden farvebaggrund. Men WordPress krævede, at plugin-ejeren fjernede denne funktion.

Pluginnet er nemt at konfigurere og kræver ikke meget viden. Jeg håber du ved, hvordan du installerer nyt plugin fra wordpress kontrolpanel.

Opsætning af Ultimate TinyMCE plugin

Efter aktivering af plugin'et, i venstre side af konsollen, find fanen "Indstillinger" og klik på "Ultimate TinyMCE".

Vil åbne lang side Med forskellige knapper, ved hjælp af hvilken vi udvider WordPress-editorens muligheder. Skærmbilledet viser kun en del af siden.

Tilføj til visuel indbygget editor WordPress nødvendigt du fungerer og glem ikke at gemme ændringerne.

Jeg viste ikke hele siden, tag et kig selv. Det vigtigste er at lave indstillingerne korrekt. I kolonnen "Aktiver" skal du markere afkrydsningsfeltet ud for den ønskede mulighed, og i kolonnen "Rækkevalg" angives editorrækken. Visuel redaktør WordPress kan kun have fire linjer.

Eksperimenter og vælg placeringen af ​​de tilføjede WordPress-funktioner, der er praktisk for dig.

Hvis den indbyggede standardeditor ser sådan ud:

Så efter at have udvidet funktionerne i WordPress-editoren, vil det se anderledes ud:

Lille MCE Advanced plugin

Dette plugin ligner det forrige, den eneste forskel er, at det har stor mængde installationer og konstante opdateringer.

Du kan installere det fra webstedets adminpanel på fanen "Plugins" ==> "Tilføj nyt".

Aktiver installeret plugin og på fanen "Indstillinger" ==> " TinyMCE Advanced» gå til WordPress editor indstillinger.

(Klik på billederne for at forstørre.)

Alle indstillinger er på russisk. Beslut selv, om du vil aktivere editormenuen eller ej, vælg derefter de muligheder, du har brug for, og indsæt dem i editoren. Den indeholder også fire linjer. Gem dine ændringer, og tjek WordPress-editorforbedringerne.

Nikolai Ivanov var med dig.

SKRIV DINE SPØRGSMÅL I KOMMENTARERNE

Jeg har et lille sæt der roligt kan hedde “ må have"for hver blogger, det vil sige obligatorisk at bruge. Hvis det er muligt, installerer jeg næsten den samme samling på alle mine blogs, hvilket gør arbejdet med systemet mere produktivt, funktionelt og bekvemt for besøgende. Jeg tror, ​​at du i fremtiden vil finde anmeldelser af dem alle på denne blogs sider. Jeg har allerede talt om nogle moduler, men de fleste af dem er endnu ikke kommet. I dag vi taler om avancerede teksteditor TinyMCE Advanced– den ting er meget cool og praktisk.

Generelt i en teksteditor bruger du faktisk mest tid i Wordpress - udgivelse og formatering af tekst, tilføjelse af tags, indsættelse af billeder, nogle gange skal du placere tabeller osv. Generelt er det meget vigtigt at have et funktionelt værktøj af høj kvalitet ved hånden. Standard i wordpress system Den har sin egen editor, men jeg vil stadig anbefale at installere TinyMCE Advanced. Sådan ser det ud i aktion nu i administrationsområdet på WordPress inde-bloggen:

Som du kan se, er der mere end nok ikoner her til alle mulige handlinger. Jeg vil ikke sammenligne den med standarden, da jeg endda har glemt, hvordan den ser ud, vil jeg bare fortælle dig om nogle detaljer i TinyMCE Advanced. På den første linje har vi knapper:

• formatering (fed, kursiv, understreget osv.)
• oprettelse af regulære og nummererede lister, samt indrykninger til tekst
• justering af tekst til kanterne, midten og hele kolonnebredden
• oprette og slette links
• indsættelse af et billede
• css redigering
• oprette citater
• indsætte separatorer i og næste side
• aktivere stavekontrol, finde en linje i teksten
• inklusion fuldskærmstilstand, og også vise ekstra linje funktionstaster til TinyMCE Advanced teksteditor
• den sidste knap er indsat.

Den anden linje er ikke mindre vigtig og indeholder også en række interessante funktioner:

• valg af tekstskrifttype og afsnitsformatering
• indsæt tekst, indsæt fra Word, fjern al formatering
• tilføjelse af et vilkårligt tegn til teksten og udskrivning
• og baggrund, indsættelse af humørikoner (for at vise dem skal du markere afkrydsningsfeltet ud for konverteringselementet i administratorindstillingerne i menuen "Skrivning" tekst tegn for humørikoner i billeder)
• fremhæve tekst som hævet og sænket
• indsættelse af en mediefil
• annullere en handling og genoptage den, redigere attributter og hjælp.

Det tror jeg vil være nok til at forstå det TinyMCE redaktør Advanced er simpelthen super funktionelt. Forresten er dette kun en del af dets muligheder; Jeg vil fortælle dig om andre lidt længere.

Installation og konfiguration af TinyMCE Advanced

Du kan downloade TinyMCE Advanced-teksteditoren fra . Det skal bemærkes, at for forskellige versioner wordpress (2.6, 2.7, 2.8+) skal du bruge din egen distribution. I skrivende stund er den seneste version af plugin 3.2.7.

Standard installation– efter download, pak den ud og upload den til bloggens FTP i mappen wp-content/plugins. Dernæst aktiverer vi TinyMCE Advanced fra admin panelet, hvorefter vi går til menuen “Options” - “TinyMCE Advanced”, hvor du skal konfigurere det. Det sidste trin er at rydde browserens cache.

Inden vi taler om opsætningen, et par flere ord om funktionaliteten af ​​modulet. Ifølge beskrivelsen på den officielle hjemmeside indeholder den så mange som 15 andre plugins: Advanced HR, Advanced Image, Advanced Link, Context Menu, Emotions (Smilies), Dato og Tid, IESpell, Layer, Nonbreaking, Print, Search and Replace, Style, Table, Visual Characters og XHTML Extras. Alt dette kan opnås ved kun at installere én TinyMCE Advanced! Ud over engelsk understøtter pluginnet også nogle andre lokaliseringer (tysk, fransk, italiensk, spansk, russisk osv.). Generelt tvivl brede muligheder der er intet modul.

Opsætning af TinyMCE Advanced gøres i blog-admin-panelet i menupunktet af samme navn. Processen er ikke kompliceret, snarere interessant. På siden vil du se 4 linjer i en teksteditor, hvor du kan placere forskellige funktionstaster:

Kan du se, hvor mange ting der stadig er gemt der? Du bliver selv nødt til at dykke ned i detaljerne, da alle elementerne er mærkede og ret klare. Jeg ville nok fremhæve en separat blok med funktioner til at arbejde med tabeller - det vil give dig mulighed for hurtigt og nemt at oprette og ændre dem i teksten. Du kan også importere en brugerdefineret editor til TinyMCE Advanced css fil stilarter - kan også være nyttige. Generelt er modulet, som jeg sagde helt fra begyndelsen af ​​indlægget, et must have!

Tilføjelser til TinyMCE Advanced

Der er et par artikler på bloggen, der taler om at udvide mulighederne for plugin:

• ved hjælp af TinyMCE Color Grid-modulet og mere. denne beslutning opretter en heftig farvepalet i editoren + tilføjer en mere nyttig funktion. Også i artiklen finder du et hack til functions.php, som giver dig mulighed for at udskifte basisfarverne i TinyMCE Advanced med dine egne.
• - Jeg overvejer opgaven med at installere nyt brugerdefinerede skrifttyper i TinyMCE Advanced, samt tilføjelse Google skrifttyper igennem almindelig CSS stilarter.

Jeg tror, ​​at disse noter vil være nyttige for dig i dit arbejde. Hvis du har spørgsmål, så spørg dem i kommentarerne.

Hej alle!. I dag vil vi tale om det sted, hvor du vil tilbringe stor mængde tid til at blogge. Dette sted - ! Det er jo i den, du vil skrive nye indlæg og publicere dem på din blog. WordPress tilbyder to versioner af editoren - visuel og tekst. Lad os se på funktionerne i hver af dem og lære, hvordan du tilføjer ny funktionalitet.

WordPress Visual Editor og Ultimate TinyMCE Plugin

WordPress visuelle editor ligner i udseende og Word funktioner, som næsten alle kender. Desværre er dens funktionalitet som standard meget dårlig, hvilket væsentligt begrænser dine tekstformateringsmuligheder. Dette problem Fremragende løsning er Ultimate TinyMCE plugin, som tilføjer et stort antal af alle slags nye knapper.

Pluginnet er installeret som standard - download Ultimate TinyMCE, pak arkivet ud og upload mappen med plugin-filerne til serveren i mappen wp-content/plugins. Aktiver og gå til dens indstillinger i afsnittet "Valgmuligheder" - "Ultimate TinyMCE".

Som standard er alle knapper i WordPress visuelle editor arrangeret i to rækker. Brug knappen "Vis/skjul" for at få vist den anden række ekstra panel" Du kan gætte funktionaliteten af ​​hver knap ved ikonet på den eller ved værktøjstip, der vises, når du holder musen over den. Ultimate TinyMCE tilføjer omkring 40 flere nye funktioner og to ekstra rækker af knapper.

Faktisk koger alle Ultimate TinyMCE-indstillingerne ned til at markere de knapper, hvis funktionalitet du har brug for, og at vælge en række for dem. Beskrivelse i indstillinger engelsk sprog, men efter at have tilføjet dem til editoren, vil tipsene være på russisk. Selvom du i de fleste tilfælde kan finde ud af det uden nogen som helst antydninger.

Lad os kun overveje yderligere muligheder, som er præsenteret helt nederst i indstillingerne:

Skift farven på editoren— ændrer farven på blokken med knapper i WordPress visuelle editor.

Aktiver knappen NextPage (PageBreak).- tilføjer NextPage-funktion til .

Tilføj ID-kolonne til side-/indlægsadministratorliste— en ny kolonne tilføjes til WP-admin-siden med lister over alle artikler og indlæg, som angiver ID'et for hvert blogindlæg/-side. Du kan læse.

Tillad brug af kortkode i widgettekstområder— giver dig mulighed for at bruge en "kort kode" i "Tekst"-widgetten. Shortcode er designet til hurtigt at tilføje kode, NextGEN Galleri, og andre plugins i sideteksten.

Brug PHP Text Widget - giver dig mulighed for at bruge php kode V . Koden fortolkes og resultatet af dens arbejde vises på blogsiden.

Aktiver kortkode for linjeskift - tilføjer til " Korte koder» Break tag, som er beregnet til at blive tilføjet tom linje ind i teksten.

Aktiver kolonnekortkoder - tilføjer til "Short Codes" et stort antal af tags, der er ansvarlige for at danne tekstkolonner.

Aktiver knappen Avanceret indsæt/rediger link— tilføjer en avanceret mulighed for at indsætte/redigere links.

Aktiver "Div Clear"-knapper - tilføjer Div Clear både, venstre og højre knapper designet til at annullere elementets float, som indstilles ved hjælp af float-egenskaben.

Fjern p- og br-tags - deaktiverer den automatiske indsættelse af tags p (afsnit) og br (linjeskift). Hvis du ikke ønsker at angive p-tagget manuelt for hvert afsnit, er det bedre ikke at røre ved denne mulighed.

Tilføj en Signoff Shortcode - du kan indstille en ofte brugt sætning og indsætte den i artikler ved hjælp af Signoff-tagget fra Shortcode.

WordPress teksteditor og Post Editor-knapper og AddQuicktag-plugins

Mange mennesker anser koden, der er oprettet i WordPress visuelle editor, for at være beskidt, det vil sige, at den indeholder unødvendige tags og stilarter, der korrekt skal flyttes til stilfilen i det anvendte WP-tema. Giver dig mere kontrol over din kode tekstversion WordPress editor. Der er alle tags indsat manuelt, med undtagelse af afsnit (p) og linjeskift (br) tags, de tilføjes automatisk.

Alt er godt, men igen er der ikke nok funktionalitet. For at løse dette problem kan du bruge plugin'et Post Editor Buttons.

Download den seneste version af Post Editor Buttons. Pluginnet er installeret som standard. Plugin-indstillingerne er placeret under "Parameters" - "Post Editor Buttons".

Alt er meget simpelt der:

• Billedtekst — navnet på den knap, vi tilføjer;
• Før - åbningsmærke;
• Efter - afsluttende tag;
• Slet - slet.

Undskyld, på min blog Indlægsredigeringsknapper virker ikke. De knapper, der er oprettet i den, tilføjes simpelthen ikke. Var et fremragende alternativ AddQuicktag plugin.

Download den seneste version af AddQuicktag. Pluginnet er installeret som standard, dets indstillinger er placeret i afsnittet "Indstillinger" med samme navn - "AddQuicktag". Tilføjet fire nye indstillingskolonner, som jeg ikke engang bruger.

De vigtigste er stadig de samme:

• Knap Label - navn;
• Start Tag(er) - åbningstag;
• Sluttag(er) - afsluttende tag.

Tak for din opmærksomhed! Det er alt. Pas på dig selv.

Hej alle!

I dag vil jeg fortælle dig om Ultimate tinyMCE-plugin'et, som giver dig mulighed for at udvide funktionerne i standard WordPress visuelle editor betydeligt.

Ved at bruge Ultimate tinyMCE-plugin'et kan du vælge den passende tekstskrifttype, angive dens dimensioner og behandle billeder og videoer mere funktionelt.

Når du skriver artiklen, læg ind på de rigtige steder forskellige humørikoner og meget mere. Og selvom du ikke er tilhænger af unødvendige plugins, så vil artiklen i dette tilfælde være nyttig for dig, fordi i den vil jeg vise, hvordan man implementerer nogle af funktionerne ved hjælp af almindelige koder.

Så lad os begynde! Alle der arbejder med wordpress motor, ved de godt, hvordan arbejdspanelet i en standard visuel editor ser ud:

Det omfatter minimum sæt funktioner, der giver webmastere mulighed for at skrive og udgive brugbart materiale på din blog. Personligt er jeg ret tilfreds med standardsættet af funktioner i WordPress-editoren, men ikke alle er tilfredse med det og foretrækker at bruge andre editorer eller programmer.

Ultimativt TinyMCE-plugin. Forbedring af WordPress visuelle editor

Du kan downloade Ultimate TinyMCE plugin. Installer det derefter på din blog og aktiver det. For dem, der ikke ved, hvordan plugins installeres, . Efter installation og aktivering af plugin, administrativt panel en ekstra Ultimate TinyMCE-fane vises på din ressource:

Ved at gå til fanen, vil du se en imponerende liste over forskellige knapper, som hver har specifik funktion. Nu kan du opgradere din visuelle editor med enhver af de manglende funktioner, der er til stede i pluginnet.

Jeg vil ikke beskrive hver knap, fordi... De fleste af dem er oversat til russisk, og hver af jer vil være i stand til at finde ud af dem på egen hånd. Det eneste der er værd at nævne er deres implementering på bloggen.

For at en bestemt knap skal vises i arbejdspanel visuel editor, nok i kolonnen "Aktiver" modsat den ønskede knap marker afkrydsningsfeltet. Derudover giver plugin'et dig mulighed for selv at vælge placeringen af ​​knapperne, hvilket kan gøres i kolonnen "Rækkevalg":

Som du sikkert har bemærket, er alle knapperne i editorpanelet placeret i to linjer, men takket være Ultimate tinyMCE kan du øge antallet af linjer til fire, men ikke mere. Dette lettes af værdien "ROW", som betyder "Row".

Som standard er hvert element indstillet til "RÆKKE 1". Hvis du lader alt være uændret, vil funktionen i form af en knap fortsætte den første linje i det visuelle redigeringspanel og vises til allersidst. standard funktioner.

Vælger du f.eks. værdien "RÆKKE 3" fra listen, flyttes knappen med funktionen til tredje linje. Jeg synes det er klart! Aktiverer alt ekstra funktioner(Jeg talte 53) og spredte dem langs linjerne, fik jeg dette billede:

Imponerende, ikke? Og jeg glemte at nævne, at når du tilføjer eller fjerner en funktion, så glem ikke at klikke på knappen "Opdater knapper" helt nederst i plugin'et for at gemme indstillingerne.

Sådan udvider du funktionaliteten af ​​WordPress visuelle editor ved hjælp af kode

Så hvilke funktioner kan du tilføje ved hjælp af kode, og hvordan gør du det?

1. Du kan tilføje “Font Family”, dvs. du kan vælge den skrifttype, du skal bruge, fra listen og skrive et helt indlæg eller et kort uddrag med det. For at implementere denne funktion skal du åbne filen functions.php til redigering (sti til fil: /wp-content/themes/navn på temaet (skabelon)/functions.php).

Bemærk: før du redigerer filen functions.php, skal du sørge for at gøre det for at undgå forkerte handlinger!

Når du har åbnet filen, skal du finde tagget til sidst: ?> og umiddelbart før den indsæt denne kode:

add_filter("mce_buttons_2" , "add_fontselect_row_2" ); function add_fontselect_row_2( $mce_buttons ) ( $pastetext = array_search ( "pastetext" , $mce_buttons ); $pasteword = array_search ( "pasteword" , $mce_buttons ) ; $removeformat = array_search_button ($fjern) s [ $pastetext ] ); unset ( $mce_buttons [ $pasteword ] ) ; unset ( $mce_buttons [ $removeformat ] ) ; array_splice ( $mce_buttons , $pastetext , 0 , "fontselect" ) ; returner $mce_buttons(tin_beit) _tilføj $mce_foreit " , "restrict_font_choices" ); funktion restrict_font_choices( $initArray ) ( $initArray [ "theme_advanced_fonts" ] = "Andale Mono=andale mono, gange;". "Arial=arial,helvetica,sans-serif;". "Arial Black=arial black, avant garde;". "Book Antiqua=bog antiqua, palatino;". "Comic Sans MS=comic sans ms,sans-serif;". "Courier New=courier new,courier;". "Georgia=georgia,palatino;" . "Helvetica=helvetica;" . "Impact=påvirkning, chicago;" . "Symbol=symbol;" . "Tahoma=tahoma, arial, helvetica, sans-serif;". "Terminal=terminal,monaco;" . "Times New Roman = Times New Roman, Times;". "Trebuchet MS=trebuchet ms,geneve;". "Verdana=verdana,geneve;" . "Webdings=webdinger;" . "Wingdings=wingdings, zapf dingbats". "" ; returner $initArray ; )

Gem filen og flyt den tilbage til din blogtema-mappe, og erstatte den gamle.

2. Tilføj knapper til vandret separator, hævet og sænket skrift, skriftstørrelse, ændring af stilarter og baggrundsfarve. For at gøre dette skal du alle i den samme functions.php-fil, før det samme tag?> tilføje følgende stykke kode:

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

Gem derefter filen igen og flyt den tilbage til serveren, og erstatte den gamle. Vi opdaterer siden med den visuelle editor og ser, hvad vi har fået:

Det er alt for mig, og nu ved du også, hvordan du tilføjer funktionsknapper ind i WordPress-editoren og derved udvide den standard funktioner! Jeg ønsker alle held og lykke! Farvel og vi ses snart!

Hvordan kan du lide artiklen? Måske kender du til andre muligheder for at forbedre standardfunktionerne i WordPress visuelle editor? Del dem med bloglæsere som kommentarer til dette indlæg.