Derīgi

2011.03.13

Kā papildināt WordPress iebūvēto TinyMCE WYSIWYG redaktoru ar jaunām iespējām neizmantojot WordPress spraudņus. Tabulas pogas pievienošana

Kategorijā: Wordpress

WordPress pēc noklusējuma piedāvā 2 variantus lapu un rakstu rediģēšanai – teksta rakstīšanu HTML kodā un WYSIWYG (What you see is what you get) redaktoru. WordPress WYSIWYG redaktors balstās uz TinyMCE bāzes, kas ir bezmaksas (Open source) Javascript/HTML WYSIWYG redaktors. Savā būtībā WYSIWYG aiztaupa vienkāršiem lietotājiem, sava emuāra vai mājas lapas uzturētājiem, galvassāpes, kuras varētu rasties, mācoties un tad pašrocīgi rakstot mājas lapas saturu HTML kodā. Šāds redaktors ievērojami ietaupa laiku un padara mājas lapas administrēšanu stipri vienkāršāku.

WordPress TinyMCE WYSIWYG jeb vizuālais redaktors pēc noklusējuma ļauj mainīt teksta formatējumu, krāsas, izmērus, piešķirt treknrakstu, slīprakstu, pasvītrojumu, līdzināšanu, sarakstus u.c., kas ir daudz, taču ne vienmēr pietiekoši – pats bieži esmu sastapies ar situāciju, kad ir nepieciešams papildināt WordPress vizuālo redaktoru ar jaunām iespējām, piemēram, tabulu pārvaldīšanu, jo ar roku veidot HTML kodu tabulām nav nekāds aizraujošais pasākums.

Wordpress TinyMCE vizuālais redaktors pēc noklusējuma

Protams, ja pašam nav nekādas vēlēšanās veikt izmaiņas kodā un iedziļināties tehniskākos sīkumos, ir pieejami dažādi WordPress spraudņi, kas papildus iespējas vizuālajam TinyMCE redaktoram pievienos automātiski, piemēram, TinyMCE Advanced.

WordPress vizuālā redaktora papildināšana nav ļoti sarežģīta, taču ir vēlamas vismaz nelielas priekšzināšanas WordPress datu struktūrā, HTML, PHP un Javascript valodās. Lai WordPress vizuālajam TinyMCE redaktoram pievienotu tabulas rediģēšanas iespējas, jāveic sekojošais.

1. Lejupielādējiet TinyMCE jaunāko versiju no oficiālās mājas lapas

2. Atarhivējiet lejupielādēto arhīvu, atveriet tinymce/jscripts/tiny_mce/plugins/ un augšuplādējiet mapi “table” WordPress mapē wp-includes/js/tinymce/plugins/

3. Atveriet datni wp-admin/includes/post.php, atrodiet kodā rindiņu $plugins = array(‘safari’, ‘inlinepopups’, … un tās galā pievienojiet ‘table’. Rezultātā rindiņa izskatās aptuveni šādi:

4. Pēc tam šajā pat datnē atrodiet rindiņu, kura sākas ar $mce_buttons_2 = apply_filters un pievienojiet tās galā “table”, “tablecontrols”. Rezultātā rindiņa izskatās sekojoši:

5. Atveriet wp-includes/js/tinymce/plugins/table/editor_plugin.js datni, nokopējiet visu tajā esošo kodu, atveriet datni wp-includes/js/tinymce/wp-tinymce.js.gz un atrodiet rindiņu pie datnes beigām “// mark as loaded” un virs tās iestarpiniet iepriekš nokopēto kodu.

Atveriet savu WordPress instalāciju administrācijas režīmā un pārliecinieties par veiktajām izmaiņām. Ja neredzat jaunās tabulu pārvaldības pogas, iespējams nepieciešams dzēst pārlūkprogrammas kešatmiņu.

Wordpress TinyMCE ar tabulas rediģēšanas pogām

Pārbaudot TinyMCE vizuālā redaktora tabulas iestatījumu nosaukumus, redzams, ka tie ir grūti saprotami, lai novērstu šo valodas brāķi, nepieciešams veikt vēl dažas papildus darbības.

Wordpress TinyMCE tabulas valodas kļūdas

1. Atveriet datni wp-includes/js/tinymce/langs/wp-langs.php un pirms pēdējās koda rindiņas ievietojiet sekojošo kodu:

 

2. Saglabājiet veiktās izmaiņas un pārliecinieties par rezultātu.

Wordpress TinyMCE tabulas valoda pēc labojumiem

Citi raksti

Tavs viedoklis

 

Jaunākie darbi