Froala Editor

WYSIWYG sont des morceaux encombrants de code qui permettent aux utilisateurs de formater du texte dans leur navigateur, tout comme ils le feraient avec des logiciels de bureau comme Word ou OpenOffice.

La plupart d'entre eux travaillent en transformant un textarea simple, dans une section de mise en forme de texte entièrement soufflé, avec beaucoup de barres d'outils et boutons pour le style du texte contenu.

Une autre façon d'ajouter un RTE à une page est de permettre aux utilisateurs de sélectionner le texte, puis montrent un popup avec des commandes de mise à côté de lui.

Les deux manières sont grands, mais peu d'éditeurs WYSIWYG offrent ces deux options d'édition, en se concentrant sur un seul de ces expériences d'édition.

Froala Editor fournit un éditeur WYSIWYG solide, travaillant à la fois pour des expériences d'édition ci-dessus, mais offre également un codebase assez solide, codée selon les dernières normes et les meilleures pratiques de l'industrie.

Le Froala Editor est l'un des rares RTEs autour avec support mobile et Retina, ce qui rend également idéal pour une utilisation sur des appareils mobiles aussi.

En utilisant l'icône police FontAwesome pour les boutons de l'éditeur, Froala réduit également les requêtes HTTP lors du chargement de l'éditeur, l'amélioration du temps de chargement des pages et de fournir beaucoup plus facile à coiffer l'interface utilisateur de l'éditeur.

Tout à l'intérieur les barres d'outils d'édition Froala est interchangeable, les développeurs pouvant tourner les boutons et fonctionnalités ou de désactiver ou de les déplacer à des postes personnalisés comme ils l'entendent.

Dans l'ensemble de l'éditeur Froala est une solution très bien fait WYSIWYG, avec beaucoup d'options de personnalisation, la documentation et des démos inclus.

Froala Editor est disponible sous un modèle de double licence. La version gratuite est des projets personnels et non commerciaux disponibles sous une licence internationale Creative Commons Attribution-NonCommercial-4.0 Pas de travaux dérivés, tandis que pour l'usage commercial, diverses licences payantes sont disponibles, en fonction des exigences d'utilisation souhaitées. Assurez-vous de lire l'accord de licence et ne pas se mêler

Ce qui est nouveau dans cette version:.

Nouveau dans Froala Editor 1.2.7 (14 mai 2015)

Ce qui est nouveau dans la version 2.1.0:

• Ajouter l'option pluginsEnabled.
• Ajouter Plugin propriété aux commandes.
• Ajout d'une option emoticonsUseImage.
• Autoriser notes:. // Pour des liens
• Ajoutez rapide plugin insert.
• Aperçu de l'image tandis que le téléchargement.
• Ajouter insert de table helper.
• Refonte icône de disjoncteur de ligne.

Ce qui est nouveau dans la version 1.2.7:.

• Ajouter un événement beforeUploadPastedImage
• Boutons ne sont pas simpleTags. Améliorer le nettoyage allowedAttrs.
• Clean HTML qui est placé à l'intérieur textarea avant de l'ajouter à l'élément.
• Ajout d'une option doNotJoinTags.
• Couleurs plugin a été améliorée.
• Ajouter option linkAttributes.
• Améliorer les événements imageAltSet, imageFloatedLeft, imageFloatedNone et imageFloatedRight.
• Ajouter des entités plugin.
• Ajoutez réponse à l'événement fileUploaded.
• Ajouter des événements afterImageUpload et afterFileUpload.
• Remplacez node.children avec Node.childNodes.
• Améliorer les événements imageResize et imageResizeEnd.
• Ajouter saveParam.
• Permet de taper RTL ou LTR selon le type de clavier.
• Améliorer la traduction danoise.
• Améliorer le collage.
• Ajouter afterPasteCleanup événement.
• Texte lien à l'intérieur ne sont pas plus aseptisée
• l'option Ajouter iconClasses.
• Ajout d'une option de useFileName.
• Ajout de la traduction estonienne.

Ce qui est nouveau dans la version 1.2.6:.

• Reflect dans l'interface utilisateur de l'état de désactivation
• Placeholder n'a plus le style italique.
• Valeur par défaut linkAutoPrefix est une chaîne vide au lieu de false.
• popups sont fermés lorsque la fenêtre est redimensionnée.
• Saisissez est plus de copier le style de l'élément de bloc précédent.
• Autoriser l'aperçu vidéo dans tous les navigateurs.
• Vérifiez TAB en testant le charCode au lieu de la chaîne elle-même.
• Améliorer la traduction russe.

Ce qui est nouveau dans la version 1.2.5:.

• Améliorer la dactylographie globale lorsque l'option paragraphy est false
• Ajout d'une option linkAutoPrefix.
• Améliorer l'algorithme de nettoyage
• Soumettre popups en appuyant sur ENTER.
• Fermer popups quand frapper ESC.
• Ajoutez defaultTag comme expérimental.
• Style tag est plus autorisé afin d'éviter XSS.
• Texte est la sélection par défaut dans les couleurs déroulant.
• Ajouter option foreColors.
• Ajouter option backColors.
• Ajout d'une option defaultColorOption.
• Ajout d'une option backColorsDisabled.
• Ajout d'une option foreColorsDisabled.
• Améliorer la pâte ordinaire.
• Améliorer adaptation du texte dans l'éditeur.
• fr-tag ne sont plus ajoutés par défaut. useFrTag doit être utilisé à la place.
• événement editable.imageInserted a encore un param, la réponse, qui contient la réponse non traité à partir du serveur
• x3C extra & #; p & # X3e; étiquettes ne sont plus ajoutés dans la liste des articles.
• Ajouter option customImageButtons.
• Ajout d'une option showNextToCursor.
• Ajout d'une option multiLine.
• Télécharger des fichiers par glisser-déposer directement dans l'éditeur.
• Remplacer CTRL + F raccourci par CTRL + E.
• Améliorer URL désinfectant.
• Ajouter URL plugin qui convertirait automatiquement URLS.
• Ajouter le plugin fullscreen.
• Support iframe Basic.
• Ajouter langue ukrainienne.
• Améliorer la langue norvégienne.
• Ajout d'une option scrollableContainer.
• Ajout d'une option defaultImageAlignment.
• Ajout d'une option defaultVideoAlignment.
• Améliorer undo / redo sauver performances
• allowedEmptyTags balises est plus disponible.
• allowedBlankTags devraient être utilisés pour permettre balise vide qui ne possède pas les attributs.
• Ajoutez inline_styles plugin.
• Ajouter option useClasses.
• Ajout d'options d'image à afficher comme ligne ou diviser le texte.

conception
• Chariot changement d'image.
• Ajouter bouton align pour l'image comme une liste déroulante.
• floatImageLeft, floatImageNone et floatImageRight boutons ont été supprimés. aligner le bouton doit être utilisé à la place.
• Ajouter textNearVideo option.

Ce qui est nouveau dans la version 1.2.3:.

• Améliorer la gestion des événements mécanisme
• Améliorer la synchronisation et annuler gestionnaire.
• Améliorer coller focus.

l'option
• defaultImageWidth est ignorée si elle est définie à 0.
• Ajouter un mode de setDirty.
• Option blockTags accepte plus de tags maintenant.
• Améliorer mot coller.
• Améliorer la méthode insertHTML.
• Améliorer la barre d'outils flottante lorsque l'option fixedToolbar est fausse.
• Améliorer clic de bouton d'expérience sur les appareils mobiles.

Ce qui est nouveau dans la version 1.2.2:.

• Ajouter char_counter plug-in
• Examiner la liste des allowedAttributes.
• Examiner la liste des allowedTags.
• Ajout d'une option beautifyCode.
• Ajouter un événement onpaste.
• Ajouter un contrôle granulaire des raccourcis:. L'option shortcutsAvailable
• Ajout d'une option convertEmailAddresses.
• Améliorer UX pour insérer le lien.
• Ajouter un événement BadLink.
• Amélioration de collage dans tous les navigateurs
• Images en mouvement travaille maintenant dans IE aussi.
• Ajout d'une option pasteImage.
• Améliorer le nettoyage.
• Ajoutez le thème royal.
• Ajoutez rafraîchissement et refreshOnShow des options pour personnalisés dropdowns.
• Ajoutez l'option de rafraîchissement pour les boutons personnalisés.
• Afficher chargeur lorsque l'image est inséré par le lien.
• Ajoutez videoAllowedAttributes et videoAllowedTags.
• Autoriser undo / redo sans boutons.
• Ajout d'une option de imageTitle.

Ce qui est nouveau dans la version 1.2.0:.

• Nouveau algorithme pour travailler avec des listes
• listes imbriquées.
• Les listes sont maintenant un plugin.
• Support du fichier.
• Améliorer la lisibilité du code.
• Ajouter bouton pour supprimer la couleur de fond.
• Ajouter bouton pour supprimer la couleur du texte.
• Amélioration de fichier de thème.
• Ajoutez le thème rouge.
• Ajoutez le thème gris.
• Ajouter un lien quand il n'y a pas de texte sélectionné.

Ce qui est nouveau dans la version 1.1.9:

• Correction de bugs:
• pâte Word.
• Commencez par fontSize dans les navigateurs Webkit.
• fixe RegEx nettoyage.
• Page scintillements sur la pâte.
• La position du curseur sur la pâte dans les navigateurs Webkit.

Ce qui est nouveau dans la version 1.1.7:

• Save / Restore sélection fonctionne pour plusieurs plages <. / li>

Ce qui est nouveau dans la version 1.1.6:.

• Tables
• Insérer une vidéo par URL.
• Amélioration de la vitesse.
• Ajout du support pour IE8.
• Amélioration du soutien Android.
• Améliorer le positionnement contextuel mobile.
• Ajout d'une option simpleAmpersand.
• Ajout d'une option Imagelink.
• Amélioration de langues allemandes.
• Beautifier est utilisé comme une lib séparée et est plus disponible par défaut.
• Ajout d'une option maxHeight.
• Par défaut est plus disponible par défaut, mais les options peut être activée.
• inverseSkin est remplacée par l'option de thème.
• fichier Thème CSS.
• Améliorer la sortie HTML.
• Améliorer la traduction en langue italienne.
• Démarrer couleur / taille de la police.
• Permettre à l'utilisateur de revenir erreur du serveur pour l'image.
• Remplacez l'espace invisible avec BR tag.
• Améliorer la traduction française.
• Ajout d'une option saveRequestType.
• Callbacks à partir d'images deviennent objet jQuery en tant que paramètre au lieu de src.
• Nettoyer HTML avec des expressions régulières au lieu de code jQuery.
• Editor peut être initialisé sur l'image.
• Editor peut être initialisé sur le lien.
• Option pour modifier le texte de l'élément DOM dans une fenêtre contextuelle.
• Passez une liste par défaut des liens à choisir.
• Ajout d'une option pour ouvrir le lien dans un autre onglet.
• Ajout d'une option disableRightClick.
• Ajout d'une option blockStylesToggle.
• Ajout d'une option trackScroll.
• Ajout d'une option unlinkButton.

Ce qui est nouveau dans la version 1.1.5:.

• Ajouter un mode de mise au point
• Afficher l'éditeur sur un clic droit.
• Editor peut maintenant être initialisée sur l'image.
• option imageUploadToS3 à télécharger sur Amazon S3.
• option ImageUpload pour désactiver le téléchargement d'images.
• option customDropdowns personnaliser dropdowns.
• commande blockStyle pour définir une coutume blockStyle.

l'option
• blockStyles pour définir blockStyles spécifiques.
• option defaultBlockStyle pour définir par défaut disponibles styles de blocs.
• Améliorer détruire méthode.
• Amélioration du support de l'espace réservé.
• Améliorer le mode de codage.
• Améliorer nouvelle ligne dans le code et blocs de citation.
• gestionnaire de médias Set attendent toujours JSON et pas de texte.
• Mise à jour FontAwesome 4.1.0.
• Remplacer le paragraphe icône.
• Remplacer icône de couleur.
• bouton Ajouter fontFamily dans la barre d'outils.
• bouton Ajouter blockStyle dans la barre d'outils.
• bouton Ajouter html retour dans la barre d'outils.
• Autoriser les URL commençant par # et /.
• Sync quand l'image est supprimée.

Ce qui est nouveau dans la version 1.1.4:.

• Déplacer writeVideo à sa propre méthode
• Amélioration du support d'emballage.
• Améliorer la méthode getHTML.
• Améliorer la mise en forme de bloc.
• Réglage de la couleur de fond prendrait en considération les parents aussi.
• Améliorer le soutien contentChangedCallback.
• Supprimer les caractères invisibles lors de l'enregistrement du HTML.
• Ajouter méthode isActive pour vérifier si la commande est active.
• Améliorer les mécanismes défaire.
• gestionnaire de médias pour les images.
• Ajout d'une option zIndex.
• Minimum pour autosaveInterval a été changé à 100.
• Améliorer pour le soutien XSS.
• Améliorer la méthode insertHTML.
• saveURL est plus nécessaire pour déclencher sauver.
• Ajouter restriction de l'image en utilisant l'option allowedImageTypes.
• CTRL + Backspace est la coupe du texte.
• CTRL +] dans l'indentation du texte.
• CTRL + [est outdenting texte.
• CTRL + & quot; est mise en forme du texte comme citation.
• CTRL + & # x5C; est le formatage du texte code.
• Sync avant la forme soumettre.
• Supprimer l'image en appuyant sur supprimer quand il est sélectionné.
• Hitting entrer quand l'image est la sélection devient le bas.
• option MaxImageSize pour limiter la taille de l'image avant le téléchargement.
• Ajouter defaultImageWidth option pour définir la taille de l'image lors de l'insertion.
• afterRemoveImageCallback est maintenant obtenir l'image src comme param.
• l'image supprimer le contrôle amélioré.
• commande de ligne horizontale.
• soutien de la famille de la police.

Ce qui est nouveau dans la version 1.1.3:.

• Les balises personnalisées de HTML ne sont plus supprimés
• minHeight option.
• méthode removeFormat.
• L'image est insérée où le curseur est.
• Undo préserve la sélection et la position du curseur.
• & quot; S'il vous plaît attendre & quot; message lorsque le téléchargement de l'image.

Ce qui est nouveau dans la version 1.1.2:

• Ajout:
• option textNearImage.

l'option
• imageButtons.
• Option alwaysVisible.
• option nofollow.
• option alwaysBlank.
• option plainPaste.
• Icônes option.
• Callbacks pour coller.
• getText () méthode.

Ce qui est nouveau dans la version 1.1.0:.

• Ajout langues support (28 langues)
• les couleurs de peau Inverse.
• Blockquote a citation au début.
• Paramètres supplémentaires à la demande d'envoi d'images.
• Paramètres supplémentaires pour enregistrer la demande.
• Support de la vidéo.
• Les boutons personnalisés dans la barre d'outils.
• option Paragraphy.

Ce qui est nouveau dans la version 1.0.6:.

• Améliorer IE 11 support pour l'éditeur en ligne
• Placeholder fonctionne comme espace réservé de HTML5.
• Autoriser l'image déplacer dans l'éditeur en réglant l'option imageMove.
• Ajoutez bouton Enregistrer.
• Tooltip et le texte des messages peuvent être personnalisés par l'option customText.
• Barre d'outils peut rester au sommet ou se déplacer le long avec le défilement.
• Option à bande & # x3C; scénario & # X3e; tag.

Ce qui est nouveau dans la version 1.0.5:

• Photo contextuel reste actif lorsque vous cliquez sur un bouton de il.
• Améliorer le soutien de la liste.
• Nettoyage après link / unlink.
• Editor devient actif lorsque vous relâchez la souris en dehors et il y a une sélection.
• Mise à jour le style de l'espace réservé.
• méthode getHTML nettoie le HTML retourné.

Ce qui est nouveau dans la version 1.0.4:.

• Améliorer le soutien touche
• les questions de la liste fixe.
• onglet Frapper va insérer 4 espaces vides.
• l'image Désactiver glisser afin d'éviter de perdre le formatage du texte.

Ce qui est nouveau dans la version 1.0.3:

• Image upload sur http://uploads.im .

Exigences :

• JavaScript côté client
• jQuery 1.10.2 ou supérieur