Skocz do zawartości
  • Zarejestruj się

Centrum IP.Board

Zaloguj się, aby obserwować  
  • wpisy
    44
  • komentarzy
    0
  • wyświetleń
    58235

IP.Board 4 - Edytor - Część 1: Treść

Spanner

1540 wyświetleń

Wprowadzenie

Edytor postów jest bez wątpienia jedną z najczęściej używanych funkcji w IP.Board, ponieważ dzięki niemu użytkownicy mogą dodawać nowe wpisy na forum. Funkcje edytora ewoluowały wraz z rozwojem forum z prostego okna tekstowego, w które użytkownicy mogli wpisywać BBCody do edytora typu WYSIWG (What You See Is What You Get)

W IP.Board 4 postanowiono skupić się na tym, aby edytor był tak dobry jak to możliwe: bogaty w funkcje, intuicyjny z punktu widzenia użytkownika i wysoce konfigurowalny.

W cyklu 4 wpisów poświęconych edytorowi opisane zostaną funkcje edytora i pokrewne funkcjonalności (jak emotikony, załączniki, itp, opcje dostosowywania), które będą dostępne w IP.Board 4.

Poniżej przedstawiony jest screen pokazujący jak domyślnie wygląda edytor w wersji desktopowej:

blogentry-108264-0-76894200-1370431713.png

Cytowanie

Funkcją dodaną w IP.Board 3.x było "cytowanie wizualne" - gdy dodawany był cytat w edytorze był on pokazywany tak, jak będzie wyglądał po dodaniu posta, a nie w formie BBCodów.

W IP.Board 4 rozwiązanie to działa w oparciu o CSS3, a nie jak poprzednio przy użyciu JavaScriptu, co czyni funkcjonalność bardziej niezawodną i łatwą w użyciu.

Kody

Przepisany został także sposób wstawiania do edytora kodów, tak aby był bardziej niezawodny.

Dodając kod najpierw wywoływany jest edytor, który obsługuje podświetlanie składni:

blogentry-0-0-25229800-1370444893.png

Po wstawieniu, zobaczysz kod dokładnie tak, jak będzie wyświetlany po wysłaniu, można będzie wchodzić w interakcje z nim tak jak można się tego było spodziewać:

blogentry-0-0-08258200-1370444895.png

Spojlery

Spojlery są teraz również wizualne (choć oczywiście nie są one prawdziwym WYSIWYG), a wbudowana funkcja jest domyślnie włączona.

Po kliknięciu na przycisk spoiler będziesz miał zaciemnione okno, w które należy wpisać treść:

blogentry-0-0-30713900-1370445068.png

Spojlery wyświetlają w temacie takie samo zaciemnione okno z tekstem "Kliknij aby zobaczyć". Po kliknięciu ciemne okno znika, a pojawia się zawartość.

Emotikony

W IP.Board 4 zarządzanie emotikonami zostało całkowicie zmienione. Teraz będziesz mógł utworzyć wiele "grup", zarządzać ich kolejnością metodą "przeciągnij i upuść" oraz wgrywać wiele emotikon jednocześnie.

Zobacz demo

Po kliknięciu w przycisk "emotikony" w edytorze, zobaczysz okienko z przeglądem wszystkich grup. Jeśli Twoje forum używa domyślnych emotikon, to jest na tyle duże, aby pokazać wszystkie emotikony, jednak jeśli chcesz zainstalować wiele emotikon, można wybrać dowolną grupę z rozwijanego menu, aby wyświetlić wszystkie emotikony w tej grupie lub użyj paska wyszukiwania, aby znaleźć konkretną emotikonę.

Ponadto, ostatnio używane emotikony będą pokazane w prawym górnym rogu.

Zobacz demo

Osadzone media

W wersji 3.0 wprowadzony został BBCode Media. Poprzez opakowanie adresu URL mediów w serwisach takich jak YouTube czy Vimeo adres URL był zastępowany w poście w osadzony player. W późniejszej wersji dodana została obsługa automatycznego osadzania, dzięki czemu wystarczy wkleić link a kod zostanie osadzony automatycznie.

W IP.Board 4 działa to tak samo, ale zostały dodane pewne ulepszenia:

Podgląd

Jeśli wpiszesz adres URL do obsługiwanego media w oknie "Link", podgląd będzie wyświetlany w oknie dialogowym - możesz wybrać, czy chcesz wstawić player, czy po prostu regularny link. Jeśli wstawisz player, to pokaże się on bezpośrednio w edytorze.

Zobacz demo

oEmbed

Obecnie adresy URL pobierane są do osadzonego playera, są zarządzane z poziomu panelu administratora. Chodziło o to, żeby pozwolić administratorom dodać wsparcie dla dodatkowej usługi, jednakże powodowało to pewne problemy, np. gdy YouTube zmieni format linków lub zmieni kod HTML w większości społeczności przestanie to działać, dopóki nie zostanie wydana aktualizacja, poprawiająca ten błąd.

oEmbed to API, które pozwala na wykonywanie połączeń do operatora, podając mu adres URL i w odpowiedzi dostajemy najlepszy kod HTML do wykorzystania, jeśli adres URL może być osadzone. W IP.Board 4.0, jeśli wstawiany URL pochodzi z serwisu YouTube, Flickr, Vimeo, College Humor czy Hulu, nawiązywane jest połączenie z oEmbed w celu uzyskania zawsze aktualnego kodu embed.

 



0 komentarzy


Rekomendowane komentarze

Brak komentarzy do wyświetlenia.

Bądź aktywny! Zaloguj się lub utwórz konto

Tylko zarejestrowani użytkownicy mogą komentować zawartość tej strony

Utwórz konto

Zarejestruj nowe konto, to proste!

Zarejestruj nowe konto

Zaloguj się

Posiadasz własne konto? Użyj go!

Zaloguj się
×

Ważne informacje

W celu świadczenie usług przez nasz Serwis na najwyższym poziomie, w ramach Serwisu wykorzystujemy pliki Cookies (tzw. ciasteczka). Korzystając ze stron Serwisu IPSBEYOND.PL bez zmiany ustawień przeglądarki będą one zapisane w pamięci urządzenia. Jeżeli nie dokonacie Państwo zmiany ustawień przeglądarki internetowej to wyrażacie zgodę na zapisywanie plików Cookies.