Un éditeur de texte riche

2 Pages
←
1
2

Vous ne pouvez pas commencer un sujet
Vous ne pouvez pas répondre à ce sujet

Un éditeur de texte riche Noter :

#21 yuston

Groupe : Membre+
Messages : 589
Inscrit(e) : 07-octobre 04
Genre:Homme
Localisation:Lausanne

Posté 20 avril 2009 - 21:10

Dadou, le lundi 20 avril 2009 à 15:22, dit :

Bon mais a partir du moment ou tu met un texte en gras, c'est que tu veux le faire ressortir, donc lui donner de l'importance non????

Non. Parfois, pour les besoin de design, on met par exemple la première lettre en gras et le reste des lettres du mot en normal. Dans ce cas, le gras doit être fait avec font-weight du CSS (séparer la mise en forme de la structure, donc ne pas utiliser

. Utiliser la balise strong pour décorer son texte n'a également aucun sens dans la mesure où strong c'est utilisé pour accorder de l'importance à l'expression ciblée.

Je soutiens donc Occi!

Bref, je m'excuse pour ce hors-sujet.

Sinon, comme RTE, j'ai récemment découvert un, Nicedit, super sympa, super modulable et particulièrement léger! Pas mal au niveau des options. Il faut par contre installer le plugin "XHTML Valid" pour que la bête produise un code plus ou moins valide.

Andersen Lau - Me retrouver sur Twitter
Pour les jeunes qui n'ont pas encore réussi le permis de conduire, faites une petite accélération (prioritairement en voiture!) sur Le-Permis.ch. A fond les pédales!

Haut

#22 Dadou

Light or Dark Side ?

Groupe : Fondateur
Messages : 3 244
Inscrit(e) : 29-avril 04
Genre:Homme
Localisation:13 rue Offenbach, Barentin

Posté 20 avril 2009 - 21:33

Je persiste, une lettre n'est pas un texte, et pour ton exemple, c'est la pseudo classe :first-letter qu'il faudrait utiliser

« Demander ne coûte qu’un instant d’embarras ; ne pas demander, c’est être embarrassé toute sa vie. » (Proverbe japonais)
- Mon petit site a moi

Haut

#23 Occi

Groupe : Hubmaster
Messages : 246
Inscrit(e) : 13-novembre 04
Genre:Homme
Localisation:Pyrénées Atlantiques

Posté 20 avril 2009 - 23:33

Pas mal du tout ce petit éditeur !

Il me rappelle markitup

Haut

#24 Gytha_Ogg

Groupe : Membre
Messages : 9
Inscrit(e) : 17-avril 09
Genre:Femme
Société:Valinfo

Posté 21 avril 2009 - 17:44

Occi, le lundi 20 avril 2009 à 14:07, dit :

As-tu la possibilité de mettre ton champ SQL en type "text" ? Peut être que ton problème serait arrangé.
Pour éviter les abus un petit comptage de caractère en PHP.

Les champs en question sont déjà de type text. Un comptage de caractères en PHP est nécessaire avant l'insertion des données dans la table, mais il n'empêche que pour le confort des utilisateurs, j'ai (malheureusement) besoin d'un compteur de caractères...

Bienvenue sur La Grille Verte

Haut

#25 Gytha_Ogg

Groupe : Membre
Messages : 9
Inscrit(e) : 17-avril 09
Genre:Femme
Société:Valinfo

Posté 21 avril 2009 - 17:52

yuston, le lundi 20 avril 2009 à 21:10, dit :

Sinon, comme RTE, j'ai récemment découvert un, Nicedit, super sympa, super modulable et particulièrement léger! Pas mal au niveau des options. Il faut par contre installer le plugin "XHTML Valid" pour que la bête produise un code plus ou moins valide.

Je viens donc de tenter un test de Nicedit. J'ai transposé à mon exemple de base le fichier de démo n°1, ce qui donne donc :

<?
session_start();
echo '<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<head><title>Calendrier-annuaire de la vie associative locale</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-15">
<style type="text/css">
BODY { background: #BBEFFF; color: navy; font-family: Optimum,Helvetica,Verdana,sans-serif; font-size: medium; width: 80%; margin: auto; text-align: center;}
</style>
</head>
<body>
<h1>Test d\'éditeur WYSIWYG</h1>
<script type="text/javascript" src="../NicEdit/nicEdit.js"></script>
<script type="text/javascript">
bkLib.onDomLoaded(function() { nicEditors.allTextAreas() });
</script>
<form action="voirtest.php" method="post" target="_blank">
<textarea name="descrtemp1" rows="10" cols="100" width="100%">'.$_SESSION['descrtemp1'].'</textarea>
<textarea name="descrtemp2" rows="10" cols="100" width="100%">'.$_SESSION['descrtemp2'].'</textarea>
<br>
<input type="image" name="submit" src="images/visu.gif" align="middle" alt="Visualiser">
</form>
</body></html>';
?>

Le moins qu'on puisse dire, c'est que le résultat n'est pas vraiment à la hauteur de mes attentes (testé sur Opera, FF et IE7) :

Le site Nicedit donne des indications différentes :
« Include The following script anywhere on your page:
<script src="http://js.nicedit.co...cEdit-latest.js" type="text/javascript"></script>
<script type="text/javascript">bkLib.onDomLoaded(nicEditors.allTextAreas);</script> »

Il est hors de question qu'un de mes programmes appelle des ressources externes sans lesquelles il ne pourrait pas fonctionner !

Bienvenue sur La Grille Verte

Haut

#26 captain_torche

Danacol / Orangina rouge

Groupe : Admin
Messages : 6 722
Inscrit(e) : 08-février 06
Genre:Homme
Localisation:Savigny / Orge

Posté 21 avril 2009 - 17:57

Un champ de type text peut contenir 32 000 caractères, c'est quand même beaucoup !
Tes membres sont des académiciens, ou quoi ?

Vous avez rêvé cette nuit ? Partagez vos rêves sur l'Onironaute !
Bijoux fantaisie
Recherche nounou

Haut

#27 Gytha_Ogg

Groupe : Membre
Messages : 9
Inscrit(e) : 17-avril 09
Genre:Femme
Société:Valinfo

Posté 21 avril 2009 - 18:02

captain_torche, le mardi 21 avril 2009 à 17:57, dit :

Un champ de type text peut contenir 32 000 caractères, c'est quand même beaucoup !
Tes membres sont des académiciens, ou quoi ?

Non !

Occi, le lundi 20 avril 2009 à 23:33, dit :

Il me rappelle markitup

« markItUp! is not a WYSIWYG editor, and it never will be. » :nonono:

Bienvenue sur La Grille Verte

Haut

#28 captain_torche

Danacol / Orangina rouge

Groupe : Admin
Messages : 6 722
Inscrit(e) : 08-février 06
Genre:Homme
Localisation:Savigny / Orge

Posté 21 avril 2009 - 18:11

Gytha_Ogg, le mardi 21 avril 2009 à 18:52, dit :

Il est hors de question qu'un de mes programmes appelle des ressources externes sans lesquelles il ne pourrait pas fonctionner !

Si ce n'est que ça, il te suffit de copier le script sur ton propre site

Vous avez rêvé cette nuit ? Partagez vos rêves sur l'Onironaute !
Bijoux fantaisie
Recherche nounou

Haut

#29 yuston

Groupe : Membre+
Messages : 589
Inscrit(e) : 07-octobre 04
Genre:Homme
Localisation:Lausanne

Posté 21 avril 2009 - 21:45

J'ai testé et cela fonctionne plutôt pas mal! (Et les sources sont chez moi!)
student.unifr.ch/cineclub/nicedit/

Si tu as besoin, je t'envoie les sources que j'ai faites. J'ai même traduit

Et vu que c'est un simple textarea qui est modifié par le javascript, le comptage de caractère ne doit pas être trop difficile (tu peux le faire en js et/ou en PHP). Je ne sais pas comment c'est avec TinyMCE vu que je ne l'utilise pas....!

Sinon, j'avais, il y a longtemps, testé un un RTE basé sur jQuery. Il ne fait pas tout ce que tu demandes mais il est d'une incroyable légèreté. Je le mets quand même pour ceux qui sont intéressés:
student.unifr.ch/cineclub/jquery/

Par contre, pour les sauts de ligne et les images, il ne me produit pas une balise auto-fermante

je n'arrive pas à modifier le script pour...
Source: http://batiste.dosim...h/blog/2007-09/

Haut

#30 Gytha_Ogg

Groupe : Membre
Messages : 9
Inscrit(e) : 17-avril 09
Genre:Femme
Société:Valinfo

Posté 22 avril 2009 - 09:54

yuston, le mardi 21 avril 2009 à 21:45, dit :

J'ai testé et cela fonctionne plutôt pas mal! (Et les sources sont chez moi!)
student.unifr.ch/cineclub/nicedit/
Si tu as besoin, je t'envoie les sources que j'ai faites. J'ai même traduit

C'est drôlement sympa, ça ! Je t'ai passé un petit MP.

Mais pourquoi je n'arrive même pas à recopier le moindre programme en JS ? Je suis nulle, d'accord, mais quand même. Je suis maraboutée, ou alors le JS sait que je ne l'aime pas, je vois que ça...

yuston, le mardi 21 avril 2009 à 21:45, dit :

J'aimerais bien pouvoir faire le comptage de caractères en PHP, mais ça ne me paraît guère possible de le faire autrement qu'en JS (le but étant d'afficher le nombre de caractères saisis au fur et à mesure, et d'afficher un message d'alerte lorsque l'utilisateur dépasse la capacité prévue).

yuston, le mardi 21 avril 2009 à 21:45, dit :

Sinon, j'avais, il y a longtemps, testé un un RTE basé sur jQuery. Il ne fait pas tout ce que tu demandes mais il est d'une incroyable légèreté. Je le mets quand même pour ceux qui sont intéressés:
student.unifr.ch/cineclub/jquery/

Oui, il est un peu léger !

captain_torche, le mardi 21 avril 2009 à 18:11, dit :

Si ce n'est que ça, il te suffit de copier le script sur ton propre site

C'est vrai :whistling:

Ce message a été modifié par Gytha_Ogg - 22 avril 2009 - 09:55.

Bienvenue sur La Grille Verte

Haut

#31 Gytha_Ogg

Groupe : Membre
Messages : 9
Inscrit(e) : 17-avril 09
Genre:Femme
Société:Valinfo

Posté 22 avril 2009 - 11:01

Yuston, je te remercie, NicEdit fonctionne enfin chez moi ! Apparemment, ce qui posait problème, c'était que le fichier nicEdit.js n'était pas dans le même répertoire que mon petit programme (bizarre, parce que je sais quand même indiquer un chemin correctement...)
Quel soulagement par rapport aux usines à gaz de TinyMCE et FCKEditor !

J'ai une, non, des petites questions additionnelles :
- que fait « CDATA[...] » ?
- comment ajouter la commande nicEditors.allTextAreas() dans :

//<![CDATA[
bkLib.onDomLoaded(function(){new nicEditor({fullPanel : true, xhtml : true}).panelInstance('champ');});
//]]

(Désolée, une fois de plus pour les questions niveau neuneu, mais la syntaxe JS me paraît toujours aussi ésotérique...)

Et il me reste mon problème de compteur de caractères...

Ce message a été modifié par Gytha_Ogg - 22 avril 2009 - 11:13.

Bienvenue sur La Grille Verte

Haut

#32 yuston

Groupe : Membre+
Messages : 589
Inscrit(e) : 07-octobre 04
Genre:Homme
Localisation:Lausanne

Posté 22 avril 2009 - 16:52

Salut,

comme je te l'ai dit, et je reprécise, je ne fournis pas le support de nicEdit, non pas parce que je ne veux pas, mais parce que je ne le peux pas. Je ne connais pas très bien ce script et je ne suis absolument pas l'auteur. Je l'ai découvert un peu comme vous tous

Pour les CDATA: http://openweb.eu.or...ion_formulaire/ et http://ljouanneau.com/blog/post/2004/04/06...on-cdata-en-xml devront répondre à tes questions.

Quant à nicEditors.allTextAreas(), c'est la commande pour convertir tous les textarea présents sur la page. Donc, il faut soit utiliser cette commande mentionnée précédemment, soit lister tous les textarea à convertir en prenant soin de les identifier avec un id unique. L'exemple 2 montre bien comment faire.

Il faudra donc ajouter à chaque fois ce bout de code:

new nicEditor({fullPanel : true, xhtml : true}).panelInstance('champ1');

Voilà.

Et comme je te l'ai dit en privé, je regarderai pour le compteur, mais un peu plus tard

Haut

#33 yuston

Groupe : Membre+
Messages : 589
Inscrit(e) : 07-octobre 04
Genre:Homme
Localisation:Lausanne

Posté 23 avril 2009 - 12:39

J'ai trouvé un post sur le forum de nicedit qui parle du même problème que toi. Apparemment, seul un plugin peut résoudre cette affaire, et, le plugin en question n'existe pas encore.

Haut

#34 nyl auster

Groupe : Hubmaster
Messages : 266
Inscrit(e) : 17-octobre 06
Genre:Homme
Localisation:paris
Société:Ideia

Posté 23 avril 2009 - 13:15

Citation

Dans ce cas, le gras doit être fait avec font-weight du CSS (séparer la mise en forme de la structure, donc ne pas utiliser

j'ai jamais bien compris où était le progrès à passer de

Citation

Citation

<span style="maclasse">mon mot</span>
<style>
.maclasse{font-weight:bold}
</style>

franchement en terme de codage je trouve carrément lourdingue le coup du css. pourquoi pas des

<span style="font-weigh:bold'>

tant qu'à faire...

moi j'aimais bien <b></b> :wacko:

Formations Drupal

Haut

#35 Dudu

Groupe : Admin
Messages : 3 823
Inscrit(e) : 09-avril 05

Posté 23 avril 2009 - 13:32

<span style="maclasse">mon mot</span>
<style>
.maclasse{font-weight:bold}
</style>

T'es sûr de ton code ? Pas sûr qu'il fonctionne :lol:

Regarde bien, il y a une grossière erreur

Plus sérieusement, ce genre de cas est épisodique. Souvent un texte est mis en gras parce qu'il faut lui donner de l'importance; là, <strong> ou <b> sont parfaits.
Dans d'autres cas, un petit <span> n'est pas plus lourd qu'un petit <strong>, sachant qu'on peut éviter la "classite" (le fait de mettre des classes partout, pour tout et n'importe quoi) grace à l'effet cascade.
Par exemple:

<div id="conteneur"><p>bla bla bla <span>bli</span> bla bla <strong>blo</strong> bla bla</p></div>
#conteneur p span {font-weight: bold;}

"bli" est mis en gras, mais on ne lui donne pas d'importance sémantique.
"blo" est mis en gras, car on lui donne une importance sémantique. Nuance

Haut

#36 Gytha_Ogg

Groupe : Membre
Messages : 9
Inscrit(e) : 17-avril 09
Genre:Femme
Société:Valinfo

Posté 25 avril 2009 - 10:02

yuston, le jeudi 23 avril 2009 à 12:39, dit :

J'ai trouvé un post sur le forum de nicedit qui parle du même problème que toi. Apparemment, seul un plugin peut résoudre cette affaire, et, le plugin en question n'existe pas encore.

Zut de zut... :IMSTP1:

Bienvenue sur La Grille Verte