Webmaster Hub: Un éditeur de texte riche - Webmaster Hub

Aller au contenu

  • 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 : -----

#1 L'utilisateur est hors-ligne   Gytha_Ogg 

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

Posté 17 avril 2009 - 13:43

Bonjour à tous,

Je poste ici car je ne sais pas trop où le faire, donc toutes mes excuses anticipées aux modérateurs, car je suppose que ce message devra être déplacé.

Voici mon problème : je suis à la recherche d'un éditeur de texte riche pour l'un de nos sites, et j'ai l'impression de m'être embarquée dans une quête du Graal...
Mon principal problème est que je suis nulle de chez nulle en Javascript (rien que le mot me donne des sueurs froides), donc je me suis paumée dans les usines à gaz de FCKEditor et TinyMCE... J'ai failli retenir Xenhia jusqu'à ce que je constate son fonctionnement erratique sous Opera (et il a l'air abandonné). J'ai constaté que Markupeditor ne convenait pas (balises visibles en direct), Wyme non plus (très bien, mais pas pour l'usage que je cherche).

Je ne demande pourtant pas l'impossible (enfin, je le croyais)... Je recherche cet éditeur pour un site destiné aux associations. Le but est de leur permettre de rentrer du texte avec gras, souligné, couleur, italique, police de caractères plus ou moins grande, centré, cadré à gauche, à droite, etc. Rien que de très basique, donc. Compte tenu du public visé, il faut que l'usage soit simple (non que les utilisateurs soient bêtes, mais la plupart ne connaissent strictement rien au HTML et encore moins aux CSS), que l'on soit protégés contre la soupe de balises, contre l'injection de code malveillant, il faut que l'ensemble soit en français et, très important, qu'il y ait un compteur de caractères.

J'ai donc testé un certain nombre d'éditeurs et pour l'instant, je ne vois que FCKEditor qui fasse à peu près ce que je souhaite, si ce n'est que je ne suis même pas capable d'intégrer un plugin de comptage de caractères.
Pour information, je programme habituellement en PHP.
J'avoue que je suis un peu découragée, et si quelqu'un a des conseils ou des suggestions pertinentes, je le remercie par avance !
Bienvenue sur La Grille Verte
0

#2 L'utilisateur est hors-ligne   captain_torche 

  • Danacol / Orangina rouge
  • Voir le blog
  • Groupe : Admin
  • Messages : 6 722
  • Inscrit(e) : 08-février 06
  • Genre:Homme
  • Localisation:Savigny / Orge

Posté 17 avril 2009 - 14:02

Je viens de déplacer le sujet dans la section appropriée.

Personnellement, j'utilise TinyMCE, mais j'avoue ne jamais avoir regardé si on pouvait limiter les caractères. Ceci dit, tu vas forcément devoir mettre les mains dans le cambouis à un moment ou à un autre.

Pour finir, rien à voir mais j'adore ton pseudo !
Vous avez rêvé cette nuit ? Partagez vos rêves sur l'Onironaute !
Bijoux fantaisie
Recherche nounou
0

#3 L'utilisateur est hors-ligne   Gytha_Ogg 

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

Posté 17 avril 2009 - 14:34

Voir le messagecaptain_torche, le vendredi 17 avril 2009 à 14:02, dit :

Je viens de déplacer le sujet dans la section appropriée.

Merci !

Voir le messagecaptain_torche, le vendredi 17 avril 2009 à 14:02, dit :

Personnellement, j'utilise TinyMCE, mais j'avoue ne jamais avoir regardé si on pouvait limiter les caractères. Ceci dit, tu vas forcément devoir mettre les mains dans le cambouis à un moment ou à un autre.

C'est certain ! Pour ce qui est de TinyMCE, j'ai cru comprendre qu'il n'existait pas encore de plugin de comptage de caractères.

Voir le messagecaptain_torche, le vendredi 17 avril 2009 à 14:02, dit :

Pour finir, rien à voir mais j'adore ton pseudo !

Hé hé, ravie de voir qu'il y a un ou des pratchettophiles par ici !
Bienvenue sur La Grille Verte
0

#4 L'utilisateur est hors-ligne   Dadou 

  • Light or Dark Side ?
  • Groupe : Fondateur
  • Messages : 3 244
  • Inscrit(e) : 29-avril 04
  • Genre:Homme
  • Localisation:13 rue Offenbach, Barentin

Posté 17 avril 2009 - 14:49

Mais oui on peut compter les caractères sur tiny:

/**
* Return the "clean-text" length of the edited text in the tinyMCE
* @param editorId
*/
function getLengthMCE(editorId) {

	// Get the editor instance that we want to interact with.
	var oEditor = tinyMCE.get(editorId);

	// Get the Editor Area DOM (Document object).
	var oDOM = oEditor.getDoc();

	var iLength;
	// The are two diffent ways to get the text (without HTML markups).
	// It is browser specific.
	if (document.all) {
		// If Internet Explorer.
		iLength = oDOM.body.innerText.length;
	} else {
		// If Gecko.
		var r = oDOM.createRange();
		r.selectNodeContents(oDOM.body);
		iLength = r.toString().length;
	}

	return iLength;
}

source : http://tinymce.moxie...opic.php?id=919 le 12ième commentaire
« 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
0

#5 L'utilisateur est hors-ligne   paolodelmare 

  • Groupe : Hubmaster
  • Messages : 274
  • Inscrit(e) : 19-février 09
  • Genre:Homme
  • Localisation:toulon

Posté 17 avril 2009 - 15:13

J'utilise également Tinymce.
Les éditeurs de textes disposent de fonctionnalités plus ou moins évoluées qui s'exécutent sur le poste client.
Quels que soient les vérifications de sécurité mises en place en js, tout peut évidemment être désactivé à volonté->il faut traiter les données coté serveur (php dans ton cas) afin de sécuriser tout ce qui rentre.
Pour obtenir un compteur de mots/caractères, va voir làhttp://tinymce.moxie...pic.php?id=1922
(à la fin du post)
Attentions aux scripts un peu trop anciens, certaines fonctions sont "deprecated" (e.g: tinyMCE.getContent dans la version3)
Entrainement trail
Rendre à la communauté un peu de ce qu'elle m'a donné.
0

#6 L'utilisateur est hors-ligne   Gecko64 

  • Voir la galerie
  • Groupe : Membre+
  • Messages : 335
  • Inscrit(e) : 04-janvier 08
  • Genre:Homme
  • Localisation:Mons
  • Société:NULL

Posté 18 avril 2009 - 14:42

Moi je suis toujours avec Notepadd++ mais j'avoue avoir jamais essayé Tinymce...
Ce que j'aime bien avec Notepad++ c'est qu'on peut se synchroniser sur son serveur avec un plugin FTP intégré ;)
De plus, il me semble qu'il garde un backup local des fichiers dans le répertoire ou se situe le plugin :)
Entre la réalité et la virtualité, seul la logique reste identique. Mais qui a créé la logique? - Gecko64
La musique n'est que la retranscription de l'émotion d'un instant en une mélodie... - Gecko64
La logique n'est qu'une partie émergée du chaos... - Gecko64
Là ou la programmation n'est que if et else, la musique; elle, tourne sur un peut être dont le return est laissé a l'appréciation de celui qui l'exécute... - Gecko64
0

#7 L'utilisateur est hors-ligne   Dadou 

  • Light or Dark Side ?
  • Groupe : Fondateur
  • Messages : 3 244
  • Inscrit(e) : 29-avril 04
  • Genre:Homme
  • Localisation:13 rue Offenbach, Barentin

Posté 18 avril 2009 - 18:34

Gecko64 tu es hors course, on parle d'un éditeur wysiwyg pour intégrer dans une interface d'admin, on va pas demander à l'utilisateur lambda d'utiliser notepad
« 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
0

#8 L'utilisateur est hors-ligne   destroyedlolo 

  • Groupe : Hubmaster
  • Messages : 792
  • Inscrit(e) : 05-juillet 04
  • Genre:Homme
  • Localisation:Nonglard

Posté 20 avril 2009 - 10:06

Pareil que beaucoup dans ce fil : j'utilise TinyMCE avec un bon validateur derriere pour securise le texte envoyer (PHP maison).
Le seul truc auquel il faut faire gaffe au debut, c'est aux balises generees par TinyMCE. Par example, au lieu d'un <b>, il prefere le <strong> mais sinon, que du bonheur ...
Amiga, UNIX, Ubuntu, NetBSD, Sharp, Apache, PHP, Ski, Vacances, Voyages
100 % dictionnary free - 1 mispelling by word
Viendez chez moi
0

#9 L'utilisateur est hors-ligne   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 - 11:32

Voir le messagedestroyedlolo, le lundi 20 avril 2009 à 11:06, dit :

au lieu d'un <b>, il prefere le <strong>


Ben justement, c'est préférable sémantiquement parlant
« 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
0

#10 L'utilisateur est hors-ligne   Occi 

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

Posté 20 avril 2009 - 13:10

Pour le sémantique le <strong> mais pour la simple mise en forme le <b> est fais pour ça.
0

#11 L'utilisateur est hors-ligne   captain_torche 

  • Danacol / Orangina rouge
  • Voir le blog
  • Groupe : Admin
  • Messages : 6 722
  • Inscrit(e) : 08-février 06
  • Genre:Homme
  • Localisation:Savigny / Orge

Posté 20 avril 2009 - 13:14

Dans tous les navigateurs actuels, ils ont strictement le même effet ;)
Et sinon, une mise en forme, c'est déjà de la sémantique.
Vous avez rêvé cette nuit ? Partagez vos rêves sur l'Onironaute !
Bijoux fantaisie
Recherche nounou
0

#12 L'utilisateur est hors-ligne   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 - 13:16

Voir le messageOcci, le lundi 20 avril 2009 à 14:10, dit :

Pour le sémantique le <strong> mais pour la simple mise en forme le <b> est fais pour ça.


C'est quoi mettre en gras un texte, ce n'est pas lui donner de l'importance?? donc <strong> est bien le mieux adapté, <b> est une balise désuète et délaissé par tous les éditeurs wysiwyg (ou presque)
« 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
0

#13 L'utilisateur est hors-ligne   destroyedlolo 

  • Groupe : Hubmaster
  • Messages : 792
  • Inscrit(e) : 05-juillet 04
  • Genre:Homme
  • Localisation:Nonglard

Posté 20 avril 2009 - 13:25

Oula, je ne voulais pas lancer un debat sur les pro <b> contre les pro <strong>.

La seule chose que je voulais dire c'est qu'il faut faire gaffe dans le code de validation des textes envoyer et bien verifier le code effectivement creer.
Amiga, UNIX, Ubuntu, NetBSD, Sharp, Apache, PHP, Ski, Vacances, Voyages
100 % dictionnary free - 1 mispelling by word
Viendez chez moi
0

#14 L'utilisateur est hors-ligne   Occi 

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

Posté 20 avril 2009 - 13:42

Je ne suis n'y pro <b> ni pro <strong> :lol:

Pour être plus clair leur aspect est le même mais il y a une différence :
<b> indique simplement au navigateur de mettre en gras (ce n'est pas sémantique mais de l'esthétique)
<strong> idem + une ajoute une valeur sémantique (sens au texte) sur le terme mis en gras

Et c'est pareil pour les <i> et <em>.

Les synthétiseurs vocaux hausse la voix quand ils trouvent un strong ou un em et non pas b et i qui relèvent uniquement de l'esthétique.
certains navigateurs texte font aussi la différence.
0

#15 L'utilisateur est hors-ligne   Gytha_Ogg 

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

Posté 20 avril 2009 - 13:43

Tout d'abord, merci à tous pour vos réponses. Il semble donc que je doive me replonger dans TinyMCE...
Effectivement, ce que je recherche c'est un éditeur WYSIWYG pour un utilisateur lambda. Pour ma part, j'utilise Notepad++ pour programmer, mais ça n'a rien à voir avec le schmilblick qui m'embête ces temps-ci :P

Pour ce qui est du comptage de caractères, je suis obligée de compter tout, y compris le code HTML et pas seulement le texte brut entré par l'utilisateur, car c'est ce qui est sauvegardé dans ma base de données et les champs concernés ont une longueur importante mais limitée : je ne peux pas me permettre de perdre des bouts de balises en route !
Bienvenue sur La Grille Verte
0

#16 L'utilisateur est hors-ligne   Occi 

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

Posté 20 avril 2009 - 14:07

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.
0

#17 L'utilisateur est hors-ligne   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 - 14:22

Voir le messageOcci, le lundi 20 avril 2009 à 14:42, dit :

<b> indique simplement au navigateur de mettre en gras (ce n'est pas sémantique mais de l'esthétique)


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????
« 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
0

#18 L'utilisateur est hors-ligne   Occi 

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

Posté 20 avril 2009 - 14:54

Oui bien sûr, importance "esthétique" ou importance esthétique + sémantique.

Mais bon c'est un peu de la masturbation entretenu par les normes.
0

#19 L'utilisateur est hors-ligne   captain_torche 

  • Danacol / Orangina rouge
  • Voir le blog
  • Groupe : Admin
  • Messages : 6 722
  • Inscrit(e) : 08-février 06
  • Genre:Homme
  • Localisation:Savigny / Orge

Posté 20 avril 2009 - 15:00

Disons que si tu souhaites que les malvoyants sentent l'emphase, la mise en gras est nécessaire. Dans le cas contraire, elle n'est pas utile sémantiquement parlant, et il faudra sans doute l'obtenir différemment (via les CSS, par exemple).
Vous avez rêvé cette nuit ? Partagez vos rêves sur l'Onironaute !
Bijoux fantaisie
Recherche nounou
0

#20 L'utilisateur est hors-ligne   Occi 

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

Posté 20 avril 2009 - 19:59

Exact, CSS ou les équivalents non sémantique (<b> et <i>) n'ont normalement aucun effet dans l'appui de la phrase des logiciels pour mal voyant. Dans les réglages par défaut du moins.
0

Partager ce sujet :


  • 2 Pages +
  • 1
  • 2
  • Vous ne pouvez pas commencer un sujet
  • Vous ne pouvez pas répondre à ce sujet

1 utilisateur(s) en train de lire ce sujet
0 membre(s), 1 invité(s), 0 utilisateur(s) anonyme(s)