Froala Editor

WYSIWYG är skrymmande bitar av kod som tillåter användare att formatera text i sina webbläsare precis som de skulle göra med datorprogramvara som Word eller Openoffice.

De flesta av dem arbetar genom att omvandla en enkel textarea till en fullt utvecklad textformatering sektion, med massor av verktygsfält och knappar för att styla innehöll text.

Ett annat sätt att lägga till en RTE till en sida är att tillåta användare att markera text och sedan visa en popup med formatering kontroller bredvid den.

Båda sätten är bra, men några WYSIWYG-redigerare ger båda dessa redigeringsmöjligheter, med fokus på bara en av dessa redigera upplevelser.

Froala Editor ger en solid WYSIWYG editor, arbetar för båda de nämnda redigerings erfarenheter, men erbjuder också en ganska solid kodbas, kodade i enlighet med de senaste standarderna och branschens bästa praxis.

Froala Editor är en av de få Rtes runt med mobilen och Retina stöd, vilket gör det också idealiskt för användning på mobila enheter också.

Använda FontAwesome ikonen teckensnitt för redaktörens knappar, Froala minskar också HTTP-förfrågningar vid lastning redaktören, förbättra sida laddningstid och ger en mycket mer lättare att stil redaktör UI.

Allt inuti Froala redigering verktygsfält är utbytbara, utvecklare att kunna vända knappar och funktioner på eller av, eller flytta dem runt till anpassade positioner som de finner lämpligt.

Alla i alla Froala Editor är en mycket bra gjort WYSIWYG lösning, med massor av anpassningsmöjligheter, dokumentation och demonstrationer ingår.

Froala Editor är tillgänglig under en dubbel licensmodell. Den fria versionen är tillgängliga personliga och icke-kommersiella projekt under en Creative Commons Erkännande-Ingabearbetningar 4.0 internationell licens, medan det för kommersiell användning, olika avlönade licenser finns tillgängliga, beroende på de önskade användningskrav. Var noga med att läsa licensavtalet och inte får blandas ihop

Vad är nytt i den här versionen.

Nytt i Froala Editor 1.2.7 (14 maj 2015)

Vad är nytt i version 2.1.0:

• Lägg pluginsEnabled alternativ.
• Lägg plugin egendom på kommandon.
• Lägg emoticonsUseImage alternativ.
• tillåter anteckningar. // För länkar
• Lägg till snabbinsats plugin.
• Förhands bilden medan uppladdning.
• Lägg till bordsinsatsen hjälpare.
• Redesign linje brytare ikon.

Vad är nytt i version 1.2.7.

• Lägg beforeUploadPastedImage händelse
• Knappar är inte simpleTags. Förbättra rengöring allowedAttrs.
• Rent HTML som ligger inne textarea innan den läggs till elementet.
• Lägg doNotJoinTags alternativ.
• Färger plugin förbättrades.
• Lägg till alternativ linkAttributes.
• Förbättra imageAltSet, imageFloatedLeft, imageFloatedNone och imageFloatedRight händelser.
• Lägg till enheter plugin.
• Lägg svar på Fileuploaded händelsen.
• Lägg afterImageUpload och afterFileUpload händelser.
• Byt node.children med node.childNodes.
• Förbättra imageResize och imageResizeEnd händelser.
• Lägg saveParam.
• Tillåt att skriva i RTL eller LTR beroende på vilken typ tangentbord.
• Förbättra dansk översättning.
• Förbättra klistra.
• Lägg afterPasteCleanup händelse.
• Text inuti länken inte sanerad längre
• Lägg iconClasses alternativ.
• Lägg useFileName alternativ.
• Lägg till estniska översättning.

Vad är nytt i version 1.2.6.

• Reflektera i UI Inaktivera tillstånd
• platshållare har inte längre kursiv stil.
• Standard linkAutoPrefix värde är tom sträng istället för falskt.
• popups är stängda när fönstret storlek.
• Ange inte längre kopiera stilen på föregående block element.
• Tillåt video förhandsvisning i alla webbläsare.
• Kontrollera TAB genom att testa charCode i stället för själva strängen.
• Förbättra rysk översättning.

Vad är nytt i version 1.2.5.

• Förbättra övergripande skriva när paragraphy alternativet är falsk
• Lägg linkAutoPrefix alternativ.
• Förbättra rengöring algoritm
• Skicka popups genom att trycka på ENTER.
• Stäng popups vid tryck ESC.
• Lägg till defaultTag som experimentell.
• Style taggen är inte längre tillåtet för att förhindra XSS.
• Text är standardvalet i färgerna rullgardinsmenyn.
• Lägg till alternativ foreColors.
• Lägg till alternativ backColors.
• Lägg defaultColorOption alternativ.
• Lägg backColorsDisabled alternativ.
• Lägg foreColorsDisabled alternativ.
• Förbättra vanlig pasta.
• Förbättra klara text i editorn.
• FR-taggen inte längre tillsätts som standard. useFrTag bör användas i stället.
• editable.imageInserted händelse har en mer param, svar, som innehåller den obehandlade svar från servern
• Extra & # x3c; p & # x3e; taggar inte längre tillsätts i listobjekt.
• Lägg till alternativ customImageButtons.
• Lägg till alternativ showNextToCursor.
• Lägg till Multiline alternativ.
• Ladda upp filer genom att dra och släppa direkt i editorn.
• Byt CTRL + F genväg genom att CTRL + E.
• Förbättra URL desinfektionsmedel.
• Lägg till webbadresser plugin som automatiskt skulle omvandla webbadresser.
• Lägg till fullscreen plugin.
• Grundläggande iframe stöd.
• Lägg till ukrainska språket.
• Förbättra norska.
• Lägg scrollableContainer alternativ.
• Lägg defaultImageAlignment alternativ.
• Lägg defaultVideoAlignment alternativ.
• Förbättra ångra / gör spara prestanda
• allowedEmptyTags taggarna är inte längre tillgänglig.
• allowedBlankTags bör användas för att göra det möjligt tom tagg som inte har några attribut.
• Lägg inline_styles plugin.
• Lägg till alternativ useClasses.
• Lägg bildalternativ att visas som inline eller bryta text.
• Ändra bild hanterare design.
• Lägg align knapp för bild som en rullgardinsmeny.
• floatImageLeft, floatImageNone och floatImageRight knappar avlägsnades. rikta knappen ska användas istället.
• Lägg textNearVideo alternativ.

Vad är nytt i version 1.2.3.

• Förbättra händelser hantera mekanism
• Förbättra synkronisering och ångra manager.
• Förbättra klistra fokus.
• defaultImageWidth alternativet ignoreras om det är inställt på 0.
• Lägg setDirty metod.
• blockTags alternativet accepterar fler taggar nu.
• Förbättra Word klistra.
• Förbättra insertHTML metod.
• Förbättra flytande verktygsfält när fixedToolbar alternativet är falskt.
• Förbättra knapptryckning erfarenhet på mobila enheter.

Vad är nytt i version 1.2.2.

• Lägg char_counter plugin
• Granska listan över allowedAttributes.
• Granska listan över allowedTags.
• Lägg beautifyCode alternativ.
• Lägg onpaste händelse.
• Lägg noggrann kontroll för genvägar. ShortcutsAvailable alternativ
• Lägg convertEmailAddresses alternativ.
• Förbättra UX för att infoga länken.
• Lägg badLink händelsen.
• Klistra förbättringar i alla webbläsare
• Rörliga bilder fungerar nu i IE också.
• Lägg pasteImage alternativ.
• Förbättra rengöring.
• Lägg till kungliga tema.
• Lägg uppdaterings och refreshOnShow alternativ för anpassade menyerna.
• Lägg till uppdaterings alternativ för anpassade knappar.
• Visa lastare när bilden sätts in genom länken.
• Lägg videoAllowedAttributes och videoAllowedTags.
• Tillåt ångra / gör utan knappar.
• Lägg imageTitle alternativ.

Vad är nytt i version 1.2.0.

• Ny algoritm för att arbeta med listor
• kapslade listor.
• Listor är nu en plugin.
• Arkiv Support.
• Förbättra kod läsbarhet.
• Lägg för att ta bort bakgrundsfärgen.
• Lägg för att ta bort textfärgen.
• Förbättringar av temafil.
• Lägg till rött tema.
• Lägg till grå tema.
• Lägg till länk när det inte finns någon text markerad.

Vad är nytt i version 1.1.9:

• Fast buggar:
• Word pasta.
• Börja med fontSize i Webkit webbläsare.
• Rengöring RegEx korrigeringar.
• Sida flimmer på pasta.
• Markörposition på pasta i Webkit webbläsare.

Vad är nytt i version 1.1.7:

• Spara / Återställ val arbetar för flera intervall <. / li>

Vad är nytt i version 1.1.6.

• Tabeller
• Infoga video av URL.
• Snabb förbättringar.
• Lägg till stöd för IE8.
• Förbättring Android stöd.
• Förbättra mobil popup positionering.
• Lägg simpleAmpersand alternativ.
• Lägg till Imagelink alternativ.
• Förbättringar av tyska.
• Beautifier används som en separat lib och är inte längre tillgänglig som standard.
• Lägg maxHeight alternativ.
• Standard är inte längre tillgänglig som standard, men alternativ kan väljas.
• inverseSkin ersätts med tema alternativ.
• Tema CSS-fil.
• Förbättra HTML-utdata.
• Förbättra italienska språket översättning.
• Starta färg / font storlek.
• Tillåt användaren att återvända fel från servern för bilden.
• Byt osynlig utrymme med BR-taggen.
• Förbättra franska översättningen.
• Lägg saveRequestType alternativ.
• Callbacks från bilder får jQuery objekt som parameter i stället för src.
• Rent HTML med reguljära uttryck i stället för jQuery kod.
• Redaktör kan initieras på bilden.
• Redaktör kan initieras på länken.
• Möjlighet att redigera texten från DOM-elementet i en popup.
• Pass en standardlista med länkar att välja bland.
• Lägg möjlighet att öppna länken i en annan flik.
• Lägg disableRightClick alternativ.
• Lägg blockStylesToggle alternativ.
• Lägg trackScroll alternativ.
• Lägg unlinkButton alternativ.

Vad är nytt i version 1.1.5.

• Lägg till fokuseringsmetod
• Visa redaktör på högerklicka.
• Redaktör kan nu initieras på bilden.
• imageUploadToS3 möjlighet att ladda upp till Amazon S3.
• imageUpload möjlighet att stänga av bilduppladdning.
• alternativ customDropdowns att anpassa menyerna.
• blockStyle kommando för att ställa in en anpassad blockStyle.
• blockStyles möjlighet att ställa specifika blockStyles.
• defaultBlockStyle möjlighet att ställa standard tillgängliga blockera stilar.
• Förbättra förstöra metod.
• Förbättra platshållare stöd.
• Förbättra kodningsläge.
• Förbättra ny rad i koden och blockquotes.
• Ange media manager för att alltid förvänta JSON och inte text.
• Uppdatera till FontAwesome 4.1.0.
• Byt punkt ikon.
• Byt färg ikon.
• Lägg fontFamily knappen i verktygsfältet.
• Lägg blockStyle knappen i verktygsfältet.
• html knappen Lägg tillbaka i verktygsfältet.
• Tillåt webbadresser som börjar med # och /.
• Sync när bild tappas.

Vad är nytt i version 1.1.4.

• Flytta writeVideo sin egen metod
• Förbättra omslags stöd.
• Förbättra getHTML metod.
• Förbättra blockera formatering.
• Ställa bakgrundsfärg skulle ta hänsyn till föräldrar också.
• Förbättra contentChangedCallback stöd.
• Ta bort osynliga tecken när du sparar HTML.
• Lägg isActive metod för att kontrollera om kommandot är aktiv.
• Förbättra ångra mekanismer.
• Mediahanteraren för bilder.
• Lägg zIndex alternativ.
• Minimum för autosaveInterval ändrades till 100.
• Förbättra för XSS stöd.
• Förbättra insertHTML metod.
• saveURL inte längre behövs för att utlösa spara.
• Lägg till bild begränsning med allowedImageTypes alternativ.
• CTRL + Backspace skär text.
• CTRL +] i indrag text.
• CTRL + [är outdenting text.
• CTRL + & quot; formaterar text som citat.
• CTRL + & # x5c; formaterar text som kod.
• Sync innan du skickar formuläret.
• Ta bort bild genom att trycka bort när det väljs.
• tryck Enter när bilden är val är att få ner det.
• maxImageSize möjlighet att begränsa bildstorleken innan uppladdning.
• Lägg defaultImageWidth möjlighet att ställa bildstorleken på insättning.
• afterRemoveImageCallback nu få bild src som param.
• Bild ta kontroll förbättras.
• horisontell linje kommando.
• Fontfamilj stöd.

Vad är nytt i version 1.1.3.

• anpassade taggar från HTML är inte längre bort
• minHeight alternativ.
• removeFormat metod.
• Bilden infogas där markören är.
• Ångra bevarar val och markören.
• & quot; Vänta & quot; meddelande när du laddar upp bilden.

Vad är nytt i version 1.1.2:

• Added:
• textNearImage alternativ.

Alternativet
• imageButtons.
• alwaysVisible alternativ.
• nofollow alternativet.
• alwaysBlank alternativ.
• plainPaste alternativ.
• Ikoner alternativet.
• Callbacks för att klistra.
• gettext () metoden.

Vad är nytt i version 1.1.0.

• Inkom språk stöd (28 språk)
• Omvänd hudfärger.
• Blockquote har citat i början.
• Ytterligare parametrar till bilduppladdning begäran.
• Ytterligare parametrar för att spara begäran.
• Video stöd.
• Anpassade knappar i verktygsfältet.
• Paragraphy alternativ.

Vad är nytt i version 1.0.6.

• Förbättra IE 11 stöd för inline editor
• platshållare fungerar som platshållare från HTML5.
• Tillåt bild rör sig i editorn genom att ställa in alternativet imageMove.
• knappen Lägg till spara.
• Tooltip och textmeddelanden kan anpassas genom customText alternativ.
• Verktygsfält kan vara kvar i toppen eller röra sig längs med rullnings.
• Möjlighet att strippa & # x3c; script & # x3e; tagg.

Vad är nytt i version 1.0.5:

• Bild popup förblir aktiv när du klickar på en knapp från det.
• Förbättra lista stöd.
• Sanering efter länk / unlink.
• Redaktör blir aktiv när du släpper musen utanför det och det finns ett val.
• Uppdatera platshållare stil.
• Gethtml metod rensar upp den returnerade HTML.

Vad är nytt i version 1.0.4.

• Förbättra touch stöd
• Fast listfrågor.
• Att slå fliken infogar 4 tomma utrymmen.
• Inaktivera bild dra i för att förhindra att förlora textformatering.

Vad är nytt i version 1.0.3:

• Bild uppladdning på http://uploads.im .

Krav :

• JavaScript aktiverat på klientsidan
• jQuery 1.10.2 eller högre