Aide:Extension:WikiEditor/Aperçu en temps réel

À ne pas confondre avec : Manual:Live preview.

Realtime Preview est une fonctionnalité de WikiEditor qui vous permet d'avoir un aperçu de vos modificatons en temps réel alors que vous écrivez. Elle a été crée par l'équipe Community Tech de la Fondation Wikimedia pour répondre au souhait n°4 du sondage en 2021 sur les voeux de la communauté.

Utilisation

Vérifiez d'abord que WikiEditor est activé (c'est la cas par défaut). Dans votre Préférences, cherchez les préférences Activer la barre d’outils de modification et Afficher l’aperçu sans recharger la page . Notez que l'aperçu en temps réel n'est pas disponible dans le Éditeur de wikicode 2017 .

Commencez à modifier une page. Notez que dans la barre d'outils, vous verrez un bouton Aperçu. En cliquant dessus vous activerez l'aperçu en temps réel. Une fois activé, le panneau d'aperçu est affiché à côté de la zone d'édition du wikicode. Il sera mis à jour à chaque fois que vous arrêterez d'écrire.

Il y a aussi un bouton Recharger dans la barre d'outils (à côté du bouton Aperçu) qui peut être utilisé pour recharger manuellement les modifications. La touche d'accès ) peut aussi être utilisée pour cela. Le chargement manuel peut être utile après avoir apporté des modifications dans des onglets séparés du navigateur, par exemple, pour voir les modifications appliquées à la page actuelle. Le bouton Recharger apparaîssait auparavant seulement lorsque le panneau d'aperçu était survolé par la souris et certains documents peuvent encore y faire référence.

Les panneaux d'édition et d'aperçu peuvent être redimensionnés en faisant glisser la barre de séparation du milieu vers la gauche ou la droite. Pour ces deux cas, la hauteur peut également être ajustée en déplaçant le bord inférieur de redimensionnement. Vos préférences de taille sont stockées dans votre navigateur et seront conservées pour les sessions futures d'édition (c'est une préférence par appareil, car les tailles d'écran peuvent varier d'un appareil à l'autre).

Limites

• Les éléments absolument positionnés sont affichés par rapport à la page entière, et pas seulement au panneau d'aperçu. Si vous voulez tester l'apparence de vos modifications pour toute la page, utilisez le bouton Prévisualiser de pleine page. (phab:T310064)
• Lors de l'utilisation à la fois de la prévisualisation en temps réel et de la prévision de la pleine page, certaines interactions utilisateur nécessitant JavaScript peuvent s'appliquer à une seule zone de prévisualisation et non à l'autre, comme les liens "afficher" et "masquer" pour le contenu repliable. (phab:T307475)
• Si la fenêtre de votre navigateur est trop étroite, l'aperçu en temps réel est automatiquement désactivé et vous devez utiliser le bouton Prévisualiser en pleine page pour avoir l'aperçu de vos modifications.

Masquer le bouton

Si vous ne voulez pas que le bouton Aperçu apparaisse dans votre barre d'outils, vous pouvez le masquer en ajoutant ceci à votre common.css :

.tool[rel="realtimepreview"] {
    display: none;
}