Kategoria: TinyMCE
TinyMCE – dodawanie walidacji w popupie
Gdy tworzymy popup z ustawieniami dla naszego przycisku w TinyMCE, prawdopodobnie szybko odkryjemy, że przydałaby się jakaś walidacja danych wprowadzanych w polach popupa, aby użytkownik nie mógł wprowadzić błędnych danych. Prosta walidacja danych jest możliwa w łatwy sposób. Podświetlenie błędnie wypełnionych pól także da się zrobić, choć wymaga ono już trochę pracy i paru mniej…
Odpowiedzi na pytania z WordUpa w Krakowie
Na ostatnim WordUpie w Krakowie po mojej prelekcji pojawiło się kilka pytań wartych opisania z odpowiedziami w formie wpisu. Jak dodać do popupa własną logikę? W zasadzie dobór metody zależy od poziomu skomplikowania zawartości popupa i logiki go obsługującej. Jeżeli potrzebujemy zawartości popupa mającej niewiele wspólnego z listą kontrolek to mamy do dyspozycji dwa rozwiązania –…
TinyMCE – zarządzanie stanami przycisków
W poprzednich wpisach pokazałem jak dodawać własne przyciski do edytora TinyMCE oraz wstawić własny kod do edytora. Pora na zagadnienie bardziej złożone – dodawanie własnego formatowania i sprawienie by zachowywało się ono tak jak podstawowe przyciski formatowania dostępne w TinyMCE.
TinyMCE – ukryte przyciski
We wpisie o przycisku styleselect pokazywałem jak włączyć ten domyślnie ukryty przycisk. TinyMCE posiada też wiele innych ukrytych w ten sposób przycisków. W tym wpisie pokażę jak je włączyć.
Tworzenie wtyczek dla TinyMCE 4.* – moja prelekcja z WordUp Wrocław #4
Po raz drugi pojawiłem się we Wrocławiu na WordUpie jako prelegent i tym razem opowiadałem o tworzeniu wtyczek dla TinyMCE 4.*. Prelekcję można znaleźć na SlideShare. Aby prelekcja nie była zbyt długa i nużąca zdecydowałem się wydzielić trzy tematy i stworzyć na ich podstawie wpisy, które stanowią uzupełnienie samej prelekcji: TinyMCE – dodawanie przycisków w…
TinyMCE – dodawanie przycisków w trybie fullscreen
WordPress od dłuższego czasu posiada pełnoekranowy tryb tworzenia wpisów, pozwalający skupić się na pisaniu (w niektórych edytorach taki tryb nazywa się „Zen mode” lub po prostu „Distraction Free”). Warto zatem nauczyć się dodawać własne przyciski do edytora w tym trybie – warto od razu podkreślić, że dodawanie przycisków do edytora w wersji pełnoekranowej rządzi się…
Edytor TinyMCE w sekcji komentarzy
Często pojawia się potrzeba wyświetlenia edytora WYSIWYG zamiast standardowego edytora komentarzy. Na szczęście jest to bardzo łatwe do osiągnięcia – wystarczy drobna modyfikacja pliku functions.php naszego motywu.
Kontrolka styleselect w TinyMCE
Kontrolka styleselect to domyślnie ukryty element edytora TinyMCE, który pozwala na wygodne formatowanie zaznaczonego tekstu. Domyślnie jest ona ukryta ze względu na fakt iż duplikuje funkcjonalność pozostałych przycisków, jednak po pewnych modyfikacjach można ją wykorzystać do własnych celów.
Dodawanie własnych przycisków w edytorze TinyMCE 4.* – Część 2
Wpis ten stanowi rozwinięcie poprzedniego wpisu na temat dodawania własnych przycisków w edytorze TinyMCE po aktualizacji tego edytora jaka nastąpiła w WordPressie 3.9. Większość wpisu powstała na bazie zadawanych mi pytań – jeżeli pojawią się kolejne pytania to zapewne powstanie też trzecia część serii 😉 Spis treści Kod źródłowy przykładów znajduje się na Githubie. Dodawanie…
Dodawanie własnych przycisków w edytorze TinyMCE 4.*
WordPress 3.9 zawiera aktualizację edytora wpisów TinyMCE do wersji 4.*. Oznacza to spore zmiany w API edytora – dlatego postanowiłem opisać dodawanie własnych przycisków do edytora z użyciem nowego API. Spis treści Kod z poniższych przykładów można znaleźć też na Githubie. Deklarowanie nowego przycisku TinyMCE Przycisk z etykietą tekstową Przycisk ze standardową ikonką Przycisk z…