z-editor : édition HTML en WYSIWYG

All contributions published for previous SPIP versions

Les utilisateurs peu accoutumés à l’informatique sont parfois rebutés par l’insertion de code pour la mise en forme, même si le système est simple.
Spip permet d’insérer du texte en HTML, ce petit add-on va vous permettre d’éditer le texte HTML en WYSIWYG.

z-editor est un petit add-on qui vous offre un outil visuel de saisie de texte, avec conversion en HTML et transfert dans Spip.

Attention ! cet outil ne fonctionne que sur plate-forme Windows avec Microsoft Explorer 5.0 ou supérieur.

Cela limite bien évidement la portée d’un tel outil. A ce propos, juste trois remarques :

-  Cet outil a été développé initialement pour être utilisé dans un intranet, composé à 100% d’un parc Windows/Explorer ;
-  Z-editor est un outil complémentaire, facultatif. Laissons-donc le choix à l’utilisateur !
-  L’utilisation du HTML existe d’origine dans Spip, cet outil permet seulement d’en simplifier l’usage.

Divers :

-  La dernière version, ainsi que les instructions, sont disponibles ici.
-  Si vous désirez tester le système, connectez-vous ici : et utilisez le user et le password z-editor. Créez un article et en dessus de la rubrique Texte, cliquez sur utiliser z-editor pour mettre en forme votre texte.

Installation :

en 3 clics et 3 minutes :

  1. Créez un sous répertoire /inline_editor/ dans votre site, par /spip/inline_editor/ ;
  2. Décompressez l’archive dans le sous-répertoire créé (cela va copier tous les fichiers nécessaires et créer un nouveau sous-répertoire) ;
  3. Editez le fichier /ecrire/articles_edit.php de spip, pour y apporter les 3 modifications décrites dans le fichier MODIFICATIONS.RTF.

Note des admins : Attention z-editor modifie le code source de SPIP en ajoutant une fonctionalite. N’oubliez pas il ne fonctionne qu’avec Internet Explorer.
Et comme dit l’auteur : Je pense que les webmasters qui veulent offrir ce style d’outil aux utilisateurs ne trouveront pas trop de problèmes à faire ces corrections et les reporter dans les prochaines versions.

Discussion

22 discussions

  • 1

    Une fois qu’on a bien mis en forme etc. on doit afficher le code et les copier coller dans la fenetre d’article de Spip. Exact? Ou j’ai tout faux?

    • Non, tout se fait automatiquement, il suffit de cliquer sur le bouton “enregistrer” de la barre d’outils, un message-box demande de confirmer la fermeture et le HTML est transféré dans Spip.

      Tu peux essayer la démo online

    Reply to this message

  • 1
    Jean Caillette

    je peux l’installer sur un serveur linux/Apache?, mes collègues fonctionnent sous IE5 et IE6?

    • Oui l’installation se fait sans problème sur Linux et Apache.

      Le pré-requis (Windows & IE 5.x) n’existe que du côté client.

      Amicalement

    Reply to this message

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