Froala Editor

WYSIWYG ay bulky chunks ng code na payagan ang mga gumagamit upang i-format text sa loob ng kanilang mga browser tulad ng gusto nilang gawin sa desktop software tulad ng Word o OpenOffice.

Ang karamihan sa mga ito sa trabaho sa pamamagitan ng pagbabago ng isang simpleng textarea sa isang ganap na-blown-format ng teksto na seksyon, na may maraming mga toolbars at mga pindutan sa estilo ng nilalaman ng teksto.

Ang isa pang paraan ng pagdaragdag ng isang RTE sa isang pahina ay upang payagan ang mga gumagamit upang piliin ang teksto at pagkatapos ay ipakita ang isang popup na may pag-format na mga kontrol sa tabi nito.

Ang parehong paraan ay mahusay, ngunit ang ilang mga WYSIWYG editor magbigay ng parehong mga pagpipilian na ito sa pag-edit, na tumututok sa isa lang sa mga pag-edit ng karanasan.

Froala Editor ay nagbibigay ng isang solid WYSIWYG editor, nagtatrabaho para sa pareho ng mga nabanggit na mga karanasan sa pag-edit, ngunit nag-aalok din ng isang pretty solid codebase, naka-code ayon sa pinakabagong mga pamantayan at industriya ng mga pinakamahuhusay na gawi.

Ang Froala Editor ay isa sa mga ilang RTEs paligid sa mobile at Retina suporta, na ginagawang mas din ideal para sa paggamit sa mga mobile device din.

Ang paggamit ng FontAwesome icon font para sa mga pindutan ng editor, Froala din binabawasan kahilingan ng HTTP kapag naglo-load ang editor, ang pagpapabuti ng oras ng pagkarga ng pahina at nagbibigay ng isang mas madali na style editor UI.

Lahat sa loob ng Froala editing toolbars ay mapagpapalit, mga developer ng kakayahang upang i-on ang mga pindutan at functionality on o off, o ilipat ang mga ito sa paligid sa mga pasadyang mga posisyon tulad ng nakikita nila fit.

Lahat sa lahat ng Froala Editor ay isang napaka-magaling WYSIWYG solusyon, na may maraming mga pagpipilian sa pag-customize, dokumentasyon at demo kasama.

Froala Editor ay magagamit sa ilalim ng isang dual licensing modelo. Ang libreng bersyon ay magagamit sa personal at di-komersyal na mga proyekto sa ilalim ng isang Creative Commons Attribution-Noncommercial-NoDerivatives 4.0 International License, habang para sa komersyal na paggamit, iba't-ibang mga bayad na mga lisensya ay magagamit, depende sa mga iniaatas ninanais paggamit. Maging sigurado na basahin ang mga kasunduan sa paglilisensya at hindi makakuha ng mixed up

Ano ang bago sa ito release:.

Bago sa Froala Editor 1.2.7 (Mayo ika-14, 2015)

Ano ang bago sa bersyon 2.1.0:

• Magdagdag pluginsEnabled opsyon.
• Magdagdag plugin ari-arian upang utos.
• Magdagdag emoticonsUseImage opsyon.
• Payagan tala:. // Para sa mga link
• Magdagdag mabilis insert plugin.
• I-preview ng imahe habang pag-upload.
• Magdagdag talahanayan insert helper.
• Palitan ang disenyo line breaker icon.

Ano ang bago sa bersyon 1.2.7:.

• Magdagdag beforeUploadPastedImage kaganapan
• Mga Pindutan ay hindi simpleTags. Pagbutihin paglilinis allowedAttrs.
• Clean HTML na naka-set sa loob textarea bago ito idagdag sa mga sangkap.
• Magdagdag doNotJoinTags opsyon.
• Mga kulay plugin ay pinabuting.
• Magdagdag linkAttributes opsyon.
• Pagbutihin imageAltSet, imageFloatedLeft, imageFloatedNone at imageFloatedRight kaganapan.
• Magdagdag entidad plugin.
• Magdagdag tugon sa kaganapan fileUploaded.
• Magdagdag afterImageUpload at afterFileUpload kaganapan.
• Palitan node.children may node.childNodes.
• Pagbutihin imageResize at imageResizeEnd kaganapan.
• Magdagdag saveParam.
• Payagan upang i-type sa RTL o LTR ayon sa uri keyboard.
• Pagbutihin translation Danish.
• Pagbutihin pag-paste.
• Magdagdag afterPasteCleanup kaganapan.
• Text loob link ay hindi sanitized anymore
• Magdagdag iconClasses opsyon.
• Magdagdag useFileName opsyon.
• Magdagdag Estonian pagsasalin.

Ano ang bago sa bersyon 1.2.6:.

• Sumasalamin sa UI ang disable ng estado
• Placeholder Wala na italic style.
• Default linkAutoPrefix halaga ay walang laman na string sa halip ng hindi totoo.
• Popup ay sarado kapag ang window ay ang sukat.
• Ipasok ay hindi na kopyahin ang style ng nakaraang block element.
• Payagan video preview sa lahat ng mga browser.
• Tingnan TAB pamamagitan ng pagsubok ng charCode sa halip na ang string mismo.
• Pagbutihin Russian pagsasalin.

Ano ang bago sa bersyon 1.2.5:.

• Pagbutihin ang pangkalahatang pag-type kapag paragraphy opsyon ay hindi totoo
• Magdagdag linkAutoPrefix opsyon.
• Pagbutihin paglilinis algorithm
• Isumite popup sa pamamagitan ng paghagupit ang ENTER.
• Close popup kapag pagpindot ESC.
• Magdagdag defaultTag bilang pang-eksperimento.
• Style tag ay hindi na pinapayagan upang maiwasan XSS.
• Text ay ang default na pagpipilian sa mga kulay dropdown.
• Magdagdag foreColors opsyon.
• Magdagdag backColors opsyon.
• Magdagdag defaultColorOption opsyon.
• Magdagdag backColorsDisabled opsyon.
• Magdagdag foreColorsDisabled opsyon.
• Pagbutihin plain paste.
• Pagbutihin pagkaya teksto sa loob ng editor.
• fr-tag ay hindi na idinagdag sa pamamagitan ng default. useFrTag dapat gamitin sa halip.
• editable.imageInserted kaganapan ay may isa pang karagdagang param, tugon, na naglalaman ng unprocessed tugon mula sa server
• Extra & # x3c; p & # x3e; tag ay hindi na idinagdag sa listahan ng mga item.
• Magdagdag customImageButtons opsyon.
• Magdagdag ng mga pagpipilian showNextToCursor.
• Magdagdag multiline opsyon.
• I-upload ang mga file sa pamamagitan ng drag at drop direkta sa editor.
• Palitan CTRL + F shortcut sa pamamagitan ng CTRL + E.
• Pagbutihin URL sanitizer.
• Magdagdag URL plugin na awtomatikong-convert URLS.
• Magdagdag fullscreen plugin.
• Basic iframe support.
• Magdagdag Ukrainian wika.
• Pagbutihin Norwegian wika.
• Magdagdag scrollableContainer opsyon.
• Magdagdag defaultImageAlignment opsyon.
• Magdagdag defaultVideoAlignment opsyon.
• Pagbutihin undo / gawing muli save pagganap
• allowedEmptyTags tag ay hindi na magagamit.
• allowedBlankTags dapat gamitin upang payagan ang walang laman na tag na hindi magkaroon ng anumang mga katangian.
• Magdagdag inline_styles plugin.
• Magdagdag useClasses opsyon.
• Magdagdag ng mga pagpipilian larawan upang ipakita bilang inline o basagin text.
• handlers Palitan ang imahe disenyo.
• Magdagdag ng button align para sa mga imaheng bilang dropdown.
• floatImageLeft, floatImageNone at floatImageRight pindutan ay inalis. align pindutan ay dapat na gamitin sa halip.
• Magdagdag textNearVideo opsyon.

Ano ang bago sa bersyon 1.2.3:.

• Pagbutihin kaganapan sa pamamahala ng mekanismo
• Pagbutihin ang pag-sync at i-undo manager.
• Pagbutihin dikit focus.
• defaultImageWidth opsyon ay hindi pinansin kung ito ay naka-set sa 0.
• Magdagdag setDirty method.
• tumatanggap blockTags option higit pang mga tag ngayon.
• Pagbutihin Word pag-paste.
• Pagbutihin insertHTML method.
• Pagbutihin lumulutang toolbar kapag fixedToolbar opsyon ay hindi totoo.
• Pagbutihin button click karanasan sa mga mobile device.

Ano ang bago sa bersyon 1.2.2:.

• Magdagdag char_counter plugin
• Review listahan ng allowedAttributes.
• Review listahan ng allowedTags.
• Magdagdag beautifyCode opsyon.
• Magdagdag onPaste kaganapan.
• Magdagdag butil-butil na kontrol para sa mga shortcut. ShortcutsAvailable option
• Magdagdag convertEmailAddresses opsyon.
• Pagbutihin UX para sa pagpasok ng link.
• Magdagdag badLink kaganapan.
• I-paste pagpapabuti sa lahat ng mga browser
• Ang paglipat ng mga imahe ay gumagana na ngayon sa IE masyadong.
• Magdagdag pasteImage opsyon.
• Pagbutihin paglilinis.
• Magdagdag royal tema.
• Magdagdag refresh at refreshOnShow pagpipilian para sa mga pasadyang dropdowns.
• Magdagdag refresh opsyon para sa mga pasadyang pindutan.
• Ipakita loader kapag imahe ay ipinasok sa pamamagitan ng link na ito.
• Magdagdag videoAllowedAttributes at videoAllowedTags.
• Payagan undo / gawing muli nang walang mga pindutan.
• Magdagdag imageTitle opsyon.

Ano ang bago sa bersyon 1.2.0:.

• New algorithm para sa nagtatrabaho sa mga listahan
• Nested mga listahan.
• Listahan ay ngayon ng isang plugin.
• File Support.
• Pagbutihin code sa pagiging madaling mabasa.
• Magdagdag ng button upang alisin ang kulay ng background.
• Magdagdag ng button upang alisin ang kulay ng teksto.
• Pagpapabuti sa tema file.
• Magdagdag red tema.
• Magdagdag gray tema.
• Magdagdag link kapag walang text pinili.

Ano ang bago sa bersyon 1.1.9:

• Fixed bug:
• Word paste.
• Magsimula sa fontsize sa Webkit browser.
• Paglilinis RegEx pag-aayos.
• Page pagkutitap sa paste.
• Cursor posisyon sa i-paste sa Webkit browser.

Ano ang bago sa bersyon 1.1.7:

• I-save / Ibalik seleksyon gumagana para sa maramihang mga saklaw <. / li>

Ano ang bago sa bersyon 1.1.6:.

• Tables
• Ipasok video sa pamamagitan ng URL.
• Pagpapabuti ng Bilis.
• Magdagdag ng suporta para sa IE8.
• Improvement sa Android support.
• Pagbutihin mobile popup positioning.
• Magdagdag simpleAmpersand opsyon.
• Magdagdag imageLink opsyon.
• Pagpapabuti sa Aleman wika.
• Beautifier ay ginagamit bilang isang hiwalay na lib at ito ay hindi na magagamit sa pamamagitan ng default.
• Magdagdag maxHeight opsyon.
• Ang default ay hindi na magagamit bilang default, ngunit pagpipilian Maaaring i-toggle.
• inverseSkin ay napalitan ng pagpipilian sa tema.
• Tema CSS file.
• Pagbutihin HTML output.
• Pagbutihin Italian pagsasalin ng wika.
• Simulan sa kulay / laki ng font.
• Payagan ang mga gumagamit upang bumalik error mula sa server para sa mga imahe.
• Palitan invisible space na may BR tag.
• Pagbutihin French translation.
• Magdagdag saveRequestType opsyon.
• Callbacks mula sa mga imahe makakuha jQuery object bilang parameter sa halip ng src.
• Clean HTML na may mga regular na expression sa halip ng jQuery code.
• Editor maaaring initialize sa imahe.
• Editor maaaring initialize sa link.
• Pagpipilian upang i-edit ang teksto mula sa elemento ng DOM sa isang popup.
• Pass isang default na listahan ng mga link upang pumili mula sa.
• Magdagdag ng mga pagpipilian upang buksan ang link sa isa pang tab.
• Magdagdag disableRightClick opsyon.
• Magdagdag blockStylesToggle opsyon.
• Magdagdag trackScroll opsyon.
• Magdagdag unlinkButton opsyon.

Ano ang bago sa bersyon 1.1.5:.

• Magdagdag focus paraan
• Ipakita editor sa right click.
• Editor ay maaari na ngayong initialize sa imahe.
• imageUploadToS3 pagpipilian upang i-upload sa Amazon S3.
• imageUpload pagpipilian upang huwag paganahin-upload ng imahe.
• customDropdowns pagpipilian upang i-customize ang dropdowns.
• blockStyle command upang magtakda ng isang pasadyang blockStyle.
• blockStyles pagpipilian upang magtakda ng mga tiyak blockStyles.
• defaultBlockStyle pagpipilian upang magtakda ng default magagamit na mga estilo block.
• Pagbutihin sirain method.
• Pagbutihin placeholder suporta.
• Pagbutihin coding mode.
• Pagbutihin bagong linya sa code at blockquotes.
• I-set media manager upang laging asahan JSON at hindi text.
• I-update sa FontAwesome 4.1.0.
• Palitan talata icon.
• Palitan icon kulay.
• Magdagdag fontFamily button sa toolbar.
• Magdagdag blockStyle button sa toolbar.
• Magdagdag html button pabalik sa toolbar.
• Payagan URL na nagsisimula sa # at /.
• I-sync kapag imahe ay bumaba.

Ano ang bago sa bersyon 1.1.4:.

• Ilipat writeVideo sa sarili nitong paraan
• Pagbutihin pambalot support.
• Pagbutihin getHTML method.
• Pagbutihin block pag-format.
• Pag-set ang kulay ng background ay isaalang-alang ang mga magulang masyadong.
• Pagbutihin contentChangedCallback support.
• Mag-alis invisible character kapag pag-save ng HTML.
• Magdagdag IsActive paraan upang i-tsek kung ang utos ay aktibo.
• Pagbutihin undo mekanismo.
• Media manager para sa mga imahe.
• Magdagdag zIndex opsyon.
• Minimum para autosaveInterval ay pinalitan ng 100.
• Pagbutihin para XSS support.
• Pagbutihin insertHTML method.
• saveURL ay hindi na kinakailangan upang ma-trigger i-save.
• Magdagdag paghihigpit image sa pamamagitan ng paggamit allowedImageTypes opsyon.
• CTRL + Backspace ay pagputol text.
• CTRL +] sa indent teksto.
• CTRL + [ay outdenting text.
• CTRL + & quot; ay pag-format ng teksto gaya ng quote.
• CTRL + & # x5c; ay pag-format ng teksto gaya ng code.
• I-sync bago magsumite form.
• Tanggalin imahe sa pamamagitan ng pagpindot tanggalin kapag ito ay pinili.
• pagpindot ipasok kapag imahe ay pagpili ay nakakakuha ito pababa.
• maxImageSize pagpipilian upang paghigpitan ang laki ng imahe bago i-upload.
• Magdagdag defaultImageWidth pagpipilian upang itakda ang laki ng larawan sa insertion.
• afterRemoveImageCallback ay ngayon sa pagkuha ng mga imahe src bilang param.
• Image alisin control pinabuting.
• Horizontal line command.
• support Font pamilya.

Ano ang bago sa bersyon 1.1.3:.

• Custom tag mula HTML ay hindi na dahil
• minHeight opsyon.
• removeFormat method.
• Image ay naipasok kung saan ang cursor ay.
• I-undo pinapanatili pagpili at cursor posisyon.
• & quot; Mangyaring maghintay & quot; message kapag upload ng imahe.

Ano ang bago sa bersyon 1.1.2:

• Added:
• textNearImage opsyon.
• imageButtons opsyon.
• alwaysVisible opsyon.
• nofollow opsyon.
• alwaysBlank opsyon.
• plainPaste opsyon.
• Mga icon opsyon.
• Callbacks na idikit.
• getText () method.

Ano ang bago sa bersyon 1.1.0:.

• Idinagdag wika support (28 mga wika)
• kulay kabaligtaran balat.
• Blockquote may quote sa simula.
• Mga Karagdagang mga parameter sa kahilingan upload ng imahe.
• Mga Karagdagang mga parameter upang i-save ang kahilingan.
• support Video.
• Custom pindutan sa toolbar.
• Paragraphy opsyon.

Ano ang bago sa bersyon 1.0.6:.

• Pagbutihin IE 11 suporta para sa inline editor
• Placeholder ay gumagana tulad ng placeholder mula HTML5.
• Payagan ilipat imahe sa editor sa pamamagitan ng pagtatakda opsyon imageMove.
• Magdagdag save button.
• Tooltip at mensahe ng teksto ay maaaring ipasadya sa pamamagitan customText opsyon.
• Toolbar ay maaaring manatili sa tuktok o ilipat kasama ang mga mag-scroll.
• Pagpipilian upang i-strip & # x3c; script & # x3e; tag.

Ano ang bago sa bersyon 1.0.5:

• Picture popup mananatiling aktibo kapag nag-click ka ng isang pindutan mula ito.
• Pagbutihin support listahan.
• Cleanup pagkatapos link / unlink.
• Editor ay makakakuha aktibo kapag ilabas mo mouse sa labas nito at doon ay isang pagpili.
• I-update placeholder style.
• Gethtml paraan cleans up ang ibinalik na HTML.

Ano ang bago sa bersyon 1.0.4:.

• Pagbutihin ugnay sa suporta
• Fixed listahan isyu.
• Paghagupit tab Ipapasok 4 blangko ang puwang.
• Huwag paganahin ang image drag upang maiwasan ang loosing text formatting.

Ano ang bago sa bersyon 1.0.3:

• upload Imahe sa http://uploads.im .

Kinakailangan

• JavaScript pinagana sa client side
• jQuery 1.10.2 o mas mataas