Froala Editor

WYSIWYG zijn omvangrijk stukjes code die gebruikers in staat om tekst in hun browsers te formatteren net zoals ze zouden doen met desktop-software zoals Word of OpenOffice.

De meeste van hen werken door het transformeren van een eenvoudige textarea in een volledig opgeblazen tekstopmaak sectie, met veel toolbars en knoppen om de bevatte tekst stylen.

Een andere manier van het toevoegen van een RTE naar een pagina is om gebruikers in staat om tekst te selecteren en vervolgens tonen een popup met het formatteren van controles ernaast.

Beide manieren zijn geweldig, maar enkele WYSIWYG-editors bieden beide opties voor het bewerken, met de nadruk op slechts een van deze ervaringen te bewerken.

Froala Editor biedt een solide WYSIWYG-editor, die voor beide van de voornoemde editing ervaringen, maar biedt ook een behoorlijk solide codebase, gecodeerd volgens de laatste normen en 'best practices'.

Het Froala Editor is een van de weinige RTe 's rond met mobiele en Retina-ondersteuning, waardoor het ook ideaal voor gebruik op mobiele apparaten ook.

Gebruik makend van de FontAwesome pictogram lettertype voor de toetsen van de redacteur, Froala vermindert ook HTTP-aanvragen bij het laden van de editor, het verbeteren van de laadtijd en het verstrekken van een veel makkelijker om stijl editor UI.

Alles binnen de Froala editing werkbalken is verwisselbaar, ontwikkelaars in staat om knoppen en functionaliteit in- of uitschakelen, of verplaatsen ze rond om aangepaste functies als zij dat nodig achten.

Al met al de Froala Editor is een zeer goed gedaan WYSIWYG-oplossing, met veel aanpassingsmogelijkheden, documentatie en demo's opgenomen.

Froala Editor is beschikbaar onder een duaal licentiemodel. De gratis versie is beschikbaar voor persoonlijk en niet-commerciële projecten onder een Creative Commons Naamsvermelding-NietCommercieel-NoDerivatives 4.0 Internationale licentie, terwijl het voor commercieel gebruik, diverse betaalde licenties beschikbaar zijn, afhankelijk van het gewenste gebruik eisen. Zorg ervoor dat u de licentieovereenkomst te lezen en laat je niet door elkaar

Wat is nieuw in deze release:.

Nieuw in Froala Editor 1.2.7 (14 mei 2015)

Wat is nieuw in versie 2.1.0:

• Voeg pluginsEnabled optie.
• plugin woning aan commando's toevoegen.
• Voeg emoticonsUseImage optie.
• Laat noten:. // Voor koppelingen
• Voeg snel insert plugin.
• Preview tijdens het uploaden.
• Voeg tafelinzet helper.
• Redesign lijn breaker icoon.

Wat is nieuw in versie 1.2.7:.

• Voeg beforeUploadPastedImage gebeurtenis
• De knopen zijn niet simpleTags. Verbeter schoonmaken allowedAttrs.
• Clean HTML die is ingesteld in textarea voordat u deze aan het element.
• Voeg doNotJoinTags optie.
• Kleuren plugin is verbeterd.
• Voeg linkAttributes optie.
• Verbeter imageAltSet, imageFloatedLeft, imageFloatedNone en imageFloatedRight evenementen.
• Voeg entiteiten plugin.
• reactie op de fileUploaded evenement toevoegen.
• Voeg afterImageUpload en afterFileUpload evenementen.
• Vervang node.children met node.childNodes.
• Verbeter imageResize en imageResizeEnd evenementen.
• Voeg saveParam.
• Laat typen in RTL of LTR afhankelijk van het type toetsenbord.
• Verbetering van de Deense vertaling.
• Verbeter plakken.
• Voeg afterPasteCleanup evenement.
• binnenkant van de tekst link niet meer opgeschoond
• iconClasses toevoegen optie.
• Voeg useFileName optie.
• Voeg Estonian translation.

Wat is nieuw in versie 1.2.6:.

• Denk in UI de staat uitschakelen
• Placeholder niet langer cursieve stijl.
• Standaard linkAutoPrefix waarde lege string in plaats van valse.
• Pop-ups worden gesloten wanneer het venster wordt gewijzigd.
• Geef niet langer het kopiëren van de stijl van het vorige blok element.
• Laat video preview in alle browsers.
• Controleer TAB door het testen van de charCode in plaats van de string zelf.
• Verbeter Russische vertaling.

Wat is nieuw in versie 1.2.5:.

• Verbetering van de totale typen wanneer paragraphy optie is vals
• Voeg linkAutoPrefix optie.
• Verbeter schoonmaken algoritme
• Geef popups een druk op ENTER.
• Sluit pop-ups bij het raken van ESC.
• Voeg defaultTag als experimenteel.
• Style tag is niet langer toegestaan ​​om XSS te voorkomen.
• De tekst is de standaard selectie in de kleuren dropdown.
• Voeg foreColors optie.
• Voeg backColors optie.
• Voeg defaultColorOption optie.
• Voeg backColorsDisabled optie.
• Voeg foreColorsDisabled optie.
• Verbetering van vlakte pasta.
• Verbetering van het omgaan tekst in de editor.
• fr-tag wordt niet meer standaard toegevoegd. useFrTag moet in plaats daarvan worden gebruikt.
• editable.imageInserted evenement heeft nog een param, reactie, dat de onbewerkte reactie van de server bevat
• Extra & # X3c; p & # x3e; tags worden niet langer toegevoegd aan de lijst items.
• Voeg customImageButtons optie.
• Voeg optie showNextToCursor.
• Voeg Multiline optie.
• Bestanden uploaden via slepen en neerzetten direct in de editor.
• Vervang CTRL + F sneltoets Ctrl + E.
• Verbeter URL ontsmettingsmiddel.
• Voeg URL's plugin die automatisch URL's zou zetten.
• Voeg fullscreen plugin.
• Basic iframe support.
• Voeg de Oekraïense taal.
• Verbetering van de Noorse taal.
• Voeg scrollableContainer optie.
• Voeg defaultImageAlignment optie.
• Voeg defaultVideoAlignment optie.
• Verbeter undo / redo besparing prestaties
• allowedEmptyTags labels is niet langer beschikbaar.
• allowedBlankTags moeten worden gebruikt om lege tag die geen attributen hebben mogelijk te maken.
• Voeg inline_styles plugin.
• Voeg useClasses optie.
• Voeg image opties weergegeven als inline of breken tekst.
• afbeelding Wijzigen handlers design.
• Voeg align button voor het als een dropdown.
• floatImageLeft, floatImageNone en floatImageRight knoppen werden verwijderd. uitlijnen knop moet worden gebruikt.
• Voeg textNearVideo optie.

Wat is nieuw in versie 1.2.3:.

• Verbetering van gebeurtenissen beheren mechanisme
• Verbeter het synchroniseren en ongedaan manager.
• Verbetering plakken focus.
• defaultImageWidth optie wordt genegeerd als deze is ingesteld op 0.
• Voeg setDirty methode.
• blockTags optie accepteert nu meer tags.
• Verbeter Word plakken.
• Verbeter insertHTML methode.
• Verbeter zwevende werkbalk wanneer fixedToolbar optie is vals.
• Verbeter de druk op de knop ervaring op mobiele apparaten.

Wat is nieuw in versie 1.2.2:.

• Voeg char_counter plugin
• Beoordeling lijst van allowedAttributes.
• Beoordeling lijst van allowedTags.
• Voeg beautifyCode optie.
• Voeg onpaste evenement.
• Voeg granulaire controle voor snelkoppelingen. ShortcutsAvailable optie
• Voeg convertEmailAddresses optie.
• Verbetering UX voor het invoegen link.
• Voeg badLink evenement.
• Plakken verbeteringen in alle browsers
• Bewegende beelden werkt nu in IE ook.
• Voeg pasteImage optie.
• Verbetering van het schoonmaken.
• Voeg koninklijk thema.
• Voeg refresh en refreshOnShow opties voor aangepaste dropdowns.
• Voeg refresh optie voor aangepaste knoppen.
• Toon loader wanneer het via een link is geplaatst.
• videoAllowedAttributes en videoAllowedTags toevoegen.
• Laat undo / redo zonder knoppen.
• Voeg imageTitle optie.

Wat is nieuw in versie 1.2.0:.

• Nieuw algoritme voor het werken met lijsten
• Geneste lijsten.
• Lijsten zijn nu een plugin.
• Bestand ondersteuning.
• Verbetering van leesbaarheid van de code.
• de knop Toevoegen om de achtergrondkleur te verwijderen.
• de knop Toevoegen om de tekstkleur te verwijderen.
• Verbeteringen aan thema-bestand.
• Voeg rode thema.
• Voeg grijs thema.
• Link toevoegen wanneer er geen tekst geselecteerd.

Wat is nieuw in versie 1.1.9:

• Fixed bugs:
• Word plakken.
• Begin met fontSize in Webkit browsers.
• Cleaning RegEx fixes.
• Pagina flikkeren op plakken.
• Cursor positie op plakken in Webkit browsers.

Wat is nieuw in versie 1.1.7:

• Save / Restore selectie werkt voor meerdere bereiken <. / li>

Wat is nieuw in versie 1.1.6:.

• Tafels
• video invoegen via URL.
• Speed ​​verbeteringen.
• ondersteuning toevoegen voor IE8.
• Verbetering van Android te ondersteunen.
• Verbeter mobiele popup positionering.
• Voeg simpleAmpersand optie.
• Voeg ImageLink optie.
• Verbeteringen aan de Nederlandse taal.
• Beautifier wordt gebruikt als een aparte lib en is niet meer standaard beschikbaar.
• Voeg maxHeight optie.
• Standaard is niet meer beschikbaar als standaard, maar opties kunnen worden geschakeld.
• inverseSkin wordt vervangen door thema optie.
• Thema CSS-bestand.
• Verbetering van HTML-uitvoer.
• Verbetering van de Italiaanse vertaling.
• Start in kleur / lettergrootte.
• Laat de gebruiker om fouten terug te keren van de server voor het.
• Vervang onzichtbare ruimte met BR tag.
• Verbeter Franse vertaling.
• Voeg saveRequestType optie.
• Terugbelaanvragen van beelden te krijgen jQuery object als parameter in plaats van src.
• Clean HTML met reguliere expressies in plaats van jQuery code.
• Editor kan worden geïnitialiseerd op de afbeelding.
• Editor kan worden geïnitialiseerd op de link.
• Optie om de tekst uit de DOM-element in een popup te bewerken.
• Laat een standaard lijst met links om uit te kiezen.
• de optie om de link te openen in een ander tabblad toevoegen.
• Voeg disableRightClick optie.
• Voeg blockStylesToggle optie.
• Voeg trackScroll optie.
• Voeg unlinkButton optie.

Wat is nieuw in versie 1.1.5:.

• Voeg scherpstellingsmethode
• Toon editor op rechts klikken.
• Editor kan nu worden geïnitialiseerd op de afbeelding.
• imageUploadToS3 optie om te uploaden naar Amazon S3.
• ImageUpload optie om het uploaden te schakelen.
• optie customDropdowns te dropdowns aan te passen.
• blockStyle opdracht om een ​​aangepaste blockStyle te stellen.
• blockStyles optie om specifieke blockStyles te stellen.
• defaultBlockStyle optie om standaard beschikbare blok stijlen in te stellen.
• Verbeter vernietigen methode.
• Verbetering placeholder support.
• Verbeter coderingsmodus.
• nieuwe regel in de code en blockquotes verbeteren.
• Stel media manager om altijd verwachten JSON en geen tekst.
• Update om FontAwesome 4.1.0.
• Vervang paragraaf icoon.
• Vervang kleur icoon.
• Voeg fontFamily knop in toolbar.
• Voeg blockStyle knop in toolbar.
• Voeg html knop terug in de toolbar.
• Laat URL's die beginnen met # en /.
• Sync wanneer het is gevallen.

Wat is nieuw in versie 1.1.4:.

• Move writeVideo om haar eigen methode
• Verbetering van het verpakken van steun.
• Verbeter getHTML methode.
• Verbeter blok opmaak.
• instellen als achtergrond kleur zou rekening houden met de ouders ook.
• Verbetering contentChangedCallback support.
• Verwijder onzichtbare tekens bij het opslaan van de HTML.
• Voeg isActive methode om te controleren of commando actief is.
• Verbeter ongedaan mechanismen.
• Media Manager voor afbeeldingen.
• Voeg zIndex optie.
• Minimaal voor autosaveInterval werd gewijzigd in 100.
• Verbetering voor XSS ondersteuning.
• Verbeter insertHTML methode.
• saveURL is niet langer nodig om te activeren te slaan.
• Voeg image beperking met behulp van allowedImageTypes optie.
• CTRL + Backspace snijdt tekst.
• CTRL +] in inspringen tekst.
• CTRL + [wordt outdenting tekst.
• CTRL + & quot; wordt het opmaken van tekst als offerte.
• CTRL + & # x5c; wordt het opmaken van tekst als code.
• Sync voor het indienen van het formulier.
• het verwijderen door op verwijderen wanneer deze wordt geselecteerd.
• Hitting te voeren wanneer het is het selecteren is het krijgen van het naar beneden.
• maxImageSize optie om het beeldformaat te beperken voor het uploaden.
• Voeg defaultImageWidth optie om het beeldformaat op het inbrengen.
• afterRemoveImageCallback krijgt nu het beeld src als param.
• Afbeelding verwijderen controle verbeterd.
• Horizontale lijn commando.
• Font familie te ondersteunen.

Wat is nieuw in versie 1.1.3:.

• Aangepaste tags uit HTML worden niet langer verwijderd
• minHeight optie.
• removeFormat methode.
• Het beeld wordt geplaatst waar de cursor is.
• Undo behoudt selectie en de positie van de cursor.
• & quot; Een ogenblik geduld & quot; bericht bij het uploaden van foto.

Wat is nieuw in versie 1.1.2:

• Toegevoegd:
• textNearImage optie.
• imageButtons optie.
• alwaysVisible optie.
• nofollow optie.
• alwaysBlank optie.
• plainPaste optie.
• Icons optie.
• Callbacks voor het plakken.
• getText () methode.

Wat is nieuw in versie 1.1.0:.

• Toegevoegd talen ondersteuning (28 talen)
• Inverse huidskleuren.
• Blockquote heeft citaat aan het begin.
• Extra parameters op het verzoek van het uploaden.
• Extra parameters op het verzoek op te slaan.
• Video-ondersteuning.
• Aangepaste knoppen in de werkbalk.
• Paragraphy optie.

Wat is nieuw in versie 1.0.6:.

• Verbeter IE 11 ondersteuning voor inline editor
• Placeholder werkt als placeholder van HTML5.
• Laat het bewegen in editor door het instellen van de optie imageMove.
• Voeg Save-knop.
• Tooltip en berichten tekst kan worden aangepast door middel van CustomText optie.
• Toolbar mag blijven aan de top of te verplaatsen, samen met de scroll.
• Optie om te strippen & # X3c; script & # x3e; tag.

Wat is nieuw in versie 1.0.5:

• Afbeelding popup blijft actief wanneer u op een knop het.
• Verbetering lijst support.
• Cleanup na link / ontkoppelen.
• Editor wordt actief wanneer u loslaat muis buiten en er is een selectie.
• Update-placeholder stijl.
• Gethtml methode ruimt de geretourneerde HTML.

Wat is nieuw in versie 1.0.4:.

• Verbetering touch ondersteuning
• Fixed lijst onderwerpen.
• Het raken van het tabblad wordt ingevoegd 4 spaties.
• Schakel het slepen om te voorkomen dat het verlies van tekstopmaak.

Wat is nieuw in versie 1.0.3:

• upload Afbeelding op http://uploads.im .

Eisen

• Javascript nodig op client side
• jQuery 1.10.2 of hoger