Retour à la page principale

Joueb.com est une communauté de construction de jouebs
(joueb = journal web, traduction de weblog et blog).

En quelques clics et gratuitement, vous pouvez vous inscrire pour participer aux jouebs et si vous le souhaitez créer votre joueb.

Page principale - Créer un blog - Perdu ? Lisez la documentation et visitez le joueb d'aide.
Idée 42 : un éditeur visuel
--> 5 idées réalisées, plus que 96.

Cela faisait longtemps que j'en avais envie (depuis que j'ai vu les essais de Michel de CoaCoaCoa), c'est chose faite, Joueb.com a maintenant un éditeur visuel ! (wysiwyg : what you see is what you get). L'idée 42 a été formulée par JM : "ajouter des boutons (façon CMSimple) pour pouvoir écrire facilement du HTML (avec des blogquote et des p et des q)" et Tara : "J'ai commencé à utiliser la fonction wiki2xhtml au boulot pour permettre aux non-htmlistes de formatter du texte qui devait ensuite être intégré à une application web. Qu'est-ce qu'ils étaient heureux!". Finalement, j'ai utilise htmlarea, proposé par un commentateur anonyme (merci !). J'espère que vous aussi vous allez être très heureux ! :O)

Notes :

  • Cela marche seulement avec Internet Explorer 5.5 et + sous Windows, et avec Mozilla 1.3 et +. J'ai teste avec IE6.0 et Mozilla 1.4 sous Windows, cela marche tres bien :-)
  • C'est une version alpha : il y a surement des bugs.
  • JM : oui, je sais, il n'y a pas de blog?quote.
  • Le code produit n'est pas valide XHTML machin truc. Mais htmlarea a un énorme avantage par rapport a wiki2xhtml etc. : c'est accessible ! :-)

Ma fonction preferee : le bouton Agrandir l'éditeur qui permet de passer l'éditeur en mode plein ecran. :-) Fini de taper des longs textes dans une petite boite ! (en fait personnellement, je trichais : je tapais les textes dans un autre éditeur, et ensuite je faisais un copier/coller dans le formulaire)

Pour éviter d'avoir des commentaires trop colorés, je n'ai mis l'editeur visuel que pour l'ajout et l'édition des articles.

Il est 2h27 du matin a San Francisco, mais je trouve que ca vaut vraiment le coup ! :-)

Ecrit par Biz, le Dimanche 27 Avril 2003, 11:29 dans la rubrique "Nouvelles".

Commentaires :

Biz
Biz
27-04-03 à 11:34

Sommaires

Tout le texte de l'article est sur une seule ligne de code HTML, donc le systeme actuel considere que ce n'est qu'un seul paragraphe, et du coup, tout le texte est affiche en premiere page. Je corrigerai cela demain. Ca sera d'ailleurs sans doute le bon moment pour implementer une des idees de Mouche : ajouter un bouton pour qu'on puisse choisir d'afficher tout l'article en page principale, ou seulement le premier paragraphe.

 
ElS-
ElS-
27-04-03 à 17:02

Re: Sommaires

Hello Biz et bravo pour ton taf.
En fait, j'ai un problème, tres mineur il est vrai. Quand je veux faire un saut de ligne ça me fait un saut de paragraphe. Wouainnn :)

 
ElS-
ElS-
27-04-03 à 17:13

Re: Re: Sommaires

En fait, je viens de me rendre compte que si on voulais seulement voir apparaitre le premier paragraphe de l'article il suffisait de faire des sauts de ligne dans le code source au lieu d'utiliser les balises. Voili.

 
Cassandra
Cassandra
27-04-03 à 11:35

Heu...j'ai essayé de taper un article mais je n'arrive pas à écrire dans la case blanche...y'a une petite image dans un coin et impossible d'y mettre le curseur... j'espère ne pas avoir été trop embrouillée...

 
Biz
Biz
27-04-03 à 11:36

Re:

Peux tu me dire quel navigateur tu utilises, quelle version, et sur quel plateforme (Windows, Mac, Linux etc.) ?

 
Cassandra
Cassandra
27-04-03 à 11:52

Re: Re:

Windows 98 et le navigateur... club internet.

 
Biz
Biz
27-04-03 à 11:57

Re: Re: Re:

Quel est le probleme exactement ? Tu peux m'envoyer une copie d'ecran ? (la touche PrintScreen en haut a droite, je me souviens plus ce que c'est en francais, Imprime Ecran surement.. ensuite tu peux coller (Ctrl-V) l'image dans un mail par exemple. biz@joueb.com

Tu peux aussi essayer Internet Explorer 6 ou Mozilla

 
Cassandra
Cassandra
27-04-03 à 12:00

Re: Re: Re: Re:

dsl, mais la copie d'écran, ca dépasse de loin mes compétences...rhalala!

 
Cassandra
Cassandra
27-04-03 à 12:06

Re: Re: Re: Re: Re:

Et le problème c'est qu'il y a une icone sur laquelle je ne peux pas cliquer sur la case blanche ou je dois taper mes articles, et qu'en plus je ne peux pas positionner mon curseur (la petite barre qui clignote) pour taper mon texte: résultat, je ne peux ni écrire d'article ni en éditer!

 
Kabotine
Kabotine
27-04-03 à 12:10

GENIAL !!!
TROP TROP COOL !!!

merci merci merci !

 
Cassandra
Cassandra
27-04-03 à 12:11

Re:

Y'a que moi avec qui ca marche pas? grrr!!!
:-(

 
lanelya
lanelya
27-04-03 à 12:16

Re: Re:

mais je pense que cet article ne va pas arranger les problemes de comprehension... tampis! c'est utile et joli. et puis, avec internet, il faut tjs un temps d'adaptation quand on decouvre un nouveau truc. se serait pas marrant de tout comprendre d'un coup! ;-)

 
Cassandra
Cassandra
27-04-03 à 12:27

Re: Re: Re:

Y'aurait pas moyen par exemple de retirer ce truc de MON joueb? Et de revenir à l'ancien? (je sais je suis une sale égoiste, je ne parle que de moi, mais ne plus rien pouvoir écrire, ca me met sur les nerfs!!!).
Enfin c'est juste une idée parce que là...

 
castor
castor
27-04-03 à 14:35

Re: Re: Re: Re:

Pareil que Cassandra. J'ai une requête et une objection

La requête, c'est que l'on puisse choisir son éditeur (avec une option par défaut dans le profil du joueb), et que le nouvel éditeur ne soit pas affiché sur un navigateur trop vieux.

L'objection, c'est que cette évolution rejoint l'arbrenoelisation des jouebs:
Tu sais le coup de gueule que tu avais poussé en constatant que la moitié des jouebs pompaient des ressources

A une époque, des jouebs étaient totalement illisibles car il fallait lire le weatherpixie, le gif animé, les trois swisstools, les renvois sur d'autres sites. Ca prenait une bonne minute à charger dès que l'un des sites requis étaient en rade. (pour certains cela n'a pas changé, mais je ne les lis plus)

Tu a dénoncé ce travers, mais là tu fais la même chose sur l'utilisation du site. Si le site d'où tu as tiré l'éditeur est en rade, on fera quoi?

 
Cassandra
Cassandra
27-04-03 à 15:11

Re: Re: Re: Re: Re:

Enfinqqun de mon avis...
M'énerve je peux plus écrire... si qqun pouvait faire qqchose avant que je ne pulvérise le PC familial, ca m'arrangerais! (non, je ne suis pas une vipère, non je ne suis pas une égoiste, je suis juste hyper hyper hyper énervée!!!)

 
Biz
Biz
27-04-03 à 18:32

Re: Re: Re: Re: Re: Re:

Tu as essaye de cliquer sur les liens que j'ai donne au dessus et d'installer un navigateur plus recent ?

 
Cassandra
Cassandra
27-04-03 à 18:43

Re: Re: Re: Re: Re: Re: Re:

Oui, mais tu sais, à 13 ans, j'ai un peu de mal avec l'anglais... surtout que j'ai pris allemand LV1... t'as un traducteur? Parce que là j'y ^pige rien du tout!

 
Biz
Biz
27-04-03 à 19:01

Re: Re: Re: Re: Re: Re: Re: Re:

J'ai mis une version plus ancienne de l'editeur. En theorie, elle est chargee uniquement pour Internet Explorer 5.5 et plus sous Windows (desole pour les utilisateurs de Mozilla). Tu peux reessayer ?

 
Cassandra
Cassandra
27-04-03 à 19:11

Re: Re: Re: Re: Re: Re: Re: Re: Re:

Ca marche mais je n'ai plus ni la nouvelle "barre de commande" ni l'ancienne. c'est normal? En tout cas, merci déja pour ca!
:-)

 
Biz
Biz
27-04-03 à 19:14

Re: Re: Re: Re: Re: Re: Re: Re: Re: Re:

C'est normal. Pour avoir la nouvelle, voici le lien vers Internet Explorer en francais.

 
Biz
Biz
27-04-03 à 18:30

Re: Re: Re: Re: Re:

>Tu a dénoncé ce travers, mais là tu fais la même chose sur l'utilisation du site. Si le site d'où tu as tiré l'éditeur est en rade, on fera quoi?

Ca n'a rien a voir, pour les raisons suivantes :

- C'est utile. Pour quelqu'un qui ne connait pas l'HTML (au hasard, 80% des utilisateurs de Joueb.com), ils peuvent maintenant mettre des titres, des listes, des tableaux etc. Ce n'est pas de l'arbrenoelisation (pour l'article ci-dessus, j'ai un peu charge la deco, mais c'est simplement pour illustrer les fonctionnalites de l'editeur, je ne vais pas m'amuser a ca tous les jours.

- Ce n'est que pour l'edition de commentaire, pas toutes les pages. Et comme tu le dis, je vais trouver un moyen pour ne l'afficher que si c'est utile et voulu.

- L'editeur au complet est sur Joueb.com, ca n'a rien a voir avec un truc a la swisstools : pas de delais, pas de popups pour jouer au casino. C'est un logiciel libre avec une license a la BSD.

Je vais me pencher sur le probleme avec les macounets.

 
castor
castor
27-04-03 à 22:36

Re: Re: Re: Re: Re: Re:

> je ne vais pas m'amuser a ca tous les jours.

Toi non, mais j'en connais certains... (suivez mon regard)
Bah, c'est que de l'HTML, finalement.

> L'editeur au complet est sur Joueb.com, ca n'a rien a voir avec un truc a la swisstools

Ouf! Je dois t'avouer que j'ai eu les jetons quand j'ai vu l'éditeur se charger bouton par bouton... Et que je ne pouvais toujours rien taper!

 
Oxygene
Oxygene
27-04-03 à 14:29

Ca a l'air séduisant...

...mais pour moi qui suis sur Mac ca me bloque. Je ne peux plus créer ou editer mes articles.
Si ca peux t'aider je suis sur Mac OS X.2.5 et j'ai fait le test avec I.E 5.2.2 et safari beta 2.
C'est pas beau de réduire les utilisateurs de Mac au silence ;-D

[enfin ne t'inquiéte pas trop pour moi j'ai aussi un PC qui traine]

 
Clara
Clara
27-04-03 à 15:18

Re: Ca a l'air séduisant...

Pareil j'ai un mac et je ne peut plus, ni écrire, ni éditer, ni éfacer un texte.
Par contre moi je n'est pas de PC qui traine :-(

 
Oxygene
Oxygene
27-04-03 à 15:36

La dur réalité des minorités...

Je suppose que biz va vite se pencher sur le probléme et trouver la solution.

 
Clara
Clara
27-04-03 à 16:00

Re: La dur réalité des minorités...

Il a interet !!! ;-D

 
Clara
Clara
27-04-03 à 16:46

Hola...

C'est la 4eme fois que mon tétoucom ce change tout seul (dans le commentaire ci dessus mon nez est vraiment zarb'). Ca vous arrive aussi???

 
Clara
Clara
27-04-03 à 16:51

Re: Hola...

Ni celui ci-dessus. C'est la faute à Biz et à tout c'est changement. (Gniakgniakgniak) (chu folle, complètement folle!!!)

 
Cassandra
Cassandra
27-04-03 à 16:59

Re: Re: Hola...

Mais c'est pour c que je t'adore, t'es (presque) aussi folle que moi! lol!
SI TOUTE CETTE HISTOIRE N'EST PAS REGLEE BIENTÔT, JE PIQUE UNE CRISE! (ah bon, c'est pas déja fait?)
;-)

 
Anonyme
27-04-03 à 19:36

Re: Camino et Mozilla existent pour Mac

http://www.mozillazine.org/ --> dans la barre du haut, y'a CM 0.7 et 1.3 (pour Mozilla 1.3)


 
Dolory
Dolory
27-04-03 à 17:21

verdict

euh ... je viens de passer un certain temps pour maîtriser l'éditeur.
le problème est que si l'on revient à l'édition il supprime les changements effectués (ex. les retours à la ligne ) donc si on veut modifier quoi que ce soit (police, couleur etc)une fois l'article publié ou proposé, il faut revérifier que tout le reste n'a pas bougé
bref j'ai tout tapé sous l'option "code source HTML" ( ) ce qui revient à l'ancien système finalement ... comme quoi le meilleur est peut-être parfois déjà entre nos mains.

 
Anonyme
27-04-03 à 19:40

blockquote et des P et des Q

l'avantage d'un éditeur c'est aussi que la _qualité_ du balisage sur les jouebs augmentent, pas seulement le rendu visuel (d'ou l'envie de blockquote, p et q)... pour la prochaine idée.

 
tgtg
tgtg
28-04-03 à 11:46

Re:youpiiii!!!

pour moi , il n'y a rien de changé:-)))))))))

je ne dois pas essayer de comprendre!!!!!!!

merci macounet:-)

biz : surtout , ne te tracasse pas pour moi!

 
misschococat
misschococat
28-04-03 à 13:03

dommage qu'il n'y en ait pas pour les commentaires

 
mouche
mouche
28-04-03 à 15:09

Hum..

Lundi, 9h du matin a Pittsburgh, je sais pas si c'set normal mais la si je veux faire quoi que ce soit il faut que je mette les balises a la main... Le seul bouton que je vois s'appelle "valider".
Sinon faciliter la mise de lien, je suis pour, mais les couleurs dans tous les sens je suis pas sure que ca aide a la lecture. Bon apres chacun ses gouts ;)

 
Biz
Biz
28-04-03 à 21:25

Re: Hum..

Ca ne marche qu'avec Internet Explorer 5.5 et + sous Windows, c'est ce que tu utilises ?

Support de Mozilla : bientot.

 
bohwaz
bohwaz
29-04-03 à 02:18

Re: Re: Hum..

Moi je cherche toujours le même genre de solution (édition WYSIWYG) sous Opera... Mais bon je crois que c'est impossible... ;-(

 
mouche
mouche
29-04-03 à 19:59

Re: Re: Hum..

Sur le PC que j'ai au labo (c'est a dire le seul que j'utilise maintenant et pour les 3 prochains mois )j'ai Internet Explorer 5.0 sous windows.

 
Biz
Biz
29-04-03 à 20:11

Re: Re: Re: Hum..

Tu crois que quelqu'un remarquerait si t'installais Internet Explorer 6 dessus ? ;-)

 
mouche
mouche
29-04-03 à 20:35

Re: Re: Re: Re: Hum..

Si tu crois que je peux installer quelque chose ... j'ai pas de droit administrateur, deja que j'ai une session a mon nom (il m'a fallu un mois presque, et j'ai toujours pas acces a certains fichiers partages du groupe). Mais je peux tenter de discutter avec les autres.

 
Anonyme
30-04-03 à 20:40

Re: nomade

Tu as un port USB de libre sur le PC du labo ? tu as un Windows 2000 ou XP ? (cela ne marche PAS avec NT)

Alors tu peux acheter une clé USB (taille 128 Mo --> 33 Euros ) et si je me souviens bien de Windows, il devrait te laisser écrire dessus: tu branches et hop il voit un nouveau disque.
Dessus tu peux installer Mozilla, par exemple. Et ensuite écrire à Biz pour le support Mozilla.

Autre solution, mais c'est plus barbare (tu ne peux rien sauver):
tu as un PC et un lecteur de CDROM ?
tu peux redémarrer le PC ?
ce PC sait démarrer directement sur le CDROM ?
alors Knoppix [ http://www.knoppixfr.org/ ] est ton ami




 
linkback
linkback
01-05-03 à 13:14

Lien croisé

42: Forty-Two Blog - Ode au Quarante-Deux : "Idee 42 : un éditeur visuel pour Niutopia."

 
Anonyme
12-05-03 à 19:08

Mozile

un autre éditeur, qui marche que avec Mozilla pour le moment
Mozile
et il peut être testé ici

 
linkback
linkback
01-10-03 à 11:34

Lien croisé

Crao wiki - joueb : "Récemment dotée d'un éditeur visuel pour faciliter la mise à jour de sites webs auprès de ses membres. ()"

 


Logo dessiné par Johan Roirand.
Version  XML  -- Joueb.com est une plateforme d'hébergement gérée par l'association 1901 ViaBloga.