Édition en plein écran

Tous les champs multilignes (textarea) de l’espace privé peuvent être affichés en plein écran : double-cliquer dans un champ pour l’agrandir et masquer le reste de l’interface. Taper la touche « Escape » pour sortir du plein écran.

Le principe consiste à pouvoir éditer n’importe quel champ multilignes (textarea) de SPIP en utilisant l’intégralité de la fenêtre. Le but :
— avoir plus de confort, surtout pour les « petits » champs (descriptif des documents par exemple),
— afficher le texte dans un relativement grand corps,
— débarrasser l’espace de travail de tout élément perturbant pour se concentrer sur l’essentiel : le texte que l’on est en train de saisir.

Dès l’installation, le fonctionnement du plugin est immédiat.

À partir de interface d’édition normale :

il suffit de double-cliquer à l’intérieur d’un champ multilignes pour obtenir un affichage plein écran :

Pour sortir de ce mode, il faut taper la touche « Esc » (escape), et on revient à la version « normale » de l’interface.

Le bouton de validation du formulaire est également présenté en mode plein écran (parfois non sous IE 7), ce qui permet de valider le formulaire directement sans repasser par l’affichage normal. (Dans SPIP 1.9.2, le bouton de validation du formulaire n’est pas affiché.)

Sur le site public

Le javascript qui gère cet effet pour être utilisé dans les squelettes du site public : il suffit de l’appeler depuis le squette. Par exemple :

[<script src="(#CHEMIN{javascript/edition_plein_ecran.js})"
      type="text/javascript">
</script>]

Par exemple, sur plugins.spip, les formulaires des forums et des « critiques » utilisent cette fonctionnalité.

À noter

— Ce mode d’affichage est désactivé sous IE6, qui n’autorise pas le « position: fixed ».
— Testé et débugué (théoriquement) sous Firefox 2 et 3, MSIE 7, Safari 4, Opéra 10.
— Le plugin fonctionne sous SPIP 1.9.2. Cependant, cette version de SPIP tourne avec jQuery 1.1.1. J’ai essayé de contourner certaines limitations, mais il manque quelques détails par rapport à l’utilisation sous SPIP 2.
— Le plugin a dû être modifié pour SPIP 2.1 (qui introduit une CSS très particulière) ; si vous faites la mise à jour depuis un site existant, pensez à mettre à jour la version de ce plugin.

Discussion

Une discussion

  • Excellente adaptation, très pratique à l’usage.
    Avec nos écrans de plus en plus grands, y a t-il un moyen d’élaargir la zone de texte ?
    Merci d’avance

    Répondre à ce message

Ajouter un commentaire

Qui êtes-vous ?

Pour afficher votre trombine avec votre message, enregistrez-la d’abord sur gravatar.com (gratuit et indolore) et n’oubliez pas d’indiquer votre adresse e-mail ici.

Ajoutez votre commentaire ici

Ce champ accepte les raccourcis SPIP {{gras}} {italique} -*liste [texte->url] <quote> <code> et le code HTML <q> <del> <ins>. Pour créer des paragraphes, laissez simplement des lignes vides.

Ajouter un document

Suivre les commentaires : RSS 2.0 | Atom

Dernière modification de cette page le 11 juin 2012