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

  • 7

    C’est vraiment dommage pour les autres...

    Mac + Safari, ou
    Win + NetScape/Gozilla
    Linux + ...

    Enfin bref :-/

    • Jam Aicontant

      et le browser Blazer du Treo non plus, c’est vraiment trop triste :-p

    • Soyons sérieux. Y en a marre des outils Apartheid qui ne marche qu’avec untel. Le Web ne devrait obliger rien du tout. Na!

      Mon coup de gueule.

      X

    • entièrement dac
      on amarrrre du sectarisme commercialo
      perlimpimpin
      viv l’openlibregratuit

    • En voila un qui marche !
      http://www.interactivetools.com/staff/ben/htmlarea3_demo/example.html
      La version 2 ne marche qu’avec IE, mais la trois (lien) avec moz-1.3 roule. Konqueror 3.1.0 ne semble pas marcher à première vue (faut que je vérifie la config javascript/java).
      Je n’ai pas trouvé d’archive, j’ai du télécharger le tout à la main. La licence est du type BSD

      Stef

    • J’ai cité cet outil dans un autre article.

      Et pour le télécharger, il y a ce lien.

      Amicalement

    • Argh, plus rapide, c’étatit hier !

      Steph

    • Delphiste47

      Je viens de télécharger la dernière version, mais comment l’interfacer avec SPIP pour qu’il soit directement accessible ? Je ne suis pas tres costaud et je n’ose pas trop toucher au code.
      Zéditor est tres bien mais le prob c’est mozilla et comme je travaille avec ie et moz je trouve plus pratique d’avoir un éditeur compatible ppour les deux.
      Merci de me donner une solution pour intégrer tout çà .

    Reply to this message

    • >>http://7free.net/novaedit/richedit.html
      >>Wysiwygeditor >>multiplateforme

      A marche pas avec mozilla :’-(

    • en effet ca ne marche pas, et c’est parce que c’est du jscript (microsoft) et pas du javascript compatible ECMA. Bon, de toute manière un éditeur wysiwyg écrivant html est presque obsolète a l’heure du CSS 2 et du xhtml, donc le mieux est de suivre le développement des boutons qui gèrent les balises propres à SPIP

    Reply to this message

  • ça marche nickel chrome.
    merci.

    Reply to this message

  • Excellent, je suis sous NPDS et désire passer sous SPIP, ce qui me manquait été un éditeur HTML.....

    La c’est exactement le même dc que du bonheur!!!!

    Reply to this message

  • Très bon outil qui est simple et rapide à installer et qui marche très bien
    Juste le problème de compatibilité :->

    Reply to this message

  • 2
    notabene

    Salut,

    Moi aussi j’ai besoin d’un outil WYSIWYG, et pour le moment nous nous acheminons vers Rich Text Editor.

    J’ai quand même par ouverture d’esprit été voir ton éditeur. Mais mon IE (5.5) a boudé: il voulait télécharger la page. Il n’y aurait pas un problème de MimeType?

    • Sur ce site, tu as l’archive (.zip) à télécharger et installer selon les instructions.

      Si tu désirer l’essayer sans l’installer, c’est sur http://www.zepitt.ch/spip/spip_logi... avec les login et password z-editor

      Amicalement

    • C’est justement en allant sur ton site que j’ai eu un pb de mimetype, en allant sur ton /ecrire/ de démo, avec le login et password fournis.

      Si tu veux on peut en parler hors ligne, j’ai peur qu’on ne se soit pas compris.
      nospam (à) notabene (point) f2o.org

    Reply to this message

  • Fabrice Viale

    Pour remarques pour faire avancer le débat.

    1) Ecrire en wysiwyg est naturel. Ecrire en typo Spip est un paliatif technique.
    2) Il faudrait que les fichiers produit par l’éditeur wysiwyg distinguent la forme du fond pour que Spip puissent interpréter les fichiers (n’est-ce pas la logique du xml?).
    3) Il faudrait surtout que les fichiers des traitements de texte open source se basent sur un Xml interprétable par Spip.
    4) Que les priorités de style soient gérées. C’est à dire qu’un mot du texte en gras demeure en gras. Qu’un titre en gras est suceptible d’être reformaté par Spip.

    PS: pour les intéressés, Google permet d’obtenir l’adresse de très nombreux éditeurs wysiwyg y compris multi-plateformes et gratuits.

    Salutations à tous.

    Reply to this message

  • Patrice

    Bonjour,

    Personnellement je ne vois pas trop l’intérêt d’utiliser un générateur html avec Spip. L’un des intérêts d’un outil de publication comme Spip est justement de dissocier le design du site de la partie rédactionnelle.

    Si l’auteur commence à créer ses propres mises en page (typo, couleurs, tailles...) adieu la charte graphique du site.

    Par ailleurs, si on injecte du html dans les articles “en amont” avant les traitements Spip, on a de grandes chances de ne plus avoir une seule page avec du html valide au bout du compte.

    Ce qui serait sympa, ce serait à mon sens, une interface conviviale du type de celle de z-editor mais qui produirait du “code” Spip (raccourcis de typo et mise en page) ; ce serait à mon avis plus cohérent.

    Cordialement

    Reply to this message

  • l’un d’entre vous sait il comment afficher le calendrier des articles publiés (que l’on retrouve dans la partie administration/privée) sur la zone publique du site ?
    merci

    Reply to this message

  • 2

    Il existe des cms open source qui utilisent un système similaire pour la mise en forme.
    Je vais essayer de les retrouver. Il me semble en avoir vu un qui gérait les tableaux.
    Si la mise en place est aussi triviale ...
    Stef

    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