Froala Editor

WYSIWYG είναι ογκώδη κομμάτια του κώδικα που επιτρέπει στους χρήστες να μορφοποιήσετε κείμενο στο εσωτερικό τους browsers όπως ακριβώς θα έκαναν με το λογισμικό desktop όπως το Word ή το OpenOffice.

Οι περισσότεροι από αυτούς εργάζονται με το μετασχηματισμό ένα απλό textarea σε ένα πλήρως ανεπτυγμένο τμήμα μορφοποίηση του κειμένου, με πολλά γραμμές εργαλείων και τα κουμπιά για το στυλ του που περιέχονται κειμένου.

Ένας άλλος τρόπος για την προσθήκη ενός RTE σε μια σελίδα είναι να επιτρέψει στους χρήστες να επιλέξουν κείμενο και στη συνέχεια να δείξει ένα αναδυόμενο παράθυρο με τη μορφοποίηση ελέγχους δίπλα του.

Και οι δύο τρόποι είναι μεγάλη, αλλά λίγοι WYSIWYG συντάκτες παρέχουν τις δύο αυτές επιλογές επεξεργασίας, εστιάζοντας σε ένα μόνο από αυτά τα επεξεργάζεστε εμπειρίες.

Froala Επεξεργαστής παρέχει μια σταθερή πρόγραμμα επεξεργασίας WYSIWYG, που εργάζονται για δύο από τις προαναφερθείσες εμπειρίες μοντάζ, αλλά προσφέρει επίσης μια αρκετά σταθερή βάση κώδικα, κωδικοποιούνται σύμφωνα με τα τελευταία πρότυπα και τις βέλτιστες πρακτικές του κλάδου.

Η Froala Editor είναι ένα από τα λίγα RTEs γύρω με τα κινητά και Retina υποστήριξη, καθιστώντας το ιδανικό για χρήση σε κινητές συσκευές επίσης.

Αξιοποιώντας τη γραμματοσειρά εικονίδιο FontAwesome για τα κουμπιά του συντάκτη, Froala μειώνει επίσης τα αιτήματα HTTP κατά τη φόρτωση του επεξεργαστή, βελτιώνοντας το χρόνο φόρτωσης της σελίδας και παρέχοντας ένα πολύ πιο εύκολο να το στυλ UI συντάκτη.

Τα πάντα μέσα στις γραμμές εργαλείων επεξεργασίας Froala είναι εναλλάξιμα, οι προγραμματιστές είναι σε θέση να μετατρέψει τα κουμπιά και τη λειτουργικότητα ή να απενεργοποιήσετε ή να τα μετακινήσετε γύρω από το έθιμο θέσεις κατά το δοκούν.

Όλα σε όλα τα Froala Editor είναι ένα πολύ καλά κάνει λύση WYSIWYG, με πολλές επιλογές προσαρμογής, την τεκμηρίωση και demos που περιλαμβάνονται.

Froala Editor είναι διαθέσιμες κάτω από ένα διπλό μοντέλο παραχώρησης αδειών. Η δωρεάν έκδοση είναι διαθέσιμη προσωπική και μη-εμπορικά έργα κάτω από ένα διεθνή άδεια Creative Commons Αναφορά προέλευσης-Μη Εμπορική Χρήση-NoDerivatives 4.0, ενώ για εμπορική χρήση, διάφορα επί πληρωμή άδειες είναι διαθέσιμες, ανάλογα με τις επιθυμητές απαιτήσεις χρήσης. Να είστε βέβαιος να διαβάσει τη συμφωνία αδειοδότησης και δεν μπερδεύονται

Τι είναι καινούργιο σε αυτή την έκδοση:.

Νέα σε Froala Εκδότης 1.2.7 (14, Μαΐου, 2015)

Τι είναι καινούργιο στην έκδοση 2.1.0:

• Προσθήκη pluginsEnabled επιλογή.
• Προσθήκη plugin ιδιοκτησίας στις εντολές.
• Προσθήκη επιλογή emoticonsUseImage.
• Να επιτρέπεται σημειώσεις:. // Για τις συνδέσεις
• Προσθήκη γρήγορη ένθετο plugin.
• εικόνα προεπισκόπησης κατά τη μεταφόρτωση.
• Προσθήκη πίνακα ένθετο βοηθός.
• εικονίδιο Επανασχεδιασμός διακόπτη γραμμής.

Τι είναι καινούργιο στην έκδοση 1.2.7:.

• εκδήλωση beforeUploadPastedImage Προσθήκη
• Τα κουμπιά δεν είναι simpleTags. Βελτιώσει allowedAttrs καθαρισμό.
• Καθαρίστε HTML που βρίσκεται μέσα textarea πριν από την προσθήκη του στοιχείου.
• Προσθήκη επιλογή doNotJoinTags.
• Χρώματα plugin βελτιώθηκε.
• Προσθήκη επιλογή linkAttributes.
• Βελτίωση imageAltSet, imageFloatedLeft, imageFloatedNone και imageFloatedRight γεγονότα.
• Προσθήκη οντότητες plugin.
• Προσθήκη απάντηση στην εκδήλωση fileUploaded.
• Προσθήκη afterImageUpload και afterFileUpload γεγονότα.
• Αντικαταστήστε node.children με node.childNodes.
• Βελτίωση imageResize και imageResizeEnd γεγονότα.
• Προσθήκη saveParam.
• Αφήστε να πληκτρολογήσετε RTL ή LTR ανάλογα με τον τύπο του πληκτρολογίου.
• Βελτίωση της Δανίας μετάφραση.
• Βελτίωση επικόλληση.
• Προσθήκη afterPasteCleanup περίπτωση.
• Κείμενο εσωτερικό σύνδεσμο δεν απολυμαίνονται πια
• επιλογή Προσθήκη iconClasses.
• Προσθήκη επιλογή useFileName.
• Προσθήκη Εσθονικά μετάφραση.

Τι είναι καινούργιο στην έκδοση 1.2.6:.

• Reflect στο UI το απενεργοποιήσετε κατάσταση
• κράτησης θέσης δεν έχει πλέον πλάγια στυλ.
• Προεπιλεγμένη τιμή linkAutoPrefix είναι κενό string αντί για ψευδείς.
• Τα αναδυόμενα παράθυρα κλειστά όταν το παράθυρο αλλάξει μέγεθος.
• Πληκτρολογήστε αυτό δεν είναι πλέον αντιγράφοντας το στυλ του προηγούμενου στοιχείου μπλοκ.
• Να επιτρέπεται η προεπισκόπηση του βίντεο σε όλα τα προγράμματα περιήγησης.
• Ελέγξτε TAB από τη δοκιμή της charCode αντί της ίδιας της συμβολοσειράς.
• Βελτίωση ρωσική μετάφραση.

Τι είναι καινούργιο στην έκδοση 1.2.5:.

• Βελτίωση συνολική πληκτρολόγηση, όταν η επιλογή paragraphy είναι ψευδής
• Προσθήκη επιλογή linkAutoPrefix.
• Βελτίωση αλγόριθμο καθαρισμού
• Δώστε τα αναδυόμενα παράθυρα από χτυπώντας το πλήκτρο ENTER.
• Κλείστε τα αναδυόμενα παράθυρα όταν χτυπά ESC.
• Προσθήκη defaultTag ως πειραματικά.
• tag Style δεν επιτρέπεται πλέον, προκειμένου να αποφευχθεί XSS.
• Κείμενο είναι η προεπιλεγμένη επιλογή στο χρώμα αναπτυσσόμενο.
• Προσθήκη επιλογή foreColors.
• Προσθήκη επιλογή backColors.
• Προσθήκη επιλογή defaultColorOption.
• Προσθήκη επιλογή backColorsDisabled.
• Προσθήκη foreColorsDisabled επιλογή.
• Βελτίωση απλό πάστα.
• Βελτίωση αντιμετώπιση κείμενο μέσα στον επεξεργαστή.
• FR-ετικέτας δεν είναι πλέον προστίθενται από προεπιλογή. useFrTag πρέπει να χρησιμοποιείται αντ 'αυτού.
• editable.imageInserted εκδήλωση έχει ένα ακόμη param, αντίδραση, που περιέχει το μη επεξεργασμένο απόκριση από το διακομιστή
• Extra & # X3C? P & # x3e? Οι ετικέτες δεν είναι πλέον προστίθενται σε στοιχεία της λίστας.
• Προσθήκη επιλογή customImageButtons.
• Προσθήκη επιλογή showNextToCursor.
• Προσθέστε την επιλογή πολλαπλών γραμμών.
• Ανέβασμα αρχείων με drag and drop 'ευθείας στον επεξεργαστή.
• Αντικατάσταση CTRL + F συντόμευση από CTRL + E.
• Βελτίωση απολυμαντικό URL.
• Προσθέστε διευθύνσεις URL plugin που θα μετατρέψει αυτόματα URLs.
• Προσθήκη fullscreen plugin.
• Βασική υποστήριξη iframe.
• Προσθήκη Ουκρανική γλώσσα.
• Βελτίωση νορβηγική γλώσσα.
• Προσθήκη επιλογή scrollableContainer.
• Προσθήκη επιλογή defaultImageAlignment.
• Προσθήκη επιλογή defaultVideoAlignment.
• Βελτίωση undo / redo εξοικονόμηση απόδοση
• allowedEmptyTags ετικέτες δεν είναι πλέον διαθέσιμο.
• allowedBlankTags θα πρέπει να χρησιμοποιηθεί για να επιτρέψει άδειο ετικέτα που δεν έχουν οποιαδήποτε χαρακτηριστικά.
• Προσθήκη inline_styles plugin.
• Προσθήκη επιλογή useClasses.
• Προσθέστε επιλογές εικόνα για να εμφανιστεί ως inline ή να σπάσει το κείμενο.
• χειριστές Αλλαγή εικόνα του σχεδιασμού.
• Προσθέστε το κουμπί Align για την εικόνα ως ένα αναπτυσσόμενο.

κουμπιά
• floatImageLeft, floatImageNone και floatImageRight αφαιρέθηκαν. ευθυγράμμιση κουμπί θα πρέπει να χρησιμοποιείται αντ 'αυτού.
• Προσθήκη textNearVideo επιλογή.

Τι είναι καινούργιο στην έκδοση 1.2.3:.

• Βελτίωση γεγονότα διαχείριση μηχανισμό
• Βελτίωση συγχρονισμό και να αναιρέσετε διαχειριστή.
• Βελτίωση επικόλληση εστίαση.

επιλογή
• defaultImageWidth αγνοείται αν έχει οριστεί σε 0.
• Προσθήκη μέθοδο setDirty.
• επιλογή blockTags δέχεται περισσότερες ετικέτες τώρα.
• Βελτίωση του Word επικόλληση.
• Βελτίωση μέθοδο insertHTML.
• Βελτίωση κινητή γραμμή εργαλείων, όταν η επιλογή fixedToolbar είναι ψευδής.
• Βελτίωση κουμπί κλικ εμπειρία σε κινητές συσκευές.

Τι είναι καινούργιο στην έκδοση 1.2.2:.

• Προσθήκη plugin char_counter
• Λίστα αναθεώρηση των allowedAttributes.
• Λίστα αναθεώρηση των allowedTags.
• Προσθήκη επιλογή beautifyCode.
• Προσθήκη onPaste περίπτωση.
• Προσθήκη λεπτομερή έλεγχο για συντομεύσεις:. ShortcutsAvailable επιλογή
• Προσθήκη επιλογή convertEmailAddresses.
• Βελτίωση UX για την εισαγωγή σύνδεσμο.
• εκδήλωση badLink Προσθήκη.
• βελτιώσεις Επικόλληση σε όλα τα προγράμματα περιήγησης
• Κινούμενες εικόνες λειτουργεί τώρα στον IE πάρα πολύ.
• Προσθήκη pasteImage επιλογή.
• Βελτίωση καθαρισμού.
• Προσθήκη βασιλικό θέμα.
• Προσθήκη ανανέωσης και refreshOnShow επιλογές για την προσαρμοσμένη αναπτυσσόμενα μενού.
• Προσθήκη ανανέωσης επιλογή για προσαρμοσμένα κουμπιά.
• Δείτε φορτωτή όταν η εικόνα εισάγεται με σύνδεση.
• Προσθήκη videoAllowedAttributes και videoAllowedTags.
• Να επιτρέπεται undo / redo χωρίς κουμπιά.
• Προσθήκη επιλογή imageTitle.

Τι είναι καινούργιο στην έκδοση 1.2.0:.

• Νέα αλγόριθμο για την εργασία με λίστες
• ένθετες λίστες.
• Οι λίστες είναι τώρα ένα plugin.
• Υποστήριξη αρχείων.
• Βελτίωση της αναγνωσιμότητας κώδικα.
• κουμπί Προσθήκη για να αφαιρέσετε το χρώμα του φόντου.
• κουμπί Προσθήκη για να αφαιρέσετε το χρώμα του κειμένου.
• Βελτιώσεις στο αρχείο θέματος.
• Προσθήκη κόκκινο θέμα.
• Προσθήκη γκρι θέμα.
• Προσθήκη συνδέσμου όταν δεν υπάρχει επιλεγμένο κείμενο.

Τι είναι καινούργιο στην έκδοση 1.1.9:

• Σταθερή σφάλματα:
• πάστα Word.
• Ξεκινήστε με Μέγεθος γραμματοσειράς σε προγράμματα περιήγησης Webkit.
• Καθαρισμός RegEx διορθώσεις.
• Page τρεμοπαίζει στην πάστα.
• Θέση δρομέα σε πάστα σε προγράμματα περιήγησης Webkit.

Τι είναι καινούργιο στην έκδοση 1.1.7:

• Save / Restore επιλογή δουλεύει για πολλαπλές σειρές <. / li>

Τι είναι καινούργιο στην έκδοση 1.1.6:.

• Πίνακες
• Εισαγωγή βίντεο από τη διεύθυνση URL.
• Βελτιώσεις ταχύτητας.
• Προσθέστε υποστήριξη για IE8.
• Βελτίωση υποστήριξη Android.
• Βελτίωση κινητό αναδυόμενο θέσης.
• Προσθήκη επιλογή simpleAmpersand.
• Προσθήκη ImageLink επιλογή.
• Βελτιώσεις σε γερμανική γλώσσα.
• καλλωπιστής χρησιμοποιείται ως ένα ξεχωριστό lib και δεν είναι πλέον διαθέσιμο από προεπιλογή.
• Προσθήκη επιλογή maxHeight.
• Προεπιλογή δεν είναι πλέον διαθέσιμο ως προεπιλογή, αλλά οι επιλογές μπορούν να ανάβουν.
• inverseSkin αντικαθίσταται από την επιλογή θέματος.
• αρχείο Θέμα CSS.
• Βελτίωση εξόδου HTML.
• Βελτίωση ιταλική μετάφραση γλώσσα.
• Ξεκινήστε το χρώμα / μέγεθος της γραμματοσειράς.
• Να επιτρέπεται στο χρήστη να επιστρέψει σφάλμα από το διακομιστή για την εικόνα.
• Αντικαταστήστε αόρατο χώρο με ετικέτα BR.
• Βελτίωση γαλλική μετάφραση.
• Προσθήκη επιλογή saveRequestType.
• Επανακλήσεις από εικόνες πάρει jQuery αντικειμένου ως παράμετρο αντί src.
• Καθαρίστε HTML με κανονικές εκφράσεις αντί για κωδικό jQuery.
• Editor μπορεί να αρχικοποιηθεί στην εικόνα.
• Editor μπορεί να προετοιμαστεί για σύνδεση.
• Επιλογή για να επεξεργαστείτε το κείμενο από το στοιχείο DOM σε ένα αναδυόμενο παράθυρο.
• Περάστε μια προεπιλεγμένη λίστα με συνδέσμους για να διαλέξετε.
• Προσθέστε την επιλογή για να ανοίξετε τη σύνδεση σε μια άλλη καρτέλα.
• Προσθήκη επιλογή disableRightClick.
• Προσθήκη επιλογή blockStylesToggle.
• Προσθήκη επιλογή trackScroll.
• Προσθήκη επιλογή unlinkButton.

Τι είναι καινούργιο στην έκδοση 1.1.5:.

• Προσθήκη μέθοδο εστίασης
• Δείτε editor στο δεξί κλικ.
• Editor μπορεί τώρα να προετοιμαστεί για την εικόνα.
• επιλογή imageUploadToS3 να ανεβάσετε στο Amazon S3.
• επιλογή imageUpload να απενεργοποιήσετε αποστολής της εικόνας.
• επιλογή customDropdowns να προσαρμόσετε αναπτυσσόμενα μενού.
• εντολή blockStyle να ορίσετε μια προσαρμοσμένη blockStyle.

επιλογή
• blockStyles να ορίσετε συγκεκριμένες blockStyles.
• επιλογή defaultBlockStyle να ορίσετε προεπιλεγμένες διαθέσιμα στυλ μπλοκ.
• Βελτίωση καταστρέψει μέθοδο.
• Βελτίωση υποστήριξη σύμβολο κράτησης θέσης.
• Βελτίωση λειτουργία κωδικοποίησης.
• Βελτίωση νέα γραμμή στον κώδικα και blockquotes.
• Ορισμός διαχειριστή των μέσων ενημέρωσης να περιμένουμε πάντα JSON και όχι το κείμενο.
• Ενημέρωση για να FontAwesome 4.1.0.
• Να αντικατασταθεί η παράγραφος εικονίδιο.
• Αντικαταστήστε το εικονίδιο χρώμα.
• Προσθέστε το κουμπί fontFamily στη γραμμή εργαλείων.
• Προσθέστε το κουμπί blockStyle στη γραμμή εργαλείων.
• Προσθέστε το κουμπί html πίσω στη γραμμή εργαλείων.
• Αφήστε τις διευθύνσεις URL που ξεκινούν με # και /.
• Sync όταν η εικόνα έχει πέσει.

Τι είναι καινούργιο στην έκδοση 1.1.4:.

• Μετακίνηση writeVideo με τη δική της μέθοδο
• Βελτίωση υποστήριξη περιτύλιγμα.
• Βελτίωση μέθοδο getHTML.
• Βελτίωση μορφοποίησης μπλοκ.
• Ρύθμιση χρώμα του φόντου θα λαμβάνουν οι γονείς υπόψη πάρα πολύ.
• Βελτίωση υποστήριξη contentChangedCallback.
• Κατάργηση αόρατο χαρακτήρες κατά την αποθήκευση της HTML.
• Προσθήκη isActive μέθοδος για να ελέγξετε αν η εντολή είναι ενεργή.
• Βελτίωση αναιρέσετε μηχανισμών.
• Διαχείριση μέσων για τις εικόνες.
• Προσθήκη επιλογή zIndex.
• Ελάχιστο για autosaveInterval άλλαξε σε 100.
• Βελτίωση για την υποστήριξη XSS.
• Βελτίωση μέθοδο insertHTML.
• saveURL δεν είναι πλέον απαιτείται για την ενεργοποίηση σώσει.
• Προσθήκη περιορισμού της εικόνας χρησιμοποιώντας την επιλογή allowedImageTypes.
• CTRL + Backspace κόβει κείμενο.
• CTRL +] σε εσοχή κειμένου.
• CTRL + [είναι outdenting κείμενο.
• CTRL + & quot? μορφοποίηση κειμένου ως απόσπασμα.
• CTRL + & # X5c? μορφοποίηση κειμένου κώδικα.
• Sync πριν από την υποβολή της φόρμας.
• Διαγραφή εικόνας από το χτύπημα διαγράψει όταν έχει επιλεγεί.
• Το πάτημα του enter όταν η εικόνα είναι επιλογή είναι να πάρει κάτω.
• επιλογή maxImageSize να περιορίσουν το μέγεθος της εικόνας πριν από τη μεταφόρτωση.
• Προσθήκη defaultImageWidth επιλογή για να ορίσετε το μέγεθος της εικόνας κατά την εισαγωγή.
• afterRemoveImageCallback τώρα να πάρει την src εικόνα ως param.
• Εικόνα αφαιρέστε τον έλεγχο βελτιωθεί.
• εντολή Οριζόντια γραμμή.
• υποστήριξη της οικογένειας γραμματοσειρών.

Τι είναι καινούργιο στην έκδοση 1.1.3:.

• Προσαρμοσμένες ετικέτες από την HTML δεν είναι πλέον αφαιρεθεί
• minHeight επιλογή.
• μέθοδο removeFormat.
• Εικόνα εισάγεται όπου βρίσκεται ο δρομέας.
• Αναίρεση διατηρεί θέση επιλογής και ο δρομέας.
• & quot? Παρακαλώ περιμένετε & quot? Μήνυμα κατά τη μεταφόρτωση της εικόνας.

Τι είναι καινούργιο στην έκδοση 1.1.2:

• Προστέθηκε:
• επιλογή textNearImage.

επιλογή
• imageButtons.
• alwaysVisible επιλογή.
• επιλογή nofollow.
• επιλογή alwaysBlank.
• επιλογή plainPaste.
• Εικόνες επιλογή.
• Επανακλήσεις για επικόλληση.
• gettext () μέθοδο.

Τι είναι καινούργιο στην έκδοση 1.1.0:.

• Προστέθηκε γλώσσες υποστήριξης (28 γλώσσες)
• χρώματα Αντίστροφο δέρματος.
• Blockquote έχει απόσπασμα από την αρχή.
• Πρόσθετες παράμετροι στο αίτημα μεταφόρτωσης εικόνας.
• Πρόσθετες παράμετροι για να σώσει το αίτημα.
• υποστήριξη βίντεο.
• Προσαρμοσμένα κουμπιά στη γραμμή εργαλείων.
• επιλογή Paragraphy.

Τι είναι καινούργιο στην έκδοση 1.0.6:.

• Βελτίωση IE 11 υποστήριξη επεξεργαστή inline
• κράτησης θέσης λειτουργεί σαν σύμβολο κράτησης θέσης από την HTML5.
• Να επιτρέπεται η κίνηση της εικόνας στον επεξεργαστή ορίζοντας την επιλογή imageMove.
• Προσθήκη σώσει το κουμπί.
• Tooltip και μηνύματα κειμένου μπορεί να προσαρμοστεί μέσω της επιλογής customText.
• Toolbar μπορούν να μείνουν στην κορυφή ή κινούνται μαζί με την κύλισης.
• Επιλογή για να αφαιρέσει & # X3C? Σενάριο & # x3e? tag.

Τι είναι καινούργιο στην έκδοση 1.0.5:

• αναδυόμενο παράθυρο Εικόνα παραμένει ενεργή όταν κάνετε κλικ σε ένα κουμπί από αυτό.
• Βελτίωση υποστήριξης λίστα.
• Εκκαθάριση μετά την σύνδεση / αποσύνδεση.
• Επεξεργαστής παίρνει ενεργό όταν απελευθερώσετε το ποντίκι έξω από αυτό και υπάρχει μια επιλογή.
• Ενημέρωση στυλ σύμβολο κράτησης θέσης.
• μέθοδο Gethtml καθαρίζει το επιστρεφόμενο HTML.

Τι είναι καινούργιο στην έκδοση 1.0.4:.

• Βελτίωση υποστήριξη αφής
• θέματα Σταθερή λίστα.
• Χτύπημα καρτέλα θα εισάγει 4 κενά διαστήματα.
• Απενεργοποίηση σύρετε την εικόνα για να αποφευχθεί χάνει τη μορφοποίηση του κειμένου.

Τι είναι καινούργιο στην έκδοση 1.0.3:

• Ανέβασμα εικόνας σε http://uploads.im .

Απαιτήσεις :

• να ενεργοποιήσετε την Javascript από την πλευρά του πελάτη
• jQuery 1.10.2 ή νεότερη έκδοση