Froala Editor

WYSIWYG jsou objemné kusy kódu, které umožňují uživatelům formátování textu uvnitř svých prohlížečů, stejně jako by udělali s desktop software, jako je Word nebo OpenOffice.

Většina z nich pracuje transformací jednoduché textarea do plně foukané části formátování textu, se spoustou panelů nástrojů a tlačítek, která nastavuje styl obsažený text.

Dalším způsobem přidání RTE na stránku je umožnit uživatelům vybrat text a pak zobrazí vyskakovací okno s formátováním ovládacích prvků vedle něj.

Oba způsoby jsou skvělé, ale jen málo WYSIWYG editory poskytují obě tyto možnosti úprav, se zaměřit jen na jednu z těchto editaci zkušeností.

Froala Editor poskytuje solidní WYSIWYG editor, pracuje pro oba výše uvedené editačních zkušeností, ale nabízí také docela solidní codebase, kódované podle nejnovějších standardů a průmyslových osvědčených postupů.

Froala Editor je jedním z mála RTEs kolem s mobilním a sítnice podpory, takže je ideální pro použití v mobilních zařízeních i.

Využití na ikonu FontAwesome písmo tlačítek editora, Froala také snižuje požadavky HTTP při načítání editoru, zlepšení doby načítání stránky a poskytuje mnohem jednodušší styl UI editor.

Vše, co uvnitř editačních panelů nástrojů Froala je zaměnitelný, vývojáři budou moci obrátit tlačítek a funkce zapnout nebo vypnout, nebo je přesunout kolem vlastních postojů, jak uznají za vhodné.

Celkově se Froala Editor je velmi dobře udělaná řešení WYSIWYG, se spoustou možností přizpůsobení, dokumentaci a ukázky hotelu.

Froala Editor je k dispozici v rámci modelu duální licencování. Bezplatná verze je k dispozici osobní i nekomerčních projektů v rámci mezinárodní licencí Creative Commons Attribution-NoDerivatives 4.0, zatímco pro komerční využití, jsou k dispozici různé zaplacena licence, v závislosti na požadovaných požadavků na použití. Nezapomeňte si přečíst licenční smlouvu a nemají zaplést

Co je nového v této verzi:.

Novinkou v Froala Editor 1.2.7 (14. května 2015)

Co je nového ve verzi 2.1.0:

• Přidat pluginsEnabled možnost.
• Přidat Earth vlastnost příkazy.
• Přidat možnost emoticonsUseImage.
• Povolit. Poznámky: // odkazy
• Přidat rychlé vložení zásuvného modulu.
• Náhled obrazu, zatímco nahrávání.
• Vložit tabulku insert pomocníkem.
• Redesign ikona jistič.

Co je nového ve verzi 1.2.7:.

• Přidat beforeUploadPastedImage událost
• Tlačítka nejsou simpleTags. Zlepšit čištění allowedAttrs.
• Čisté HTML, která je nastavena uvnitř textového pole před přidáním do prvku.
• Přidat možnost doNotJoinTags.
• Barvy plugin byla zlepšena.
• Přidat možnost linkAttributes.
• Zlepšit imageAltSet, imageFloatedLeft, imageFloatedNone a imageFloatedRight události.
• Přidat entity Earth.
• Přidat reakci na události fileUploaded.
• Přidat afterImageUpload a afterFileUpload události.
• Nahradit node.children s node.childNodes.
• Zlepšit imageResize a imageResizeEnd události.
• Přidat saveParam.
• Povolit psát v RTL a LTR v závislosti na typu klávesnice.
• Zlepšit dánský překlad.
• Zlepšit vkládání.
• Přidat afterPasteCleanup událost.
• Znění uvnitř odkazu není dezinfikují už
• možnost Přidat iconClasses.
• Přidat možnost useFileName.
• Přidat estonská překladu.

Co je nového ve verzi 1.2.6:.

• odrážet v uživatelském rozhraní zakázat stav
• zástupný symbol má již kurzíva styl.
• Výchozí linkAutoPrefix hodnota je prázdný řetězec namísto false.
• Pop-up okna jsou uzavřeny při změně velikosti okna.
• Enter již není kopíruje styl předchozího bloku prvku.
• Povolit náhled videa ve všech prohlížečích.
• Zkontrolujte TAB testováním charCode namísto samotného řetězce.
• Zlepšit ruský překlad.

Co je nového ve verzi 1.2.5:.

• Zlepšení celkové psát, když volba paragraphy je nepravdivý
• Přidat možnost linkAutoPrefix.
• Zlepšit čistící algoritmus
• Odeslat vyskakovací okna a stisknout tlačítko ENTER.
• Zavřete vyskakovací okna při stisknutí klávesy ESC.
• Přidat defaultTag jako experimentální.
• Style značka již není dovoleno, aby se zabránilo XSS.
• Text je výchozí výběr v barvách rozbalovací nabídce.
• Přidat možnost foreColors.
• Přidat možnost backColors.
• Přidat možnost defaultColorOption.
• Přidat možnost backColorsDisabled.
• Přidat foreColorsDisabled možnost.
• Zlepšit prostý pasty.
• Zlepšení zvládání textu v editoru.
• fr-tag se již ve výchozím nastavení přidán. useFrTag by měl být použit.
• editable.imageInserted událost má ještě jeden param, reakce, který obsahuje nezpracovaný odpověď ze serveru
• Extra & # x3c; p & # x3e; tagy jsou již přidány do seznamu položek.
• Přidat možnost customImageButtons.
• Přidat možnost showNextToCursor.
• Přidat možnost víceřádkového.
• Přidat soubory pomocí drag and drop přímo v editoru.
• Nahradit CTRL + F zkratku Ctrl + E.
• Zlepšit URL Sanitizer.
• Přidat adresy URL plugin, který by automaticky převede URL.
• Přidat celoobrazovkový plugin.
• Základní podpora iframe.
• Přidat ukrajinského jazyka.
• Zlepšit norský jazyk.
• Přidat možnost scrollableContainer.
• Přidat možnost defaultImageAlignment.
• Přidat možnost defaultVideoAlignment.
• Zlepšit undo / redo šetří výkon
• allowedEmptyTags tagy již není k dispozici.
• allowedBlankTags by měly být použity, aby prázdnou značku, která nemají žádné atributy.
• Přidat inline_styles plugin.
• Přidat možnost useClasses.
• Přidat možností obrázků se zobrazí jako vložené nebo zlomit textu.
• Změnit obraz manipulátory designu.
• tlačítko Přidat align pro obrázek jako rozbalovací.
• floatImageLeft, floatImageNone a floatImageRight knoflíky byly odstraněny. sladit tlačítko by měl být používán místo toho.
• Přidat textNearVideo možnost.

Co je nového ve verzi 1.2.3:.

• Zlepšit události řídící mechanismus
• Zlepšit synchronizaci a vrátit správce.
• Zlepšit vkládání zaměření.

Možnost
• defaultImageWidth je ignorována, pokud je nastavena na hodnotu 0.
• Přidat metodu setDirty.
• Možnost blockTags přijímá další značky nyní.
• Zlepšit Word vkládání.
• Zlepšit způsob insertHTML.
• Zlepšit plovoucí panel nástrojů, když volba fixedToolbar je falešný.
• Klikněte na tlačítko Zlepšit zážitek na mobilních zařízeních.

Co je nového ve verzi 1.2.2:.

• Přidat char_counter plugin
• seznam Přehled allowedAttributes.
• seznam Přehled allowedTags.
• Přidat možnost beautifyCode.
• Přidat onPaste událost.
• Přidat granulární kontrolu zkratky:. ShortcutsAvailable možnost
• Přidat možnost convertEmailAddresses.
• Zlepšit UX pro vložení odkazu.
• Přidat badLink událost.
• zlepšení pasty ve všech prohlížečích
• pohyblivých obrazů nyní pracuje v IE taky.
• Přidat pasteImage možnost.
• Zlepšit čištění.
• Přidat královské téma.
• Přidat obnovovací a refreshOnShow možnosti pro vlastní rozbalovacích.
• Přidat obnovovací možnost pro vlastní tlačítka.
• Zobrazit nakladač, když je obrázek vložen pomocí odkazu.
• Přidat videoAllowedAttributes a videoAllowedTags.
• Povolit Undo / Redo bez tlačítek.
• Přidat možnost imageTitle.

Co je nového ve verzi 1.2.0:.

• Nový algoritmus pro práci se seznamy
• vnořené seznamy.
• Seznamy jsou nyní zásuvný modul.
• Podpora souborů.
• Zlepšit čitelnost kódu.
• tlačítko Přidat odstranit barvu pozadí.
• tlačítko Přidat odstranit barvu textu.
• Zdokonalení tématu souboru.
• Přidat červený motiv.
• Přidat šedý motiv.
• Přidejte odkaz, pokud není vybraný text.

Co je nového ve verzi 1.1.9:

• Opravené chyby:
• Word pasta.
• Začněte s fontSize Při práci prohlížeče.
• Čištění RegEx opravy.
• blikání Page na pastu.
• pozice kurzoru na pastu Při práci prohlížeče.

Co je nového ve verzi 1.1.7:

• Uložit / Obnovit výběr pracuje pro více rozsahů <. / li>

Co je nového ve verzi 1.1.6:.

• tabulky
• Insert video od URL.
• Zvýšení rychlosti.
• Přidává podporu pro IE8.
• Zlepšení k podpoře Android.
• Zlepšit mobilní vyskakovací polohování.
• Přidat možnost simpleAmpersand.
• Přidat IMAGELINK možnost.
• Zlepšení německého jazyka.
• beautifier se používá jako samostatný lib, a již není k dispozici ve výchozím nastavení.
• Přidat možnost max-výšky.
• Výchozí již není k dispozici jako výchozí, ale volby lze přepínat.
• inverseSkin je nahrazen možností Téma, které.
• soubor Theme CSS.
• Zlepšit výstup ve formátu HTML.
• Zlepšit italskou jazykovou verzi.
• Spustit v barvě / velikost písma.
• Umožňuje uživateli vrátit chyba ze serveru pro obrázek.
• Nahradit neviditelnou mezeru s BR značce.
• Zlepšit francouzský překlad.
• Přidat možnost saveRequestType.
• zpětná volání z obrázků dostat jQuery objekt jako parametr namísto src.
• Čisté HTML s regulárními výrazy místo jQuery kódu.
• Editor mohou být inicializovány na obrázek.
• Editor mohou být inicializovány na odkaz.
• Možnost upravit text z elementu DOM, ve vyskakovacím okně.
• Předejte výchozí seznam odkazů z čeho vybírat.
• Přidat možnost otevřít odkaz na jiné kartě.
• Přidat možnost disableRightClick.
• Přidat možnost blockStylesToggle.
• Přidat možnost trackScroll.
• Přidat možnost unlinkButton.

Co je nového ve verzi 1.1.5:.

• Přidat způsob ostření
• Zobrazit editor kliknutím pravým tlačítkem.
• Editor je nyní možné inicializovat na obrázek.
• Možnost imageUploadToS3 právo na Amazon S3.
• Možnost ImageUpload zakázat ukládání obrázků.
• Možnost customDropdowns přizpůsobit rozbalovacích.
• příkaz blockStyle nastavit vlastní blockStyle.

Možnost
• blockStyles nastavit konkrétní blockStyles.
• Možnost defaultBlockStyle nastavit výchozí dostupného bloku styly.
• Zlepšit zničit metoda.
• Zlepšit podporu zástupnou.
• Zlepšit režim kódování.
• Zlepšit nový řádek v kódu a blockquotes.
• Nastavení Media Manager vždy očekávat JSON a ne textu.
• Aktualizace FontAwesome 4.1.0.
• Nahradit ikonu odstavec.
• Nahradit barvu ikony.
• tlačítko Přidat fontFamily v panelu nástrojů.
• tlačítko Přidat blockStyle v panelu nástrojů.
• tlačítko Přidat html zpět do panelu nástrojů.
• Povolit adresy URL začínající znakem # a /.
• Sync, když je obraz zrušen.

Co je nového ve verzi 1.1.4:.

• Move writeVideo na základě své vlastní metody
• Zlepšit balicí podporu.
• Zlepšit způsob getHTML.
• Zlepšit formátování bloku.
• Nastavení barvy pozadí by se brát v úvahu rodiče taky.
• Zlepšit podporu contentChangedCallback.
• při ukládání HTML Odstranit neviditelné znaky.
• Přidat isActive metodu pro ověření, zda je aktivní příkaz.
• Zlepšit vrátit mechanismů.
• Správce médií pro obrazy.
• Přidat možnost zIndex.
• Minimum pro autosaveInterval bylo změněno na 100 ° C.
• Zlepšit podporu XSS.
• Zlepšit způsob insertHTML.
• saveURL již není nutné ke spuštění ušetřit.
• Přidat omezení obrazu pomocí volby allowedImageTypes.
• CTRL + Backspace je řezání text.
• CTRL +] v odsazení textu.
• CTRL + [je outdenting text.
• CTRL + & quot; je formátování textu jako citace.
• CTRL + & # x5c; je formátování textu jako kód.
• Synchronizace před odesláním formuláře.
• Odstranit obraz tím, že udeří smazat, když je vybrána.
• klávesy Enter, kdy obraz je výběr je čím dál dolů.
• Možnost maxImageSize omezit velikost obrazu před nahráním.
• Přidat defaultImageWidth možnost nastavit velikost obrazu na zavedení.
• afterRemoveImageCallback se nyní dostává obraz src jako param.
• Image odstranit kontrolu zlepšila.
• Horizontální příkazového řádku.
• Font family support.

Co je nového ve verzi 1.1.3:.

• Vlastní značky z HTML jsou již odstraněny
• minHeight volba.
• metoda removeFormat.
• Obraz je vložena, kde je kurzor.
• Zpět zachovává výběr a pozici kurzoru.
• & quot; Prosím, vyčkejte & quot; zpráva při nahrávání snímku.

Co je nového ve verzi 1.1.2:

• Přidáno:
• volba textNearImage.

Možnost
• imageButtons.
• alwaysVisible volba.
• volba nofollow.
• volba alwaysBlank.
• volba plainPaste.
• Ikony volba.
• zpětná volání pro vkládání.
• gettext () metoda.

Co je nového ve verzi 1.1.0:.

• Přidána podpora jazyků (28 jazyků)
• inverzní barvy kůže.
• Blockquote má nabídku od začátku.
• Další parametry na vyžádání odesílání snímků.
• Další parametry uložit požadavek.
• podpora Video.
• Vlastní tlačítka na panelu nástrojů.
• volba Paragraphy.

Co je nového ve verzi 1.0.6:.

• Zlepšit IE 11 podporu pro in-line editor
• zástupný symbol funguje jako zástupný znak z HTML5.
• Povolit obrazu pohyb v editoru nastavením volby imageMove.
• Přidat ušetřit tlačítka.
• Popisek a textové zprávy lze přizpůsobit volbou customText projít.
• Toolbar může zůstat v horní nebo přesunout společně s svitku.
• Možnost, aby se svlékli & # x3c; script & # x3e; tag.

Co je nového ve verzi 1.0.5:

• Obraz pop-up zůstává aktivní při klepnutí na tlačítko z ono.
• Zlepšit seznamu podporu.
• Vyčištění po odkaz / odpojit.
• Editor dostane aktivní při uvolnění myši mimo něj, a tam je výběr.
• Aktualizace zástupný symbol stylu.
• metoda Gethtml vyčistí vráceného HTML.

Co je nového ve verzi 1.0.4:.

• Zlepšit touch podporu
• Pevná seznam otázek.
• karta bít vloží 4 mezery.
• Zakázat obraz tažením, aby se předešlo ztrátě formátování textu.

Co je nového ve verzi 1.0.3:

• Nahrávání obrázků na http://uploads.im .

Požadavky

• Java scripty povoleny na straně klienta
• jQuery 1.10.2 nebo vyšší