DropEditor: Outils d'édition avancés

1. Liste à puces

La liste à puces n'est pas une simple liste : vous pouvez créer votre propre style, l'enregistrer et le réutiliser ultérieurement. En général, 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.

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

Si vous insérez votre liste directement dans votre contenu à l'aide Insérer , sans enregistrer, vous « perdrez » votre style (non enregistré).

Le bouton « Enregistrer » sauvegardera la liste à puces dans la base de données ; vous pourrez la modifier ultérieurement. Pour modifier une puce, cliquez sur l’icône en forme de stylo dans la fenêtre contextuelle. Le bouton « + » ajoutera une puce et le bouton « Corbeille » la supprimera.

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

2. Gestionnaire de colonnes

Le gestionnaire de colonnes est un outil permettant de créer une mise en page en colonnes pour votre contenu. Un clic sur le bouton affichera un menu proposant une sélection rapide des mises en page en colonnes.

• 2 colonnes
• 3 colonnes
• 4 colonnes
• disposition 1/4 - 3/4
• disposition 3/4 - 1/4

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

Il est également possible de définir une mise en page personnalisée pour vos colonnes grâce au bouton Personnalisé.

Vous pouvez créer ou supprimer des colonnes par simple glisser-déposer. Vous pouvez ensuite définir des dimensions personnalisées pour chaque colonne. Enfin, cliquez sur le bouton « Insérer des colonnes dans l'article » pour finaliser votre mise en page.

Une liste de menus verts est disponible pour réinitialiser votre mise en page et appliquer une mise en page 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, puis en sélectionnant « Mettre à jour la colonne » . Vous pourrez alors modifier leur largeur.

3. Éditeur de boutons

Le gestionnaire de boutons vous permet de créer votre propre style de bouton, de l'enregistrer et de le réutiliser ultérieurement. En général, 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 des listes à puces ; vous pourrez créer un style à l'aide de l'outil de la fenêtre latérale gauche, puis l'insérer/l'enregistrer/le modifier.

Vous pouvez définir l'arrière-plan, le style des bordures et l'effet au survol de la souris. Pour insérer un bouton dans le contenu, cliquez sur « Insérer » ou « + » d'un bouton enregistré.

Vous pouvez également modifier et enregistrer un style existant : il suffit de cliquer sur le stylo et de modifier les paramètres ou d’effectuer un clic droit 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.

4. Résumé de l'article

L'outil de synthèse peut générer automatiquement un résumé de tout votre contenu à partir de ses titres. Vous pouvez également mettre à jour automatiquement ce résumé.

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

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

5. Outil de modélisation

L'outil de modèle vous permettra d'enregistrer toute la mise en page de votre contenu (structure HTML) afin de le charger ultérieurement.

Cliquez sur le bouton pour enregistrer/charger une mise en page.

Vous pouvez définir un nom pour le modèle et l'enregistrer. Pour charger un modèle, cliquez sur son nom dans la zone inférieure.

6. Gestionnaire de liens

Un gestionnaire de liens est disponible avec une interface permettant de créer rapidement des liens vers le contenu, les articles et les menus Joomla

Dans la boîte de dialogue, vous pouvez créer un lien vers une URL personnalisée ou charger un contenu Joomla. Sélectionnez simplement un contenu, l'URL sera générée, puis cliquez sur « Insérer » .

7. Outil d'ancrage

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

Vous pouvez ajouter un nom d'ancre, puis valider

Une ancre sera ajoutée à votre contenu.

Pour créer un lien vers cette ancre, sélectionnez du texte, cliquez à nouveau sur le bouton de l'outil d'ancrage et sélectionnez l'ancre créée précédemment.

8. Police Google

Vous devez d'abord activer « Police Google » dans Profils > Par défaut (Vos profils) >  Outils de l'éditeur . Ensuite, cliquez sur « Afficher la police Google » ; la police sélectionnée apparaîtra alors dans l'éditeur.

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

9. Insérer le média

Vous pouvez insérer des fichiers multimédias depuis votre serveur ou YouTube et Vimeo. Pour cela, cliquez d'abord sur le « Insérer un média » de l'outil Éditeur.

Une fenêtre contextuelle apparaît alors ; vous pouvez ajouter le lien dans l’onglet YouTube ou Vimeo. Cliquez ensuite sur « Insérer » .

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

10. Espaces incassables

Vous pouvez également insérer des espaces insécables en cliquant sur l'icône correspondante dans l'outil d'édition.