Jump to content
Sign in to follow this  
  • entries
    44
  • comments
    0
  • views
    60210

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

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 Comments


Recommended Comments

There are no comments to display.

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...

Important Information

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.