Froala Editor

WYSIWYG są nieporęczne kawałki kodu, które pozwalają użytkownikom na formatowanie tekstu wewnątrz przeglądarek jak oni zrobić z oprogramowania komputerowego, takich jak Word czy OpenOffice.

Większość z nich działa poprzez przekształcenie prostego textarea w pełni rozwinięty sekcji formatowania tekstu, z dużą ilością pasków narzędzi i przycisków do stylu zawartego tekstu.

Innym sposobem dodawania RTE do strony jest umożliwienie użytkownikom, aby zaznaczyć tekst, a następnie pokazać okienko z formatowania kontrolek obok niej.

Oba sposoby są świetne, ale kilka edytorów WYSIWYG zapewniają obie te opcje edycji, skupiając się tylko na jedną z tych doświadczeń edycji.

Froala Editor zapewnia solidną edytora WYSIWYG, pracując dla obu wspomnianych doświadczeń edycji, ale oferuje również całkiem solidne codebase kody zgodnie z najnowszymi standardami i najlepszymi praktykami branżowymi.

Froala Editor jest jednym z niewielu na całym RTEs z obsługą telefonii komórkowej i Retina, dzięki czemu idealnie nadaje się do wykorzystania również na urządzeniach mobilnych również.

Z wykorzystaniem czcionki ikon FontAwesome przycisków edytora, Froala zmniejsza również żądania HTTP podczas ładowania edytora, poprawa czasu ładowania strony i zapewnia o wiele łatwiejsze do stylu edytor interfejsu użytkownika.

Wszystko wewnątrz pasków narzędzi edycyjnych Froala jest wymienny, deweloperzy są w stanie włączyć przyciski i funkcje włączyć lub wyłączyć, lub przenieść je wokół pozycjom niestandardowych, jak uważają za stosowne.

W sumie Edytor Froala jest bardzo dobrze zrobione rozwiązaniem WYSIWYG, z dużą ilością opcji dostosowywania, dokumentacja i pokazy włączone.

Froala Editor jest dostępny na podwójnej modelu licencjonowania. Darmowa wersja jest dostępne projekty osobiste i niekomercyjne Creative Commons Attribution-NoDerivatives 4.0 Międzynarodowe prawo, a do użytku komercyjnego, różne płatnego licencje są dostępne, w zależności od pożądanych wymagań użytkowania. Koniecznie przeczytaj umowę licencyjną, a nie mieszają się

Co nowego w tej wersji.

Nowością w Froala Editor 1.2.7 (14 maja 2015)

Co nowego w wersji 2.1.0:

• Dodaj pluginsEnabled rozwiązaniem.
• Dodaj plugin obiekt do poleceń.
• Dodaj opcją emoticonsUseImage.
• ce. Uwagi: // za linki
• Dodaj szybki wtyczki wstawiania.
• Podgląd obrazu podczas przesyłania.
• Dodaj Tabela wkładka pomocnika.
• Redesign ikona wyłącznika linii.

Co nowego w wersji 1.2.7.

• Dodaj wydarzenie beforeUploadPastedImage
• nie są simpleTags. Poprawa czyszczenia allowedAttrs.
• Czyste HTML, który znajduje się wewnątrz pola tekstowego przed dodaniem go do elementu.
• Dodaj opcję doNotJoinTags.
• Kolory plugin został poprawiony.
• Dodaj opcję linkAttributes.
• Pomóż imageAltSet, imageFloatedLeft, imageFloatedNone i imageFloatedRight wydarzenia.
• Dodaj podmioty wtyczki.
• Dodaj odpowiedź przypadku fileUploaded.
• Dodaj afterImageUpload i afterFileUpload wydarzenia.
• Wymień node.children z node.childNodes.
• Pomóż imageResize i imageResizeEnd wydarzenia.
• Dodaj saveParam.
• Zezwalaj wpisać w RTL lub LTR zależności od rodzaju klawiatury.
• Pomóż tłumaczenie duński.
• Pomóż wklejanie.
• Dodaj afterPasteCleanup zdarzenia.
• Tekst wewnątrz związku nie jest odkażane już
• Opcja Dodaj iconClasses.
• Dodaj opcję useFileName.
• Dodaj tłumaczenie estoński.

Co nowego w wersji 1.2.6.

• odzwierciedlają w interfejsie stan Wyłącz
• zastępczy nie ma już kursywa styl.
• Wartość domyślna linkAutoPrefix jest pusty łańcuch zamiast false.
• pop-upy są zamknięte, gdy okno jest zmieniany.
• Wprowadź ma już kopiując styl poprzedniego elementu blokowego.
• Możliwość podglądu wideo we wszystkich przeglądarkach.
• Sprawdź TAB testując charCode zamiast samego łańcucha.
• Pomóż rosyjskie tłumaczenie.

Co nowego w wersji 1.2.5.

• Poprawa ogólnej pisać, gdy opcja paragraphy jest fałszywa
• Dodaj opcję linkAutoPrefix.
• Poprawa algorytm czyszczenia
• Prześlij wyskakujące okienka wciskającENTER.
• Zamknij wyskakujące okienka podczas naciśnięcia ESC.
• Dodaj defaultTag jako eksperymentalna.
• tag styl nie jest już dozwolone w celu zapobiegania XSS.
• Tekst jest ustawieniem domyślnym w rozwijanym kolorów.
• Dodaj opcję foreColors.
• Dodaj opcję backColors.
• Dodaj opcję defaultColorOption.
• Dodaj opcję backColorsDisabled.
• Dodaj opcję foreColorsDisabled.
• Pomóż zwykły pasty.
• Pomóż radzenia sobie tekst w edytorze.
• fr-tag nie dodaje domyślnie. useFrTag powinien być używany.
• Impreza editable.imageInserted ma jeszcze jeden param, odpowiedź, która zawiera nieprzetworzone odpowiedzi z serwera
• Extra & # x3c; p & # X3E; Znaczniki nie są już dodane elementów listy.
• Dodaj opcję customImageButtons.
• Dodaj opcji showNextToCursor.
• Dodaj opcją multilinii.
• Dodaj pliki, przeciągnij i upuść bezpośrednio w edytorze.
• Zamień Ctrl + F skrótu Ctrl + E.
• Pomóż URL dezynfekujący.
• Dodaj adresy URL wtyczki, która automatycznie konwertuje adresy URL.
• Dodaj wtyczki pełnoekranowy.
• Podstawowa obsługa iframe.
• Dodaj języka ukraińskiego.
• Pomóż języka norweskiego.
• Dodaj opcję scrollableContainer.
• Dodaj opcję defaultImageAlignment.
• Dodaj opcję defaultVideoAlignment.
• Pomóż cofania / powtarzania zapisywania wyników
• allowedEmptyTags znaczników nie jest już dostępny.
• allowedBlankTags powinny być wykorzystywane w celu umożliwienia pusty znacznik, który nie posiada żadnych atrybutów.
• Dodaj inline_styles wtyczki.
• Dodaj opcję useClasses.
• Dodaj opcje obrazu do wyświetlania jako inline lub złamać tekst.
• Ładowarki zmienić obrazek projekt.
• Przycisk Dodaj align na obrazie jako menu.
• floatImageLeft, floatImageNone i floatImageRight przyciski zostały usunięte. align przycisk powinien być stosowany zamiast.
• Dodaj textNearVideo opcję.

Co nowego w wersji 1.2.3.

• Pomóż wydarzenia mechanizm zarządzających
• Poprawa synchronizacji i cofnąć menedżer.
• Pomóż wklejanie ostrości.

Opcja
• defaultImageWidth jest ignorowana, jeśli jest ustawiony na 0.
• Dodaj metodę setDirty.
• Opcja blockTags akceptuje więcej tagów teraz.
• Pomóż wklejanie programu Word.
• Poprawa sposobu insertHTML.
• Pomóż przestawny pasek narzędzi, gdy opcja fixedToolbar jest fałszywe.
• Kliknij przycisk Poprawa doświadczenie na urządzeniach mobilnych.

Co nowego w wersji 1.2.2.

• Dodaj plugin char_counter
• Lista Przegląd allowedAttributes.
• Lista Przegląd allowedTags.
• Dodaj opcję beautifyCode.
• Dodaj onPaste zdarzenia.
• Dodaj szczegółową kontrolę na skróty. Opcję shortcutsAvailable
• Dodaj opcję convertEmailAddresses.
• Pomóż UX do wstawiania linku.
• Dodaj wydarzenie badLink.
• Wklej udoskonalenia we wszystkich przeglądarkach
• Przenoszenie obrazów obecnie pracuje w IE też.
• Dodaj opcję pasteImage.
• Pomóż czyszczenie.
• Dodaj królewską tematu.
• Dodaj opcje odświeżania i refreshOnShow niestandardowych rozwijanego menu.
• Dodaj opcję odświeżania dla niestandardowych przycisków.
• Pokaż ładowarki, gdy obraz jest włożona przez link.
• Dodaj videoAllowedAttributes i videoAllowedTags.
• Zezwalaj cofania / powtarzania bez przycisków.
• Dodaj opcję imageTitle.

Co nowego w wersji 1.2.0.

• Nowy algorytm do pracy z listami
• zagnieżdżone listy.
• Listy są teraz plugin.
• Obsługa plików.
• Poprawa czytelności kodu.
• przycisk Dodaj, aby usunąć kolor tła.
• przycisk Dodaj, aby usunąć kolor tekstu.
• Ulepszenia w pliku motywu.
• Dodaj czerwony motyw.
• Dodaj szary motyw.
• Dodaj link, gdy nie ma zaznaczonego tekstu.

Co nowego w wersji 1.1.9:

• Poprawiono błędy:
• wklej Słowo.
• Zacznij fontSize w przeglądarkach WebKit.
• Poprawki chemiczna RegEx.
• Strona migotanie na pastę.
• Pozycja kursora na paście w przeglądarkach WebKit.

Co nowego w wersji 1.1.7:

• Zapisz / Przywróć zaznaczenie pracuje dla wielu zakresów <. / li>

Co nowego w wersji 1.1.6.

• Stoły
• Wstaw film wideo przez URL.
• poprawa szybkości.
• Dodaj wsparcie dla IE8.
• Poprawa wsparcia Android.
• Poprawa popup pozycjonowanie mobilnego.
• Dodaj opcję simpleAmpersand.
• Dodaj opcję IMAGELINK.
• Ulepszenia w języku niemieckim.
• Beautifier stosowany jest jako osobny lib i nie jest już dostępna domyślnie.
• Dodaj opcją maxheight.
• Domyślnie nie jest już dostępna jako domyślne, ale opcje mogą być przełączane.
• inverseSkin zastępuje opcji rozrywki.
• plik Motyw CSS.
• Pomóż HTML.
• Pomóż włoskie tłumaczenie języka.
• Uruchom w kolorze / rozmiarze czcionki.
• Pozwala użytkownikowi na powrót błąd z serwera dla obrazu.
• Wymień niewidoczną przestrzeń z tagiem BR.
• Pomóż tłumaczenie francuskiej.
• Dodaj opcję saveRequestType.
• oddzwaniania z obrazów uzyskać obiekt jQuery jako parametr zamiast src.
• Czyste HTML z wyrażeń regularnych zamiast kodu jQuery.
• Edytor może być inicjowany na obrazek.
• Edytor może być inicjowany na link.
• Możliwość edytowania tekstu z elementu DOM w miniaturze.
• Podaj domyślną listę linków do wyboru.
• Dodaj opcję Otwórz link na innej karcie.
• Dodaj opcję disableRightClick.
• Dodaj opcję blockStylesToggle.
• Dodaj opcją trackScroll.
• Dodaj opcję unlinkButton.

Co nowego w wersji 1.1.5.

• Dodaj Metoda ostrości
• Pokaż edytor kliknięcia prawym przyciskiem myszy.
• Edytor mogą być inicjowane na obrazek.
• Opcja imageUploadToS3 przesłać do Amazon S3.
• Opcja ImageUpload wyłączyć przesyłanie obrazu.
• Opcja customDropdowns dostosować listy rozwijanej.
• Komenda blockStyle ustawić niestandardowe blockStyle.

Opcja
• blockStyles ustawić konkretne blockStyles.
• Opcja defaultBlockStyle ustawienie domyślne dostępne style bloku.
• Pomóż zniszczyć metody.
• Poprawa wsparcia zastępczy.
• Pomóż tryb kodowania.
• Pomóż nową linię w kodzie i cytowaniach.
• Ustaw menedżer mediów zawsze spodziewać JSON, a nie tekst.
• Aktualizacja FontAwesome 4.1.0.
• Wymień pkt ikony.
• Zastąp kolor ikony.
• Przycisk Dodaj fontFamily w pasku narzędzi.
• Przycisk Dodaj blockStyle w pasku narzędzi.
• Dodaj przycisk HTML powrotem w pasku narzędzi.
• Zezwalaj na adresy zaczynające się od # i /.
• Sync, gdy obraz jest odrzucany.

Co nowego w wersji 1.1.4.

• Przenieś writeVideo do własnej metody
• Poprawa wsparcia owijania.
• Poprawa sposobu getHTML.
• Poprawa formatowania bloku.
• Ustawianie koloru tła będzie uwzględniać rodziców też.
• Poprawa wsparcia contentChangedCallback.
• Usuń znaki niewidoczne podczas zapisywania HTML.
• Dodaj metodę isActive aby sprawdzić, czy polecenie jest aktywne.
• Poprawa cofnąć mechanizmów.
• Manager Marketing dla obrazów.
• Dodaj opcję zIndex.
• Minimum dla autosaveInterval została zmieniona na 100.
• Poprawa wsparcia XSS.
• Poprawa sposobu insertHTML.
• saveURL nie jest już wymagane do uruchomienia uratować.
• Dodaj ograniczenie obrazu za pomocą opcji allowedImageTypes.
• Ctrl + Backspace jest cięcie tekst.
• CTRL +] w wcięcia tekstu.
• CTRL + [jest outdenting tekst.
• CTRL + & quot; formatowania tekstu jako cytatu.
• CTRL + & # x5c; formatuje tekst jako kod.
• Synchronizacja przed postaci zgłaszającej.
• Usuń obraz trafiając usuwać, gdy jest zaznaczona.
• wciskającENTER, gdy obraz jest wybieranie jest uzyskanie go w dół.
• Opcja maxImageSize ograniczyć rozmiar obrazu przed przesłaniem.
• Dodaj defaultImageWidth opcję, aby ustawić rozmiar obrazu przy wstawianiu.
• afterRemoveImageCallback jest teraz uzyskanie src obrazu jako param.
• Obraz usunięcia kontrolę poprawie.
• Polecenie Linia pozioma.
• Wsparcie rodziny czcionki.

Co nowego w wersji 1.1.3.

• znaczniki niestandardowe z HTML nie są już usuwane
• minHeight rozwiązaniem.
• Metoda removeFormat.
• Obraz jest wstawiany gdzie jest kursor.
• Cofnij zachowuje pozycję kursora i wyboru.
• & quot; Poczekaj & quot; Komunikat podczas przesyłania obrazu.

Co nowego w wersji 1.1.2:

• Dodane:
• Opcja textNearImage.

Opcja
• imageButtons.
• Opcja alwaysVisible.
• Opcja nofollow.
• Opcja alwaysBlank.
• Opcja plainPaste.
• Ikony rozwiązaniem.
• oddzwaniania do wklejenia.
• getText () metody.

Co nowego w wersji 1.1.0.

• Dodano wsparcie języków (28 języków)
• Inverse kolory skóry.
• Blockquote ma cytat na początku.
• Dodatkowe parametry do żądania przesyłania obrazu.
• Dodatkowe parametry, aby zapisać żądania.
• Obsługa wideo.
• przyciski niestandardowe w pasku narzędzi.
• Opcja Paragraphy.

Co nowego w wersji 1.0.6.

• 11 Poprawa wsparcia dla IE edytora inline
• zastępczy działa jak zastępczy z HTML5.
• Zezwalaj na ruch w edytorze obrazu poprzez ustawienie opcji imageMove.
• Dodaj przycisk Zapisz.
• podpowiedzi i tekst wiadomości mogą być dostosowane poprzez opcję customText.
• Toolbar mogą przebywać na górze lub przenieść wraz z przewijaniem.
• Opcja rozebrać & # x3c; script & # x3e; tag.

Co nowego w wersji 1.0.5:

• popup Obraz pozostaje aktywne po kliknięciu przycisku z go.
• Poprawa wsparcia listy.
• Oczyszczanie po link / odłączyć.
• Edytor dostaje aktywne po zwolnieniu myszy poza nim i nie ma wyboru.
• Aktualizuj styl zastępczy.
• Metoda Gethtml sprząta zwrócony HTML.

Co nowego w wersji 1.0.4.

• Pomóż dotykowy wsparcie
• Problemy z wykazu.
• zakładka Uderzanie wstawi 4 spacje.
• Wyłącz przeciąganie obrazu w celu uniknięcia utraty formatowania tekstu.

Co nowego w wersji 1.0.3:

• przesyłanie obrazu na http://uploads.im .

Wymagania :

• włączona obsługa JavaScript po stronie klienta
• jQuery 1.10.2 lub wyższej