Documentation DropEditor

introduction

DropEditor est un éditeur de texte gratuit pour Joomla. Que vous soyez un rédacteur de contenu occasionnel ou régulier, DropEditor vous fera gagner beaucoup de temps avec des fonctionnalités intégrées uniques.

 

I. INSTALLATION DE DROPEDITOR

1.1 Installer

Notre composant est compatible avec Joomla 3.x. Toutes les fonctionnalités et les intégrations tierces sont incluses dans toutes les adhésions.
Pour installer notre composant, vous devez télécharger le fichier d'extension .zip et utiliser le programme d'installation Joomla standard.

 

joomla-install

 

Cliquez ensuite sur Parcourir> Bouton Télécharger et Installer, le composant, les modules et les plugins seront installés, activés par défaut.

1.2 Mise à jour et mise à jour automatique

Pour mettre à jour l’extension, vous pouvez installer une nouvelle version sur l’ancienne en téléchargeant le fichier ZIP de JoomUnited ou utiliser le programme de mise à jour automatique (conseillé).

 

dropeditor-update

 

Le programme de mise à jour automatique, qui envoie la notification de mise à jour, est intégré à l'extension Joomla que vous avez installée. Vous serez donc averti comme n'importe quelle autre extension du tableau de bord ou en utilisant le menu: Extension> Gérer> Menu de mise à jour.

Connectez-vous à votre compte pour mettre à jour

Vous devez vous connecter à votre compte JoomUnited pour mettre à jour toutes vos extensions JoomUnited Joomla. Pour vous connecter, accédez à la configuration principale du composant, puis cliquez sur le bouton Onglet mise à jour en direct. En bas, vous trouverez un bouton de connexion.

 

mise à jour en direct

 

Entrez vos identifiants JoomUnited, les mêmes que ceux que vous utilisez pour vous connecter ici @ www.joomunited.com

 

login-joomunited

 

Le bouton deviendra orange, félicitations! vous pouvez maintenant mettre à jour toutes les extensions JoomUnited sur ce site! Si votre adhésion est expirée, vous obtiendrez un lien de renouvellement et un texte expliquant cela.

 

lié au compte

Remarque: un seul identifiant vous permettra de mettre à jour toutes les extensions JoomUnited (en ce qui concerne votre adhésion). La connexion n'expire que si vous la déconnectez.

1.3 Activer l'éditeur

Pour utiliser DropEditor, vous devez le définir par défaut dans Joomla. configuration globale> onglet Site, définissez DropEditor comme valeur par défaut

 

II. FONCTIONS COMMUNES

2.1 Outils d'édition classique

L’idée principale de DropEditor est d’apporter des outils avancés pour les tâches récurrentes d’édition afin de vous faire gagner un maximum de temps.
La configuration par défaut de DropEditor est assez simple, vous avez 3 lignes d’outils, la première ligne est dédiée à la gestion des images, des fichiers et, si le gestionnaire de tables est installé, des tables (Droptables).

 

 

Les 2 autres lignes sont dédiées à la mise en page et à la gestion de contenu.

 

 

La première série de cette deuxième ligne d’outils est en ordre:

  • Définissez l'éditeur en mode plein écran, pour revenir en arrière, cliquez sur Échap ou cliquez sur le bouton Précédent
  • Annuler / Répéter la dernière action, lorsque le contenu est enregistré, ces outils sont désactivés car envoyés à la base de données.
  • Aligner et justifier le texte
  • Liste à puces: un outil avancé que nous verrons en détail
  • Gras / Italique / Souligné: il suffit de sélectionner du texte et d'appliquer un nouveau format
  • Caractères spéciaux, avec aperçu disponible

 

 

Les outils les plus récents (colonne, bouton, résumé, modèle, source, style, format, liens) sont avancés et seront détaillés dans les détails ci-dessous.

III. OUTILS D'ÉDITION AVANCÉE

3.1 Bullet list


La liste à puces n’est pas simplement une liste de base, vous pouvez créer votre propre style de liste à puces, la stocker et la réutiliser ultérieurement. Habituellement, les styles sont définis dans votre modèle et doivent être réutilisés sur l'ensemble de votre site Web.

 

Le bouton ouvrira une boîte de dialogue.

 

 

Sur la partie gauche, vous pouvez définir l'icône et le style de votre liste de puces, un aperçu est disponible sur la partie droite.

Si vous insérez votre liste directement dans votre contenu avec Insérer bouton, sans sauvegarder vous "perdrez" votre style (non sauvegardé).

 

 

Le bouton de sauvegarde stockera la liste de balles dans la base de données et vous pourrez l’éditer ultérieurement. Pour éditer une puce, vous avez la possibilité de cliquer sur le stylo à l'intérieur de la lightbox. Le bouton Plus insère la liste et la corbeille la supprime.

 

 

Vous pouvez également utiliser le clic droit sur votre contenu.

 

 

3.2 gestionnaire de colonne

Le gestionnaire de colonnes est un outil permettant de créer une disposition de colonnes dans votre contenu. Cliquez sur le bouton pour afficher un menu avec une sélection rapide de la disposition des colonnes.

  • 2 colonnes
  • 3 colonnes
  • 4 colonnes
  • 1/4 - 3/4 disposition
  • Mise en page 3/4 - 1/4

 

 

Voici un exemple d'insertion de lien rapide de mise en page 3 colonnes dans un article.

 

 

Il est également possible de définir une disposition personnalisée pour vos colonnes avec le Bouton personnalisé.

 

 

Les colonnes peuvent être créées en utilisant glisser-déposer pour les créer ou les supprimer. Ensuite, vous pouvez définir des tailles personnalisées pour chaque colonne. Enfin cliquez sur Bouton d'insertion ajouter votre mise en page à votre article.

Une liste de menus verts est ici pour réinitialiser votre mise en page et en appliquer une prédéfinie.

 

 

Une fois ces colonnes insérées dans votre article, vous pouvez les modifier en cliquant dessus avec le bouton droit de la souris et en appuyant sur Mettre à jour la colonne bouton. Ensuite, vous pouvez modifier la largeur des colonnes.

 

éditer des colonnes

 

Notez que l'application d'un style prédéfini effacera toute la mise en page actuelle. Pour enregistrer une mise en page, utilisez l’outil «Modèle» (voir chapitre 3.5).

3.3 Editeur de boutons

Le gestionnaire de boutons vous permettra de créer votre propre style de bouton, de le stocker et de le réutiliser ultérieurement. Habituellement, les boutons sont définis dans votre modèle et doivent être réutilisés sur l'ensemble de votre site Web.

 

L’éditeur de boutons est assez similaire à l’interface Bullet list, vous pourrez alors créer un style en utilisant l’outil de la fenêtre de gauche puis Insérez / enregistrez / modifiez-le.

 

 

Vous avez la possibilité de définir l’arrière-plan, les styles de bordure et l’effet de survol de la souris. Pour insérer un bouton dans le contenu, vous avez la possibilité de cliquer sur le bouton Insérer ou sur le symbole + d'un bouton enregistré.

 

 

Vous pouvez également éditer et sauvegarder un style existant, il suffit de cliquer sur le stylo et de modifier les paramètres ou de cliquer avec le bouton droit de la souris dans l'éditeur.

 

 

Enfin, vous pouvez définir un lien personnalisé pour le bouton ou créer un lien rapide vers un menu ou un article.

 

 

3.4 Résumé de l'article

L'outil de résumé peut générer un résumé automatique de tout votre contenu en fonction des titres de votre contenu. Vous pouvez également mettre à jour automatiquement le résumé.

 


Pour l'utiliser, ajoutez des titres à votre article puis cliquez sur l'outil de résumé.

 

 

Un résumé sera ajouté avec une ancre à votre contenu. Vous pouvez également le mettre à jour avec un clic droit pour le régénérer.

 

 

Notez que le résumé est uniquement du texte avec des liens d'ancrage et peut être modifié à votre guise.

3.5 Outil de gabarit

L'outil de gabarit vous permettra de sauvegarder toute la mise en page de votre contenu (structure HTML) afin de le charger plus tard.

 

Cliquez sur le bouton pour sauvegarder charger une mise en page.

 

 

Vous pouvez définir un nom de modèle, enregistrez-le. Pour charger un modèle, cliquez sur son nom dans la zone inférieure.

Un gestionnaire de liens est disponible avec une interface qui vous permet d’établir des liens rapides avec le contenu, les articles et les menus de Joomla.


Dans la boîte de dialogue, vous avez la possibilité de créer un lien vers une URL personnalisée ou de charger un contenu Joomla. Il suffit de sélectionner un contenu, l'URL sera générée et cliquez sur le bouton Insérer.

 

 

3.7 outil d'ancrage

Un simple outil d'ancrage permettant de charger une page à un point particulier est également disponible.

 

Vous pouvez ajouter un nom d'ancre, puis valider

 

 

Une ancre sera ajoutée à votre contenu.

 


Ensuite, pour faire un lien vers cette ancre, il suffit de sélectionner du texte, de cliquer sur le bouton de l'outil d'ancrage et de sélectionner l'ancre créée précédemment.

 

 

3.8 Police Google

Tout d'abord, vous devez activer Police Google paramètre dans Outils d'édition languette. Ensuite, cliquez sur Voir la police Google bouton, puis sélectionnez les polices seront apparues dans l'éditeur.

 

 

Enfin, vous verrez les polices dans l'outil d'édition.

 

 

3.9 Insérer un média

insert-media-btnVous pouvez insérer des fichiers multimédia à partir de votre serveur ou de Youtube, Vimeo. D'abord, vous cliquez sur le Insérer un média bouton sur l'outil d'édition.

Après cela, une fenêtre contextuelle apparaît, vous pouvez ajouter le lien dans l'onglet Youtube ou Vimeo. Puis clique Insérer bouton.

 

insérer-youtube

 

De plus, vous pouvez choisir un fichier vidéo ou audio de votre serveur dans l'onglet Vidéo ou Son.

 

insertion vidéo

 

3.10 Espaces insécables

Vous pouvez également insérer un caractère d'espacement insécable en cliquant sur l'icône. bouton nbspsur l'éditeur

 

 

IV Gestionnaire d'images, de fichiers et de tables

4.1 Gestionnaire d'images Droppics

Droppics est un composant Joomla utilisé pour gérer les images et les galeries. Plus d'informations disponibles ici: https://www.joomunited.com/products/droppics

 

Une version allégée de l'extension est intégrée à l'éditeur. Si vous achetez la version complète, l'outil sera mis à niveau avec la gestion de la galerie, des thèmes, etc.

 

 

L'extension Droppics facilitera le téléchargement et l'insertion d'images. Cliquez sur le bouton de sélection pour télécharger une ou plusieurs images. Cliquez sur une image téléchargée pour modifier les options et sur le bouton vert pour insérer l'image dans votre contenu.

 

 

Vous pouvez choisir d'ajouter des vignettes ou la taille originale de l'image.

Un gestionnaire de liens est également disponible pour créer des liens rapides vers une URL, un menu ou un article personnalisé.

 


Image ajoutée au contenu sous forme de vignette:

 

 

Notez que dans Droppics vous avez un importateur d'image pour importer des images existantes, vous pouvez l'activer à partir du paramètre de composant Droppics.

 

 

Vous pouvez sélectionner un dossier de serveur puis cliquer sur le bouton d'importation.

4.2 Gestionnaire de fichiers Dropfiles

Dropfiles est un composant Joomla utilisé pour gérer et classer les fichiers, plus d’informations disponibles ici:
https://www.joomunited.com/products/dropfiles

 

Une version allégée de l'extension est intégrée à l'éditeur. Si vous achetez la version complète, l'outil sera mis à niveau avec la gestion des catégories de fichiers, les thèmes, etc.

 

 

Dans la lightbox Dropfiles, vous pourrez télécharger des fichiers, modifier le titre et la description du fichier et l'insérer dans votre éditeur.

 

 

Fichier dans le contenu sur le frontend.

 

 

4.3 Droptables - gestionnaire de tables

Droptables est un gestionnaire de tables Joomla qui utilise l'interface de feuille de calcul de votre éditeur. Pour plus d'informations, cliquez ici: https://www.joomunited.com/products/droptables
Si vous achetez une version, l'outil sera disponible dans votre éditeur.

Aperçu:

 

 

V. CONTENU ET STYLE

5.1 Titres

L'outil de titre de votre éditeur permet de définir le niveau de tous les titres ou de revenir à un paragraphe normal.

 

 

De plus, dans la configuration de l'éditeur, vous disposez d'options supplémentaires pour définir davantage de niveaux ou remplacer les styles. Pour accéder à la configuration, allez dans Composant> DropEditor> Styles personnalisés

 

 

Dans la partie gauche, vous pouvez activer jusqu'à 6 niveaux de titres.

 

 

Dans la partie centrale, vous pouvez définir les noms des titres et définir un style personnalisé. Ces styles de titres remplaceront votre style de titres.

 

 

5.2 Styles personnalisés

Vous pouvez définir des styles personnalisés qui seront chargés sur votre utilisateur dans la liste déroulante Style.

 

 

Certains styles sont déjà créés et vous pouvez les modifier, renommer des styles et des classes ou créer les vôtres. Tous les styles sont stockés dans un fichier .css dédié.

 

 

Le nom du style est affiché dans la liste.

5.3 Code source

Un outil d'édition de code source est disponible.

 

 

Vous aurez accès au code HTML de votre article, le code source utilise une syntaxe colorée.

VI. PROFILS DE L'ÉDITEUR

6.1 Activation des profils

DropEditor vous permet de définir un profil d'édition qui s'applique au groupe d'utilisateurs Joomla dédié. Pour accéder à la configuration, allez dans Composant> DropEditor> Profils

 

 

Dans l'onglet principal, vous pouvez rendre le profil disponible pour un groupe d'utilisateurs Joomla particulier, par exemple les groupes utilisés sur l'interface Joomla.

 

 

Vous pouvez également limiter l'utilisation de l'éditeur à un composant Joomla particulier.

6.2 Outils de profils

Chaque profil a ses propres outils. Utilisez drag'n drop pour activer / supprimer des outils du profil.

 

 

6.3 Autres outils disponibles

Certains outils sont également disponibles et non activés par défaut.

Trouver et remplacer: Effectuez une recherche et remplacez un ou tous les éléments du contenu de votre éditeur.

 

 

Notez que cet outil est également disponible en mode de code source.

 

 

Correcteur orthographique

 


Supprimer l'outil de style: fait disparaître tout le style en ligne css

 

Alors vous avez:

  • Copier / Coller / Couper
  • Coller sous forme de texte ou à partir de Word: il existe un outil automatique lorsque vous collez un contenu dans l'éditeur qui supprime les styles.
  • Sélectionner tout le contenu
  • Aperçu: ouvrez un nouvel onglet avec l'aperçu du contenu de Joomla
  • Contenu imprimé
  • Ligne à travers
  • Indice / exposant
  • Smiley
  • Saut de page
  • Liste ordonnée
  • Indent / Outdent
  • Citation
  • Tableau HTML
  • Ligne horizontale
  • Couleur du texte
  • Couleur de fond

6.4 Importer - Styles / profils d'exportation

Vous pouvez également importer / exporter vos styles personnalisés ou vos profils d’éditeur en cliquant sur le bouton Import / Export bouton en haut à droite des profils DropEditor.

 

style export

 

Ensuite, une fenêtre contextuelle apparaît, vous permettant de choisir un fichier, puis d'exécuter Importer ou de choisir d'exporter des styles personnalisés ou des profils d'éditeur.


Bonne édition avec DropEditor!

JUSTE À TEMPS, SUPER VENTE ANNIVERSAIRE DROPEDITOR4RD!
25% de réduction sur les packs Dropfiles, Droppics, Droptables & - du 14 août au 21 août
COUPON: DROP4TH

DropEditor Anniv NL

Il y a 4 ans, nous avons lancé DropEditor, notre éditeur de texte libre Joomla.
Quel succès, 14 000 utilisateurs plus tard, nous aimerions partager cela avec vous