Froala Editor

WYSIWYG sind sperrig Teile des Codes, die Benutzern erlauben, Text in ihren Browsern zu formatieren, gerade wie sie mit der Desktop-Software wie Word oder Openoffice tun würde.

Die meisten von ihnen arbeiten mit einem einfachen Textfeld in eine vollgeblasenen Textformatierung Abschnitt Transformation, mit viel Symbolleisten und Schaltflächen den enthaltenen Text zu formatieren.

Eine weitere Möglichkeit, eine RTE zu einer Seite hinzuzufügen, ist Benutzern zu ermöglichen, Text zu markieren und dann ein Pop-up zeigen, mit Kontrollen Formatierung daneben.

Beide Wege sind groß, aber wenige WYSIWYG-Editoren bieten diese beiden Bearbeitungsoptionen, wobei der Schwerpunkt auf nur eine dieser Bearbeitung Erfahrungen.

Froala Editor ein solides WYSIWYG-Editor bietet, für beide der oben genannten Bearbeitungs Erfahrungen arbeiten, sondern bietet auch eine ziemlich solide Code-Basis, codiert nach den neuesten Standards und Best Practices der Branche.

Der Froala Editor ist eine der wenigen RTEs um mit mobilen und Retina-Unterstützung, ist es auch ideal für den Einsatz auf mobilen Geräten auch zu machen.

Unter Verwendung der FontAwesome Symbol Schriftart für die Schaltflächen des Editor, Froala reduziert auch HTTP-Anfragen, wenn Sie den Editor laden, Ladezeit der Seite zu verbessern und eine viel einfacher zu Stil-Editor Benutzeroberfläche bereitstellt.

Alles innerhalb der Froala Bearbeitung Symbolleisten ist austauschbar, Entwickler in der Lage sein Tasten und Funktionen zu aktivieren oder zu deaktivieren, oder sie um, um benutzerdefinierte Positionen zu bewegen, wie sie für richtig halten.

Alles in allem der Froala Editor ist ein sehr gut gemacht WYSIWYG-Lösung, mit vielen Anpassungsmöglichkeiten, Dokumentation und Demos enthalten.

Froala Editor ist unter einem dualen Lizenzmodell zur Verfügung. Die kostenlose Version ist verfügbar für persönliche und nicht-kommerzielle Projekte unter einer Creative Commons Attribution-NonCommercial-NoDerivatives 4.0 Internationale Lizenz, während für die kommerzielle Nutzung, verschiedene kommerzielle Lizenzen verfügbar sind, je nach den gewünschten Nutzungsanforderungen. Achten Sie darauf, die Lizenzvereinbarung zu lesen und nicht vertauscht sein

Was ist neu in dieser Version:.

Neu in Froala Editor 1.2.7 (14. Mai 2015)

Was ist neu ist in Version 2.1.0:

• Fügen pluginsEnabled Option.
• In den Befehlen Plugin Eigenschaft.
• Fügen Sie emoticonsUseImage Option.
• Lassen Sie Notizen:. // Für Links
• Fügen Sie schnell einfügen Plugin.
• Vorschaubild beim Hochladen.
• In Tabelle einfügen Helfer.
• Redesign Leitungsunterbrecher-Symbol.

Was ist neu in Version 1.2.7:.

• Fügen Sie beforeUploadPastedImage Ereignis
• Die Tasten sind nicht simpleTags. Verbessern allowedAttrs Reinigung.
• Sauber HTML, die in Textbereich gesetzt ist es mit dem Element vor der Zugabe.
• Fügen Sie doNotJoinTags Option.
• Farben verbessert Plugin.
• Fügen Sie linkAttributes Option.
• verbessern imageAltSet, imageFloatedLeft, imageFloatedNone und imageFloatedRight Ereignisse.
• Fügen Sie Entitäten Plugin.
• Fügen Sie Antwort auf die fileUploaded Ereignis.
• Fügen Sie afterImageUpload und afterFileUpload Ereignisse.
• Ersetzen node.children mit node.childNodes.
• verbessern imageResize und imageResizeEnd Veranstaltungen.
• Fügen Sie saveParam.
• Lassen Sie in RTL oder LTR entsprechend der Tastaturtyp einzugeben.
• Verbessern dänische Übersetzung.
• Erhöhen Sie Einfügen.
• Fügen Sie afterPasteCleanup Ereignis.
• Text innerhalb Link nicht mehr bereinigt
• Fügen Sie iconClasses Option.
• Fügen Sie useFileName Option.
• Fügen Sie Estnisch Übersetzung.

Was ist neu in Version 1.2.6:.

• in UI-Spiegeln die Sperrzustand
• Platzhalter hat nicht mehr kursiv.
• Standard linkAutoPrefix Wert leere Zeichenfolge statt falsch.
• Popups geschlossen werden, wenn die Fenstergröße verändert wird.
• Geben Sie nicht mehr kopiert den Stil des früheren Blockelement.
• Lassen Sie Video-Vorschau in allen Browsern.
• Überprüfen Sie TAB durch die charCode Prüfung anstelle der Zeichenfolge selbst.
• Verbessern Russisch Übersetzung.

Was ist neu in Version 1.2.5:.

• Gesamt Eingabe verbessern, wenn paragraphy Option false
• Fügen Sie linkAutoPrefix Option.
• Verbesserte Reinigungs Algorithmus
• Senden Pop-ups mit ENTER.
• Schließen Pop-ups, wenn man die ESC.
• Fügen Sie defaultTag als experimentell.
• Style-Tag ist nicht mehr erlaubt, um XSS zu verhindern.
• Text ist die Standardauswahl in den Farben Dropdown-Menü.
• Fügen Sie foreColors Option.
• Fügen Sie backColors Option.
• Fügen Sie defaultColorOption Option.
• Fügen Sie backColorsDisabled Option.
• Fügen Sie foreColorsDisabled Option.
• Verbessern Ebene einfügen.
• Verbessern Sie Text im Editor fertig zu werden.
• fr-Tag wird nicht mehr standardmäßig hinzugefügt. useFrTag sollte stattdessen verwendet werden.
• editable.imageInserted Ereignis hat ein weiteres param, Antwort, welche die nicht verarbeitete Antwort vom Server
enthält
• Zusatz & # x3c; p & # x3e; Tags werden nicht mehr in der Liste Elemente hinzugefügt.
• Fügen Sie customImageButtons Option.
• Fügen Sie Option showNextToCursor.
• Fügen Sie multiline-Option.
• Upload von Dateien per Drag and Drop direkt im Editor.
• Ersetzen STRG + F Verknüpfung von STRG + E.
• Verbessern URL Sanitizer.
• Fügen Sie URLs Plugin, URLs werden automatisch konvertieren würde.
• Fügen Sie Vollbild-Plugin.
• Grund iframe-Support.
• In ukrainischer Sprache.
• Verbessern norwegische Sprache.
• Fügen Sie scrollableContainer Option.
• Fügen Sie defaultImageAlignment Option.
• Fügen Sie defaultVideoAlignment Option.
• Erhöhen Sie Undo / Redo sparende Leistung
• allowedEmptyTags-Tags ist nicht mehr verfügbar.
• allowedBlankTags verwendet werden sollte, leeren Tag zu ermöglichen, die alle Attribute nicht haben.
• Fügen Sie inline_styles Plugin.
• Fügen Sie useClasses Option.
• Fügen Sie Bildoptionen als Inline anzuzeigen oder zu brechen Text.
• Ändern Sie Bild-Handler-Design.
• Fügen Sie align Schaltfläche für Bild als Dropdown-Menü.
• floatImageLeft, floatImageNone und floatImageRight Tasten wurden entfernt. Ausrichten Taste stattdessen verwendet werden soll.
• Fügen Sie textNearVideo Option.

Was ist neu in Version 1.2.3:.

• Ereignisse verbessern Mechanismus Verwaltung
• Verbessern Sie die Synchronisierung und Undo-Manager.
• Verbessern Einfügen Fokus.
• defaultImageWidth Option wird ignoriert, wenn es auf 0 gesetzt ist.
• Fügen Sie setDirty Methode.
• akzeptiert blockTags Option mehr Tags jetzt.
• Verbessern Wort einfügen.
• Verbessern insertHTML Methode.
• schwebende Werkzeugleiste zu verbessern, wenn fixedToolbar Option falsch ist.
• Verbessern Button-Klick auf mobilen Geräten.

Was ist neu in der Version 1.2.2.

• Fügen Sie char_counter Plugin
• Überprüfen Liste der allowedAttributes.
• Überprüfen Liste der allowedTags.
• Fügen Sie beautifyCode Option.
• Fügen Sie onpaste Ereignis.
• Fügen Sie granulare Kontrolle für Verknüpfungen. ShortcutsAvailable Option
• Fügen Sie convertEmailAddresses Option.
• Verbessern UX für Link eingefügt werden.
• Fügen Sie badLink Ereignis.
• Einfügen Verbesserungen in allen Browsern
• Bilder Verschieben funktioniert jetzt auch im Internet Explorer.
• Fügen Sie pasteImage Option.
• Erhöhen Sie die Reinigung.
• Fügen Sie königliche Thema.
• Fügen Sie Refresh und refreshOnShow Optionen für benutzerdefinierte Aufklappmenü.
• Fügen Sie Aktualisierungsoption für benutzerdefinierte Schaltflächen.
• Show loader wenn Bild von Link eingefügt wird.
• Fügen Sie videoAllowedAttributes und videoAllowedTags.
• Zulassen Undo / Redo ohne Tasten.
• Fügen Sie Bildtitel Option.

Was ist neu in Version 1.2.0:.

• Neuer Algorithmus für das Arbeiten mit Listen
• Verschachtelte Listen.
• Listen sind jetzt ein Plugin.
• File Support.
• Verbessern Sie die Lesbarkeit des Codes.
• Fügen Sie Taste, um die Hintergrundfarbe zu entfernen.
• Fügen Sie Taste, um die Textfarbe zu entfernen.
• Verbesserungen der Theme-Datei.
• Fügen Sie roten Thema.
• Fügen grau Thema.
• Link hinzufügen, wenn kein Text ausgewählt ist.

Was ist neu in Version 1.1.9:

• Fehler behoben:
• Word einfügen.
• Starten Sie mit Größe in Webkit-Browsern.
• Reinigungs RegEx Behebungen.
• Seite Flimmern auf Paste.
• Cursorposition auf Paste in Webkit-Browsern.

Was ist neu in Version 1.1.7:

• Speichern / Wiederherstellen der Auswahl arbeitet für mehrere Bereiche <. / li>

Was ist neu in Version 1.1.6:.

• Tabellen
• Einfügen Video von URL.
• Geschwindigkeitsverbesserungen.
• Fügen Sie Unterstützung für IE8.
• Verbesserung auf Android-Unterstützung.
• Verbessern mobilen Popup Positionierung.
• Fügen Sie simpleAmpersand Option.
• Fügen Imagelink-Option.
• Verbesserungen deutscher Sprache.
• Beautifier wird als separate lib verwendet und ist nicht mehr standardmäßig zur Verfügung.
• Fügen Sie maxHeight Option.
• Der Standardwert ist nicht mehr als Standard zur Verfügung, aber Optionen ein- und ausgeschaltet werden können.
• inverseSkin nach Thema Option ersetzt wird.
• Thema CSS-Datei.
• Erhöhen Sie die HTML-Ausgabe.
• Verbessern Italienisch Sprachübersetzung.
• Starten Sie in Farbe / Schriftgröße.
• Benutzer zulassen Fehler für Bild vom Server zurück.
• Ersetzen unsichtbaren Raum mit BR-Tag.
• Verbessern Französisch Übersetzung.
• Fügen Sie saveRequestType Option.
• Rückrufe von Bildern erhalten jQuery-Objekt als Parameter anstelle von src.
• Sauber HTML mit regulären Ausdrücken anstelle von jQuery-Code.
• Editor können auf das Bild initialisiert werden.
• Editor kann auf Link initialisiert werden.
• Option den Text aus dem DOM-Element in einem Popup zu bearbeiten.
• Führen Sie eine Standardliste mit Links zur Auswahl.
• Option Fügen Sie den Link in einem anderen Tab zu öffnen.
• Fügen Sie disableRightClick Option.
• Fügen Sie blockStylesToggle Option.
• Fügen Sie trackScroll Option.
• Fügen Sie unlinkButton Option.

Was ist neu in Version 1.1.5:.

• Fügen Sie Fokusmethode
• Show-Editor auf der rechten Seite klicken.
• Editor kann nun auf das Bild initialisiert werden.
• imageUploadToS3 Option auf Amazon S3 zu laden.
• Upload Option Hochladen von Bildern zu deaktivieren.
• customDropdowns Option anpassen Aufklappmenü.
• blockStyle Befehl einen benutzerdefinierten blockStyle.
• blockStyles Option spezifische blockStyles zu setzen.
• defaultBlockStyle Standardoption verfügbar Block Stile festlegen.
• Verbessern Sie zerstören Methode.
• Erhöhen Sie Platzhalter-Support.
• Verbessern Codierungsmodus.
• Verbessern neue Zeile im Code und Blockzitaten.
• Set-Media-Manager erwarten immer JSON und nicht Text.
• Update auf FontAwesome 4.1.0.
• Ersetzen Absatz-Symbol.
• Ersetzen Farbsymbol.
• Fügen Sie family Schaltfläche in der Toolbar.
• Fügen Sie blockStyle Schaltfläche in Symbolleiste.
• html-Taste zurück in Symbolleiste hinzufügen.
• Lassen Sie URLs beginnend mit # und /.
• Sync, wenn Bild fallen gelassen wird.

Was ist neu in Version 1.1.4:.

• Verschieben auf seine eigene Methode writeVideo
• Verbessern Einwickeln Unterstützung.
• Verbessern getHTML Methode.
• Verbessern Blockformatierung.
• Hintergrundfarbe einstellen Berücksichtigung Eltern zu nehmen würde.
• Verbessern contentChangedCallback Support.
• unsichtbare Zeichen entfernen, wenn die HTML zu speichern.
• Fügen Sie isActive Methode zu überprüfen, ob Befehl aktiv ist.
• Verbesserung rückgängig machen Mechanismen.
• Medien-Manager für Bilder.
• Fügen Sie zIndex Option.
• Minimum für autosaveInterval wurde auf 100 geändert.
• Verbessern Sie für XSS-Support.
• Verbessern insertHTML Methode.
• saveURL ist nicht mehr erforderlich auszulösen speichern.
• Fügen Einschränkung Bild von allowedImageTypes Option.
• STRG + Rück schneidet Text.
• CTRL +] in Einrücken Text.
• STRG + [ist Ausrücken Text.
• STRG + & quot; Text als Zitat formatiert wird.
• STRG + & # x5C; Text als Code formatiert wird.
• Sync vor dem Absenden Formular aus.
• Löschen Bild durch Schlagen zu löschen, wenn es ausgewählt ist.
• Enter zu drücken, wenn Bildauswahl ist bekommt es nach unten.
• MaxImageSize Option Bildgröße vor dem Hochladen zu beschränken.
• Fügen Sie defaultImageWidth Option, um die Bildgröße beim Anschließen des Geräts eingestellt.
• afterRemoveImageCallback ist jetzt immer das Bild src als param.
• Bild entfernen Kontrolle verbessert werden.
• Horizontale Zeilenbefehl.
• Schriftfamilie zu unterstützen.

Was ist neu in Version 1.1.3:.

• Benutzerdefinierte Tags von HTML sind nicht mehr entfernt
• minHeight Option.
• removeFormat Methode.
• Bild eingefügt wird, wo sich der Cursor befindet.
• Rückgängig bewahrt Auswahl und Cursorposition ein.
• & quot; Bitte warten Sie & quot; Meldung beim Hochladen Bild.

Was ist neu in Version 1.1.2:

• hinzugefügt:
• textNearImage Option.
• imageButtons Option.
• alwaysVisible Option.
• nofollow Option.
• alwaysBlank Option.
• Plain Option.
• Icons Option.
• Rückrufe für das Einfügen.
• getText () -Methode.

Was ist neu in Version 1.1.0:.

• hinzugefügt Sprachen Unterstützung (28 Sprachen)
• Inverse Hautfarben.
• Blockquote hat Zitat am Anfang.
• Zusätzliche Parameter zum Hochladen von Bildern Anfrage.
• Zusätzliche Parameter zu speichern Anfrage.
• Video-Unterstützung.
• Benutzerdefinierte Buttons in der Toolbar.
• Paragraphy Option.

Was ist neu in Version 1.0.6:.

• Erhöhen Sie IE-11-Unterstützung für die Inline-Editor
• Platzhalter funktioniert wie Platzhalter von HTML5.
• Lassen Bild bewegen sich in Editor von Option imageMove Einstellung.
• Fügen Sie Speichern.
• Tooltip und Textnachrichten können durch custom Option angepasst werden.
• Symbolleiste kann oben oder bewegen sich mit der Rolle zu bleiben.
• Option abzustreifen & # x3c; Skript & # x3e; -Tag.

Was ist neu in Version 1.0.5:

• Bild Popup bleibt aktiv, wenn Sie auf eine Schaltfläche klicken aus es.
• Verbessern Liste Support.
• Cleanup nach Verknüpfen / Link entfernen.
• Editor wird aktiv, wenn Sie mit der Maus außerhalb loslassen und es gibt eine Auswahl.
• Update Platzhalter Stil.
• getHTML Methode, um die zurück HTML bereinigt.

Was ist neu in Version 1.0.4:.

• Verbessern Touch-Unterstützung
• Feste Liste Themen.
• Schlagen Registerkarte 4 Leerzeichen eingefügt werden.
• Deaktivieren Bild ziehen, um die Textformatierung zu verhindern, zu verlieren.

Was ist neu in Version 1.0.3:

• Hochladen von Bildern auf http://uploads.im .

Anforderungen: :

• Sie JavaScript auf Client-Seite aktiviert
• jQuery 1.10.2 oder höher