É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

No discussion

Add a comment

Avant de faire part d’un problème sur un plugin X, merci de lire ce qui suit :

  • Désactiver tous les plugins que vous ne voulez pas tester afin de vous assurer que le bug vient bien du plugin X. Cela vous évitera d’écrire sur le forum d’une contribution qui n’est finalement pas en cause.
  • Cherchez et notez les numéros de version de tout ce qui est en place au moment du test :
    • version de SPIP, en bas de la partie privée
    • version du plugin testé et des éventuels plugins nécessités
    • version de PHP (exec=info en partie privée)
    • version de MySQL / SQLite / PostgreSQL
  • Si votre problème concerne la partie publique de votre site, donnez une URL où le bug est visible, pour que les gens puissent voir par eux-mêmes.
  • En cas de page blanche, merci d’activer l’affichage des erreurs, et d’indiquer ensuite l’erreur qui apparait.

Merci d’avance pour les personnes qui vous aideront !

Par ailleurs, n’oubliez pas que les contributeurs et contributrices ont une vie en dehors de SPIP.

Who are you?
[Log in]

To show your avatar with your message, register it first on gravatar.com (free et painless) and don’t forget to indicate your Email addresse here.

Enter your comment here

This form accepts SPIP shortcuts {{bold}} {italic} -*list [text->url] <quote> <code> and HTML code <q> <del> <ins>. To create paragraphs, just leave empty lines.

Add a document

Follow the comments: RSS 2.0 | Atom