Skocz do zawartości

Centrum IP.Board

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

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

Spanner

1190 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

×

Ważne informacje

Kontynuując przeglądanie strony, wyrażasz zgodę na używanie przez nas plików cookies.