Froala Editor

WYSIWYG sunt bucăți voluminoase de cod care permit utilizatorilor sa format text în interiorul browser-lor la fel cum le-ar face cu software-ul desktop cum ar fi Word sau OpenOffice.

Cele mai multe dintre ele lucreaza prin transformarea unui textarea simplu într-o secțiune de formatare a textului complet suflate, cu o mulțime de bare de instrumente și butoane pentru stilul textelor continute.

Un alt mod de a adăuga un RTE la o pagină este de a permite utilizatorilor să selecteze text și apoi arată un pop-up cu formatare controale de lângă ea.

Ambele căi sunt mari, dar puțini editori WYSIWYG furnizează aceste două opțiuni de editare, concentrându-se doar pe una dintre aceste experiențe de editare.

Froala Editor oferă un editor WYSIWYG solid, care lucrează pentru ambele experiențe de editare menționate mai sus, dar, de asemenea, oferă un codebase destul de solid, codificate în conformitate cu cele mai recente standarde și cele mai bune practici.

Froala Editor este una dintre puținele RTEs în jurul cu suport mobil și Retina, făcându-l, de asemenea, ideal pentru utilizarea pe dispozitive mobile, de asemenea.

Folosind pictograma fontului FontAwesome pentru butoanele editorului, Froala reduce, de asemenea cereri HTTP atunci când încărcarea editorului, îmbunătățirea timpului de încărcare a paginii și oferind o mult mai ușor la stilul editor UI.

Totul în interiorul barelor de instrumente de editare Froala este interschimbabil, dezvoltatorii fiind capabil de a transforma butoanele și funcționalitatea on sau off, sau mutați-le în jurul valorii de la pozițiile personalizate, așa cum se impune.

Toate în toate editorul Froala este o soluție foarte bine făcut WYSIWYG, cu o mulțime de opțiuni de personalizare, documentare și demo-uri incluse.

Froala Editor este disponibil în cadrul unui model de dublă licențiere. Versiunea gratuită este proiecte personale și non-comerciale disponibile în baza unei licențe International Creative Commons Atribuire-Necomercial-NoDerivatives 4.0, în timp ce pentru uz comercial, diverse licențe disponibile cu plată sunt, în funcție de cerințele de utilizare dorite. Asigurați-vă că pentru a citi contractul de licență și nu te amesteci

Ce este nou în această versiune:.

Nou în Froala Editor 1.2.7 (14 mai, 2015)

Ce este nou în versiunea 2.1.0:

• Adăugați opțiunea pluginsEnabled.
• Adăugați plugin proprietate la comenzi.
• Adăugați opțiunea emoticonsUseImage.
• Permiteți note:. // Pentru link-uri
• Adăugați rapid inserați plugin-ul.
• Previzualizare imagine în timpul încărcării.
• Adăugați un tabel se introduce ajutor.
• Reconfigurarea pictograma linie de întrerupător.

Ce este nou în versiunea 1.2.7:.

• Adăugați un eveniment beforeUploadPastedImage
• Butoanele nu sunt simpleTags. Îmbunătăți allowedAttrs de curățare.
• HTML Clean, care este stabilit în interiorul textarea înainte de a adăuga la elementul.
• Adăugați opțiunea doNotJoinTags.
• Culori plugin a fost îmbunătățită.
• Adăugați opțiunea linkAttributes.
• Îmbunătățire evenimente imageAltSet, imageFloatedLeft, imageFloatedNone și imageFloatedRight.
• Adăugați entități plugin.
• Adăugați răspuns la evenimentul fileuploaded.
• Adăugați evenimente afterImageUpload și afterFileUpload.
• Înlocuiți node.children cu node.childNodes.
• Îmbunătățire evenimente imageResize și imageResizeEnd.
• Adăugați saveParam.
• Se lasă să tastați în RTL sau LTR în funcție de tipul de tastatură.
• Îmbunătățire traducere daneză.
• Îmbunătățire lipire.
• Adăugați afterPasteCleanup eveniment.
• Text în interiorul link-ul nu mai este igienizat
• opțiunea Add iconClasses.
• Adăugați opțiunea useFileName.
• Adăugați traducerea în limba estoniană.

Ce este nou în versiunea 1.2.6:.

• Reflectă în UI starea de dezactivare
• Substitut nu mai are italic.
• Valoarea implicită linkAutoPrefix este șir gol în loc de fals.
• Popups sunt închise când este redimensionată fereastra.
• Introduceți nu mai copiază stilul elementului blocului anterior.
• Permiteți previzualizare video în toate browserele.
• Verificați TAB prin testarea charCode în loc de șirul în sine.
• Îmbunătățire traducere rusă.

Ce este nou în versiunea 1.2.5:.

• Îmbunătățirea tastare generală atunci când opțiunea paragraphy este falsă
• Adăugați opțiunea linkAutoPrefix.
• Îmbunătățirea algoritm de curățare
• Trimiteți popups prin apăsarea ENTER.
• Închide ferestrele pop-up atunci când a lovit ESC.
• Adăugați defaultTag ca experimental.
• tag-ul Style nu mai este permisă pentru a preveni XSS.
• Acest text este selecția implicită în meniul drop-down culori.
• Adăugați opțiunea foreColors.
• Adăugați opțiunea backColors.
• Adăugați opțiunea defaultColorOption.
• Adăugați opțiunea backColorsDisabled.
• Adăugați opțiunea foreColorsDisabled.
• Îmbunătățire pasta neteda.
• Îmbunătățire adaptare a textului din cadrul editorului.
• fr-tag-ul nu mai este adăugat în mod implicit. useFrTag ar trebui utilizat în loc.
• editable.imageInserted eveniment mai are un param, ca răspuns, care conține răspunsul neprelucrat de la server
• Extra & # x3c; p & # x3e; tag-uri nu mai sunt adăugate în elemente de listă.
• Adăugați opțiunea customImageButtons.
• Adăugați opțiunea showNextToCursor.
• Adăugați opțiunea de mai multe linii.
• Încărcați fișierele prin drag and drop direct în editorul.
• Înlocuiți CTRL + F scurtătură CTRL + E.
• Îmbunătățirea URL-ul Sanitizer.
• Adăugați URL-uri plug-in care ar converti automat URLS.
• Adăugați plugin pentru ecran complet.
• Suportul de bază iframe.
• Adăugați o limbă ucraineană.
• Îmbunătățirea limba norvegiană.
• Adăugați opțiunea scrollableContainer.
• Adăugați opțiunea defaultImageAlignment.
• Adăugați opțiunea defaultVideoAlignment.
• Îmbunătățirea undo / redo de economisire de performanță
• allowedEmptyTags tag-uri nu mai este disponibil.
• allowedBlankTags ar trebui să fie utilizate pentru a permite gol tag-ul, care nu au nici un atribut.
• Adăugați inline_styles plug-in.
• Adăugați opțiunea useClasses.
• Adăugați opțiuni de imagine pentru a afișa ca linie sau rupe textul.
• Stivuitoare Modificare imagine de design.
• Adăugați butonul de aliniere pentru imagine ca un drop-down.

Butoanele
• floatImageLeft, floatImageNone și floatImageRight au fost îndepărtate. aliniați butonul ar trebui să fie folosit în loc.
• Adăugați textNearVideo opțiune.

Ce este nou în versiunea 1.2.3:.

• Îmbunătățirea mecanismului de gestionare a evenimentelor
• Îmbunătățirea sincronizării și a anula manager.
• Îmbunătățire lipire focalizare.

opțiunea
• defaultImageWidth este ignorată dacă este setat la 0.
• Adăugați o metodă setDirty.
• opțiunea blockTags acceptă mai multe etichete acum.
• Îmbunătățire cuvânt lipire.
• Îmbunătățire metoda insertHTML.
• Îmbunătățirea bara de instrumente flotantă atunci când opțiunea fixedToolbar este falsă.
• Îmbunătățirea experiență faceți clic pe butonul de pe dispozitivele mobile.

Ce este nou în versiunea 1.2.2:.

• Adăugați char_counter plugin
• Lista de revizuire a allowedAttributes.
• Lista de revizuire a allowedTags.
• Adăugați opțiunea beautifyCode.
• Adăugați un eveniment onPaste.
• Adăugați un control granular pentru comenzile rapide:. Opțiunea shortcutsAvailable
• Adăugați opțiunea convertEmailAddresses.
• Îmbunătățirea UX pentru inserarea link-ul.
• Adăugați un eveniment badLink.
• îmbunătățiri Lipire în toate browserele
• Mutarea imaginilor funcționează acum în IE prea.
• Adăugați opțiunea pasteImage.
• Îmbunătățirea de curățare.
• Adăugați temă regală.
• Adăugați opțiuni de reîmprospătare și refreshOnShow pentru dropdowns personalizate.
• Adăugați opțiunea de reîmprospătare pentru butoane personalizate.
• Afișare imagine pentru încărcător atunci când este introdus prin link-ul.
• Adăugați videoAllowedAttributes și videoAllowedTags.
• Permiteți undo / redo fără butoane.
• Adăugați opțiunea imageTitle.

Ce este nou în versiunea 1.2.0:.

• Noul algoritm pentru lucrul cu liste
• Liste imbricate.
• Listele sunt acum un plugin.
• File Support.
• Îmbunătățirea codul de citire.
• butonul Adăugare pentru a elimina culoarea de fundal.
• butonul Adăugare pentru a elimina culoarea textului.
• Îmbunătățiri fișier temă.
• Adăugați temă roșu.
• Adăugați temă gri.
• Adăugați link-ul atunci când nu există nici un text selectat.

Ce este nou în versiunea 1.1.9:

• bug-uri fixe:
• pastă de cuvânt.
• Începeți cu FONTSIZE în browserele Webkit.
• remedii de curățare RegEx.
• Pagina pâlpâitoare de pe pastă.
• Poziția cursorului pe pastă în browsere Webkit.

Ce este nou în versiunea 1.1.7:

• Salvare / Restaurare selecție de lucrări pentru mai multe intervale <. / li>

Ce este nou în versiunea 1.1.6:.

• Tabelele
• Inserare video prin URL-ul.
• îmbunătățiri de viteză.
• Adăugați suport pentru IE8.
• Îmbunătățirea pentru a sprijini Android.
• Îmbunătățirea pop-up de poziționare mobile.
• Adăugați opțiunea simpleAmpersand.
• Adăugați opțiunea ImageLink.
• Îmbunătățirile limbilor germană.
• Beautifier este utilizat ca lib separat și nu mai este disponibil în mod implicit.
• Adăugați opțiunea maxHeight.
• Implicit nu mai este disponibil în mod implicit, dar opțiunile pot fi inversate.
• inverseSkin se înlocuiește cu opțiunea temă.
• fișier Tema CSS.
• Îmbunătățirea HTML ieșire.
• Îmbunătățirea traducerea în limba italiană.
• Start color / dimensiunea fontului.
• Permite utilizatorului să se întoarcă de eroare de la server pentru imagine.
• Înlocuiți spațiu invizibil cu tag-ul BR.
• Îmbunătățire traducere franceză.
• Adăugați opțiunea saveRequestType.
• Reapelări din imagini obține jQuery obiect ca parametru în loc de src.
• HTML Clean cu expresii regulate în loc de cod jQuery.
• Editor poate fi inițializată pe imagine.
• Editor poate fi inițializată pe link-ul.
• Opțiunea de a edita textul din elementul DOM într-un pop-up.
• Se trece o listă implicită de link-uri pentru a alege.
• Adăugare opțiune pentru a deschide link-ul într-o altă filă.
• Adăugați opțiunea disableRightClick.
• Adăugați opțiunea blockStylesToggle.
• Adăugați opțiunea trackScroll.
• Adăugați opțiunea unlinkButton.

Ce este nou în versiunea 1.1.5:.

• Adăugați o metodă de focalizare
• Afișați editorul pe clic dreapta.
• Editor acum poate fi inițializată pe imagine.
• opțiunea imageUploadToS3 pentru a încărca pe Amazon S3.
• opțiunea imageUpload pentru a dezactiva încărcarea imaginii.
• opțiunea customDropdowns pentru a personaliza dropdowns.
• comanda blockStyle pentru a seta un obicei blockStyle.

opțiunea
• blockStyles pentru a seta blockStyles specifice.
• opțiunea defaultBlockStyle pentru a seta implicit stiluri de bloc disponibile.
• Îmbunătățirea distruge metoda.
• Îmbunătățirea suport înlocuitor.
• Îmbunătățirea modului de codare.
• Îmbunătățire linie nouă în cod și blockquotes.
• Setați media manager să se aștepte mereu JSON și nu de text.
• Actualizare la FontAwesome 4.1.0.
• Înlocuiți punctul pictograma.
• Înlocuiți pictograma de culoare.
• Adăugați butonul fontFamily în bara de instrumente.
• Adăugați butonul blockStyle în bara de instrumente.
• Adăugați butonul html înapoi în bara de instrumente.
• Permiteți URL-uri începând cu # și /.
• Sincronizare când imaginea este abandonată.

Ce este nou în versiunea 1.1.4:.

• Mutare writeVideo la propria sa metodă
• Îmbunătățirea suport de ambalaj.
• Îmbunătățire metoda getHTML.
• Îmbunătățire bloc de formatare.
• Setarea culorii de fundal s-ar lua în considerare părinții prea.
• Îmbunătățirea sprijin contentChangedCallback.
• Eliminare caractere invizibile la salvarea HTML.
• Adăugați o metodă isActive pentru a verifica dacă comanda este activă.
• Îmbunătățirea anula mecanisme.
• Media manager pentru imagini.
• Adăugați opțiunea zindex.
• minimă pentru autosaveInterval a fost schimbat la 100.
• Îmbunătățirea pentru sprijin XSS.
• Îmbunătățire metoda insertHTML.
• saveURL nu mai este necesară pentru a declanșa salva.
• Adăugați o restricție de imagini folosind opțiunea allowedImageTypes.
• CTRL + Backspace este de tăiere a textului.
• CTRL +] în cuta de text.
• CTRL + [este outdenting textul.
• CTRL + & quot; este formatarea textul citat.
• CTRL + & # x5c; este formatarea textului sub formă de cod.
• Sincronizare înainte de formularul de depunere.
• Ștergere imagine prin apăsarea șterge când este selectat.
• Apăsând Enter când imaginea este selectarea este obtinerea-l în jos.
• opțiunea maxImageSize pentru a limita dimensiunea imaginii înainte de încărcare.
• Adăugați defaultImageWidth opțiune pentru a seta dimensiunea imaginii de pe inserție.
• afterRemoveImageCallback este acum obtinerea src imagine ca param.
• Image elimina un control îmbunătățit.
• comandă linie orizontală.
• sprijin familial Font.

Ce este nou în versiunea 1.1.3:.

• tag-uri personalizate din HTML nu mai îndepărtate
• minHeight opțiune.
• metoda removeFormat.
• se introduce la imagine în cazul în care cursorul este.
• Anulare păstrează poziția de selecție și a cursorului.
• & quot; Vă rugăm să așteptați & quot; mesaj atunci când încărcarea imaginii.

Ce este nou în versiunea 1.1.2:

• Adăugat:
• opțiunea textNearImage.

opțiunea
• imageButtons.
• opțiunea alwaysVisible.
• opțiunea nofollow.
• opțiunea alwaysBlank.
• opțiunea plainPaste.
• Icoane opțiune.
• Reapelări pentru lipire.
• getText () metoda.

Ce este nou în versiunea 1.1.0:.

• Adăugat limbi suport (28 de limbi)
• culori ale pielii Inverse.
• Blockquote are citat la început.
• Parametri suplimentari la cerere de încărcare a imaginilor.
• Parametri suplimentari pentru a salva cerere.
• Suport video.
• Butoanele personalizate din bara de instrumente.
• opțiunea Paragraphy.

Ce este nou în versiunea 1.0.6:.

• Îmbunătățirea IE 11 suport pentru editor inline
• Substitut funcționează ca substituent din HTML5.
• Se permite mutarea imaginii în editorul prin setarea opțiunii imageMove.
• Add a salva butonul.
• Pontul și mesaje text pot fi personalizate prin opțiunea customText.
• Bara de instrumente pot rămâne la partea de sus sau de a muta impreuna cu scroll-ul.
• Opțiune pentru benzi & # x3c; script & # x3e; tag-ul.

Ce este nou în versiunea 1.0.5:

• Imagine pop-up rămâne activă atunci când faceți clic pe un buton din l.
• Îmbunătățirea sprijin listă.
• Curățare după link-ul / Unlink.
• Editor devine activ atunci când eliberați mouse-ul în afara ei și există o selecție.
• Actualizare stil înlocuitor.
• Metoda Gethtml curata HTML returnat.

Ce este nou în versiunea 1.0.4:.

• Îmbunătățirea suport tactil
• probleme listă fixă.
• fila Lovind va insera 4 spații goale.
• trageți imaginea Disable pentru a preveni pierderea de formatare a textului.

Ce este nou în versiunea 1.0.3:

• Încărcarea unei imagini pe http://uploads.im .

Cerințe :

• JavaScript activat pe partea de client
• jQuery 1.10.2 sau mai mare