Froala: Ulepsz swoją platformę dzięki w pełni funkcjonalnemu edytorowi tekstu w formacie WYSIWYG

Froala WYSIWYG Rich Text HTML Editor

Jeśli kiedykolwiek zacząłeś opracowywać platformę, w której potrzebujesz edytora tekstu, który jest tym, co widzisz, jest tym, co dostajesz (WYSISYG), wiesz, jakie to może być trudne. Kiedy pracowałem u dostawcy usług poczty e-mail, zadanie polegające na opracowaniu i przetestowaniu edytora, który pracował nad renderowaniem responsywnego kodu HTML poczty e-mail między klientami, wymagało od programistów kilku wersji do iteracji i poprawienia. To nie jest łatwe.

Edytor tekstu to jeden z tych elementów, które chciałbyś osadzić na platformie, który znacznie poprawia przechwytywane treści, ale nie powinien wymagać miesięcy lub lat rozwoju. Froala Editor to niesamowicie szybki, bogaty edytor tekstu, który jest lekki, dobrze zorganizowany, bezpieczny i łatwy do zintegrowania przez zespół programistów ze wszystkimi popularne frameworki.

Przewodnik po edytorze froala 1

Funkcje projektowania edytora Froala

  • nowoczesny design - ładny, nowoczesny interfejs, który użytkownicy po prostu pokochają.
  • Retina Gotowe - Więcej szczegółów, lepsza estetyka i ostrzejsze czcionki.
  • Motywy - Użyj domyślnego lub ciemnego motywu lub utwórz własny motyw, używając pliku MNIEJSZEGO motywu.
  • Intuicyjny interfejs - Edytor tekstu sformatowanego Froala oferuje pełną funkcjonalność dzięki bardzo intuicyjnemu interfejsowi, który użytkownicy uznają za naturalny w użyciu.
  • Popups - nowe, stylizowane wyskakujące okienka zapewniające niesamowite wrażenia użytkownika.
  • Ikony SVG - własne ikony SVG, skalowalne ikony wektorowe, które wyglądają wspaniale w każdym rozmiarze.
  • Styl niestandardowy - Edytor HTML WYSIWYG jest jedynym, który ma specjalne narzędzie do dostosowywania, które umożliwia zmianę wyglądu i stylu tak, jak chcesz.
  • Niestandardowy pasek narzędzi - Za dużo przycisków? Może nie we właściwej kolejności? Masz pełną kontrolę nad funkcjonalnością paska narzędzi edytora na każdym rozmiarze ekranu.
  • Niestandardowe przez cały czas - Wszystko można dostosować lub wykonać na zamówienie: przyciski, listy rozwijane, wyskakujące okienka, ikony, skróty.
  • Sticky Toolbar - Aby ułatwić edycję, pasek narzędzi edytora WYSIWYG pozostanie na górze ekranu podczas przewijania w dół.
  • Odsunięcie paska narzędzi - Pasek narzędzi edytora tekstu sformatowanego nie musi pokrywać się z nagłówkiem Twojej strony internetowej, wystarczy ustawić dla niego przesunięcie.
  • Pasek narzędzi na dole - Łatwo zmieniaj pozycję paska narzędzi edytora WYSIWYG HTML z góry na dół, jednocześnie korzystając z lepkiego paska narzędzi lub przesunięcia.
  • Pełny ekran - Radzenie sobie z dużą ilością treści wymaga dużej przestrzeni edycyjnej. Przycisk pełnego ekranu rozszerzy obszar edycji na całą przestrzeń strony.
  • Pełna strona - Możliwe jest również pisanie i edycja całej strony HTML. Pomocne w przypadku e-maili, ale nie tylko, użycie znaczników HTML, HEAD, BODY i deklaracji DOCTYPE jest dozwolone.
  • Iframe - Zawartość edytora HTML WYSIWYG można odizolować od reszty strony za pomocą elementu iframe, dzięki czemu nie występują konflikty stylów ani skryptów.

Funkcje wydajnościowe edytora Froala

  • pompatyczność - Sześć razy szybciej niż mgnienie oka, edytor tekstu sformatowanego uruchomi się w mniej niż 40 ms.
  • Lekki - Dzięki spakowanemu gzipowi rdzeniu o wielkości zaledwie 50 KB możesz wprowadzić niesamowite wrażenia z edycji do swojej aplikacji bez utraty szybkości ładowania.
  • Oparte na wtyczkach - Struktura modułowa sprawia, że ​​edytor HTML typu WYSIWYG jest bardziej wydajny, łatwiejszy do zrozumienia, rozszerzenia i utrzymania.
  • Wielu redaktorów na stronie - Jeden czy dziesięciu edytorów tekstu na tej samej stronie? Nie poczujesz różnicy, po prostu ustaw ich inicjalizację po kliknięciu.
  • HTML 5 - Froala Rich Text Editor jest zbudowany z poszanowaniem i korzystaniem ze standardów HTML 5.
  • CSS 3 - Czy jest lepszy sposób na poprawę doświadczenia użytkownika niż użycie CSS 3? Subtelne efekty sprawiają, że edytor jest jeszcze lepszy.

Funkcje Froala Editor Mobile

  • Android i iOS - Testowane i obsługiwane urządzenia z systemem Android i iOS.
  • Zmień rozmiar obrazu - Froala Rich Text Editor to pierwszy edytor HTML WYSIWYG z możliwością zmiany rozmiaru obrazu, który działa nawet na urządzeniach mobilnych.
  • Zmiana rozmiaru wideo - jako pierwsza wprowadziła zmianę rozmiaru filmów, nawet podczas ich odtwarzania. Oczywiście działa też na urządzeniach mobilnych.
  • Responsive design - Treść, którą edytujesz, będzie responsywna. Ich edytor HTML WYSIWYG może obsługiwać zmianę rozmiaru obrazu przy użyciu wartości procentowych.
  • Pasek narzędzi według rozmiaru ekranu - Po raz pierwszy w edytorze tekstu sformatowanego pasek narzędzi można dostosować do każdego rozmiaru ekranu.

Funkcje Froala Editor SEO

  • Czysty HTML - Froala opracowała algorytm, który automatycznie czyści wyjście HTML z ich edytora tekstu sformatowanego. Pisz bez obaw, edytor HTML WYSIWYG generuje bardzo przejrzyste dane wyjściowe, które czekają na przeszukanie przez wyszukiwarki.
  • Obsługa znaczników obrazu Alt - Alternatywny obraz to tekst wyświetlany, jeśli przeglądarka nie może wyświetlić obrazu. Jest to również tekst używany przez wyszukiwarki, więc nie ignoruj ​​go. Alternatywny tekst można ustawić w wyskakującym okienku edycji obrazu.
  • Obsługa tagu tytułu łącza - Chociaż tytuł linku nie ma większego wpływu na SEO, pomaga użytkownikom łatwiej poruszać się po Twojej witrynie. Nie tak ważne, ale dobrze mieć. Ustaw tytuł łącza w wyskakującym okienku łącza.

Funkcje bezpieczeństwa edytora Froala

  • Froala WYSIWYG HTML Editor ma silny mechanizm obrony przed atakami XSS. W większości przypadków nie będziesz musiał się tym martwić, ale nadal zalecamy wykonanie dodatkowych kontroli serwera.

Wraz ze wsparciem wszystkie funkcje HTML, edytor jest przetłumaczony na 34 różne języki, obsługuje RTL z automatycznym wykrywaniem i sprawdzaniem pisowni.

Froala ma nawet plik Wtyczka WordPress aby zintegrować edytor z Twoją witryną WordPress.

Wypróbuj internetowy edytor HTML firmy Froala Pobierz Froala

Co o tym myślisz?

Ta strona używa Akismet do redukcji spamu. Dowiedz się, jak przetwarzane są dane komentarza.