MISE EN FORME DE TEXTE [ SAISIE WYSIWYG ]

coucou747 Messages postés 12303 Date d'inscription mardi 10 février 2004 Statut Membre Dernière intervention 30 juillet 2012 - 9 juil. 2005 à 00:52
tyranausor Messages postés 3545 Date d'inscription jeudi 6 août 2009 Statut Membre Dernière intervention 1 avril 2022 - 28 mai 2017 à 16:29
Cette discussion concerne un article du site. Pour la consulter dans son contexte d'origine, cliquez sur le lien ci-dessous.

https://codes-sources.commentcamarche.net/source/32583-mise-en-forme-de-texte-saisie-wysiwyg

tyranausor Messages postés 3545 Date d'inscription jeudi 6 août 2009 Statut Membre Dernière intervention 1 avril 2022 1
28 mai 2017 à 16:29
il est bien réussi! Par contre, on peut le personnaliser?
skyyfr Messages postés 1 Date d'inscription vendredi 29 avril 2011 Statut Membre Dernière intervention 29 avril 2011
29 avril 2011 à 15:41
Vraiment super, utile, et sans fioritures. RESPECT.
poopoone Messages postés 4 Date d'inscription samedi 28 février 2009 Statut Membre Dernière intervention 8 octobre 2010
8 oct. 2010 à 16:47
désolé pour le double message, rajouter un "ajouter une image" et tableau ça serai cool :)
poopoone Messages postés 4 Date d'inscription samedi 28 février 2009 Statut Membre Dernière intervention 8 octobre 2010
8 oct. 2010 à 16:06
Salut, juste un message pour l'auteur, le script est génail, e viens de le découvrir, je teste un peu, et on verra, en local cest super pratique.
Bul3 Messages postés 4933 Date d'inscription samedi 1 juillet 2006 Statut Membre Dernière intervention 2 février 2015 16
31 mai 2009 à 18:35
d'où te vient ce board ????
tu crois que execCommand("board",false,null) ça baigne ?
faut pas tenter de deviner ! ça ne marche jamais !
regarde la doc msdn ou autre. ça doit être indiqué.
cs_benoure Messages postés 10 Date d'inscription jeudi 1 mai 2008 Statut Membre Dernière intervention 17 mai 2013
31 mai 2009 à 16:22
g mis board.gif !!
Mais ça marche pas !!
Bul3 Messages postés 4933 Date d'inscription samedi 1 juillet 2006 Statut Membre Dernière intervention 2 février 2015 16
31 mai 2009 à 15:34
oui. si tu donnes le bon src au bouton
( ça n'existe pas déjà dans mon script ?
un ch'tiot oubli alors .... )
cs_benoure Messages postés 10 Date d'inscription jeudi 1 mai 2008 Statut Membre Dernière intervention 17 mai 2013
31 mai 2009 à 14:27
Ok merci ^_^!!
essaye d'ajouter la fonction tableau !!
Donc il suffit que je mette l'image tableau et que j'appelle la fonction bouton ??!!
Bul3 Messages postés 4933 Date d'inscription samedi 1 juillet 2006 Statut Membre Dernière intervention 2 février 2015 16
31 mai 2009 à 12:07
execCommand :
http://msdn.microsoft.com/en-us/library/ms536419(VS.85).aspx

p2 = p2 ? p2 : false;
p2 = ce qui est passé en paramètre, false sinon
p3 = p3 ? p3 : null;
p3 = ce qui est passé en paramètre, null sinon

on clique sur un bouton,
son nom est = "http://site/répertoire/..../Paste.gif" par exemple
on en tire "paste"
( bou.src.substring(bou.src.lastIndexOf("/")+1,
bou.src.lastIndexOf(".") )

et execCommand("Paste",flase,null) ça copie le presse-papier

voili, voilou.
cs_benoure Messages postés 10 Date d'inscription jeudi 1 mai 2008 Statut Membre Dernière intervention 17 mai 2013
31 mai 2009 à 04:21
Salut c'est une super source !!
Mais je n'arrive pas a comprendre la fonction
function btn1(bou,p2,p3)
c'est-à-dire la ligne p2 = p3 et la ligne du execCommand.
camelion_ Messages postés 11 Date d'inscription vendredi 9 mars 2007 Statut Membre Dernière intervention 29 janvier 2010
29 avril 2009 à 21:16
Salut,
super source ,chapeau pour ton éditeur ,et pour tout tes commentaire
bon continuation
Bul3 Messages postés 4933 Date d'inscription samedi 1 juillet 2006 Statut Membre Dernière intervention 2 février 2015 16
2 janv. 2009 à 08:23
tu peux mettre un div contenteditable,
mais c'est exclusif IE, je crains.
pourquoi éviter iframe ? ça ne gène en rien...
aminewas Messages postés 13 Date d'inscription mercredi 10 octobre 2007 Statut Membre Dernière intervention 31 mars 2010
1 janv. 2009 à 22:56
svp je peux pas eviter ???
Bul3 Messages postés 4933 Date d'inscription samedi 1 juillet 2006 Statut Membre Dernière intervention 2 février 2015 16
31 déc. 2008 à 14:05
euh.. et en frenchy ?
néanmoins : tu n'échapperas pas aux balises
aminewas Messages postés 13 Date d'inscription mercredi 10 octobre 2007 Statut Membre Dernière intervention 31 mars 2010
31 déc. 2008 à 13:48
wé, je sé il faut des balise html mais il faut traiter avec les balises html et l'afficher dans textearea sont balise html
car quand j'ouvre la boite de reception je trouve le text avec des balise html
Bul3 Messages postés 4933 Date d'inscription samedi 1 juillet 2006 Statut Membre Dernière intervention 2 février 2015 16
31 déc. 2008 à 13:38
c'est normal.
comment veux tu sans balises html,
afficher du gras, du souligné... ?
@+
aminewas Messages postés 13 Date d'inscription mercredi 10 octobre 2007 Statut Membre Dernière intervention 31 mars 2010
31 déc. 2008 à 13:25
re c moi encore
je un problem quand je envoie le donnée a une destinaitaire je le recupere le donnée mais avec des balise <html>

exp:je envoi "salut" en gras ,souligné et italique
je recu comme casalut
Bul3 Messages postés 4933 Date d'inscription samedi 1 juillet 2006 Statut Membre Dernière intervention 2 février 2015 16
31 déc. 2008 à 13:17
il vaudrait mieux que tu me contactes directement
ici : http://bul.o-n.fr/?bul
mais franchement, il faut te les arracher
les informations !
comment veux-tu qu'on t'aide avec aussi peu d'infos ?
enfin... moi j'en suis bien incapable.
aminewas Messages postés 13 Date d'inscription mercredi 10 octobre 2007 Statut Membre Dernière intervention 31 mars 2010
31 déc. 2008 à 13:11
rebonjour
a propos la recuperation de données de textearea j'arrive a recuperé dans une textearea mais avec des balise <htlm>
Bul3 Messages postés 4933 Date d'inscription samedi 1 juillet 2006 Statut Membre Dernière intervention 2 février 2015 16
31 déc. 2008 à 12:57
mais encore ?
>>j'arrive pas a recuperer les données de textarea
>>avec la mise en forme qui jété ajouter ??
tu n'arrives pas à récupérer où ? comment ?
l'iframe "Saisie" et le textarea "txt" sont là
pour ça... normalement.
aminewas Messages postés 13 Date d'inscription mercredi 10 octobre 2007 Statut Membre Dernière intervention 31 mars 2010
31 déc. 2008 à 12:42
bonjour,

Tout d'abord, merci pour la source, elle est très bien faite.mais jé 1 problem j'arrive pas a recuperer les données de textarea avec le mise en forme qui jété ajouter
merci de me repondre
goudea Messages postés 1 Date d'inscription vendredi 9 décembre 2005 Statut Membre Dernière intervention 16 décembre 2008
16 déc. 2008 à 23:07
Bravo pour le travail fourni !
Je vais étudier la source pour m'en inspirer.
En tout cas, le test que j'ai effectué m'a impressionné !
cs_bultez Messages postés 13615 Date d'inscription jeudi 13 février 2003 Statut Membre Dernière intervention 15 octobre 2013 30
17 sept. 2008 à 16:14
à mon avis, tu devrais poser la question sur le forum...
y compris d'ailleurs pour le coup du "onpaste qui semble
ne pas fonctionner sur l'iframe", il y aura probablement
des réponses, au moins des pistes, sûrement des idées.
@+
PlayerMania Messages postés 95 Date d'inscription jeudi 22 avril 2004 Statut Membre Dernière intervention 28 avril 2009
17 sept. 2008 à 16:05
mouuais, j'ai cassé ma pelleteuse sur mozilla...

Réussi à arrivé au but avec ie et de la bonne bidouille pour faire passer onpaste, et donc recontroler la copie ou le drag.
Mais ceci n'est apparemment pas possible avec moz sans changer un de ses fichiers de configuration...

Je suis donc partie dans une toute autre direction, qui consiste à faire tourner en boucle le contenu de l'iframe pour le controler/modifier.

Et me revoila de nouveau avec un probleme mozilla...

A chaque changement de l'intérieur de l'iframe, il y a donc ma fameuse fonction de controle qui se lance, et bien sure a la fin de celle ci, je refile à l'iframe le nouveau contenu, et le problème, c'est que du coup le curseur est remit au debut de l'iframe (position 0).

Sous ie je m'en tire bien avec un moveStart('character', curseur_pos) pour le recaler, mais mozilla et son selectionStart ou autre ne veux rien savoir à ce qu'il trouve dans mon iframe.

QQun saurait comment gérer le curseur Mozilla dans une iframe modifiable ??
cs_bultez Messages postés 13615 Date d'inscription jeudi 13 février 2003 Statut Membre Dernière intervention 15 octobre 2013 30
16 sept. 2008 à 09:28
ah ben... tiens ? simplement, dans la fonction initial()
Fen.window.onload=function() { alert('load'); }
ça baigne
Fen.window.onpaste=function() { alert('paste'); }
ça baigne pas...
et si on met src="page.htm" dans l'iframe, même punition !?!
faut donc creuser un peu plus loin...
PlayerMania Messages postés 95 Date d'inscription jeudi 22 avril 2004 Statut Membre Dernière intervention 28 avril 2009
15 sept. 2008 à 23:09
J'ai aussi testé d'autres combinaisons :

Combiner la creation de contenu de l'iframe et l'attachEvent

Fait une vrai page pour l'iframe, contenant la fonction onPasteHandler et le body onpaste=onPasteHandler

Je crois que j'oublie qqch pour faire l'attachEvent, non ??
PlayerMania Messages postés 95 Date d'inscription jeudi 22 avril 2004 Statut Membre Dernière intervention 28 avril 2009
15 sept. 2008 à 22:54
As tu essayé ?
Mon iframe ne veux tjrs rien savoir...

function onPasteHandler(e) {
setTimeout(function() {
window.alert('coller');
}, 10);
}

...
case 'Microsoft Internet Explorer':
Fen= window.frames['Saisie'];
Champ=Fen.document;
Champ.body.attachEvent('onPaste', onPasteHandler);
Champ.designMode='On';
...

J'ai aussi essayé en modifiant le contenu de l'iframe :

...
case "Microsoft Internet Explorer":
Fen=window.frames['Saisie'];
Champ=Fen.document;
var html = '<html><head></head> </html>';
Champ.open();
Champ.write(html);
Champ.close();
Champ.designMode ='On';
...

et tjrs aucune réaction, que faire ??

ça fonctionne bien sur la page englobante, avec un (sauf dans l'iframe bien sure)
J'ai pas encore testé pour mozilla
cs_bultez Messages postés 13615 Date d'inscription jeudi 13 février 2003 Statut Membre Dernière intervention 15 octobre 2013 30
14 sept. 2008 à 17:28
effectivement vu sous cet angle...
mais dans un iframe, on devrait pouvoir
intercepter avant le [copié/]collé... pas de raison
( ce n'est pas contenteditable qui est pour un
div, mais "iframe".designMode='On'; )
probablement d'ailleurs en mettant l'interception
de cet évènement dans l'iframe....
@+
PlayerMania Messages postés 95 Date d'inscription jeudi 22 avril 2004 Statut Membre Dernière intervention 28 avril 2009
14 sept. 2008 à 16:32
Si tu voyais ce que des gonz arrive à incruster via ce contenteditable... des tableaux détraquer, des fontsize title de 28, un autre de 22, des couleurs/fonds super jakie, décalage margin de 30, un coup 60...

Au final, les pages html ne ressemblent plus a rien.

Bref, j'espère bien redonner un peu d'ordre dans tous ces bordels, il y a des pages ou je n'ai carément pas envie de donner la possibilité de mettre un tableau ou d'y placer une image ou je ne sais quoi. La barre d'outils a beau ne pas proposer l'option, celle ci est réalisable via copier/coller...

Et mal grès tout, il faut que je passe tout de même par un wysiwyg vu la complexité de certaine page à rentrer et la volonté des utilisateurs a analyser ce qu'ils font...

Au final, ça donne un wysiwyg adapté pour le site, avec des contraintes sur les fontsize de titres et paragraphes, couleurs possibles, interdiction de tableaux, etc...

Même du tout nouveau navigateur t'affichera un tableau la ou tu en avais pas envie ou autres.

Dommage que tu ne crois plus en ta caravane.
Je t'assure qu'elle mérite de lui refaire une sacré peinture, lol.
++
cs_bultez Messages postés 13615 Date d'inscription jeudi 13 février 2003 Statut Membre Dernière intervention 15 octobre 2013 30
14 sept. 2008 à 14:37
>>ça change des usines à gaz de tinymce ou autres
c'est n'est pas comparable.
ici 3 lignes en javascript ne génèrent que
ce que les développeurs des navigateurs ont prévu,
certes d'aucun jugent ça nul... probablement des non
développeurs ;o) ... il faudrait s'adresser aux équipes
de microsoft, mozilla... et autres. je sais bien
que ces même personnes pensent que ces équipes
n'ont pas les compétences ;o))) !!!
ça me laisse pantois !!! moi, je ne suis pas à
la hauteur pour faire mieux.
les "usinages à gaz" tentent d'améliorer ( quoique ?)
ce qui est généré (?) ,
chacun sa vision, et la caravane passe.
>>le copier/coller et glisser/déposer qui nous pond selon la
>>source de copie une mise en forme plutôt exotique bien souvent
euh... même un copié/collé depuis word vers un iframe
dans un autre navigateur que IE( sans aucun code du
à mon insuffisance ) ça baigne...
>>pour lui enlever tout ce qu'on ne désire pas y trouver
ah... si tu tentes de changer ce que tous les navigateurs
génèrent ( mais diable... pourquoi faire ? ), je n'ai pas
les compétences, et surtout... quelle importance ?
les prochaines versions de ces (tous ! ) navigateurs feront mieux...
@+
PlayerMania Messages postés 95 Date d'inscription jeudi 22 avril 2004 Statut Membre Dernière intervention 28 avril 2009
14 sept. 2008 à 12:29
Bien sympa cette source, ça change des usines à gaz de tinymce ou autres...

Hélas je trouve qu'il reste tjrs un dernier bon souci sur tous ces wysiwyg, le copier/coller et glisser/déposer qui nous pond selon la source de copie une mise en forme plutôt exotique bien souvent.

Je pense qu'il faudrait réussir à ne pas mettre en forme du contenu collé ou déposé, pour pouvoir ensuite bien le remodeler via notre petite barre d'outil (et donc seulement avec nos outils possibles).

La solution serai qqch du genre onPaste sur l'élément, qui détecte le collage, et au même moment on remouline notre fameux "Saisie" pour lui enlever tout ce qu'on ne désire pas y trouver.

J'y travail, mais au final, la bonne emmerde, c'est que la balise iframe n'accepte pas onpaste="ma_fonction();"

Des idées ??
Scratyx Messages postés 4 Date d'inscription jeudi 29 novembre 2007 Statut Membre Dernière intervention 9 octobre 2008
22 mai 2008 à 11:49
Je n'avais pas pensé à faire comme cela.

Merci pour tout ;)
cs_bultez Messages postés 13615 Date d'inscription jeudi 13 février 2003 Statut Membre Dernière intervention 15 octobre 2013 30
22 mai 2008 à 10:40
regarde dans le script.
le "transfert" textarea <==> iframe y est fait ( click sur l'image <> )
document.getElementById("txt").value=Champ.body.innerHTML et/ou
Champ.body.innerHTML=document.getElementById("txt").value
Scratyx Messages postés 4 Date d'inscription jeudi 29 novembre 2007 Statut Membre Dernière intervention 9 octobre 2008
22 mai 2008 à 09:43
Salut Bultez c'est encore moi !

Je tente d'améliorer (si on peut dire) ton script en ajoutant une valeur par défaut dans le textarea (enfin quand je dis textarea... ça serait plutôt dans l'iframe).

En gros la fonctionnalité que je veux apporter est la réédition d'une news.

Si je récupère le texte et que je le met dans le textarea, il n'apparait pas dans l'iframe. Y a t'il possibilité de récupérer le texte dans le textarea pour simplement mettre a jour l'iframe ?

Si non, penses tu que cela est possible ?

Cordialement, Scratyx.
cs_bultez Messages postés 13615 Date d'inscription jeudi 13 février 2003 Statut Membre Dernière intervention 15 octobre 2013 30
21 mai 2008 à 12:53
nickel si çà baigne... merci du retour. @+
Scratyx Messages postés 4 Date d'inscription jeudi 29 novembre 2007 Statut Membre Dernière intervention 9 octobre 2008
21 mai 2008 à 12:44
Merci de ton aide :)

J'arrive donc maintenant à récupérer les données comme je le désire.
cs_bultez Messages postés 13615 Date d'inscription jeudi 13 février 2003 Statut Membre Dernière intervention 15 octobre 2013 30
21 mai 2008 à 11:58
certes, certes...
"il suffit" de le faire dans la balise form...

<form action="page.php"
onsubmit="trtTxt();"
method="post"
name="frm">

function trtTxt()
{ var tmp=document.getElementById("txt");
if ( tmp.style.display=="none" )
{ tmp.value=Champ.body.innerHTML; }
}

pas testé... mais pas loin...
Scratyx Messages postés 4 Date d'inscription jeudi 29 novembre 2007 Statut Membre Dernière intervention 9 octobre 2008
21 mai 2008 à 11:32
Un très bon script mais seulement je me trouve en face d'un problème déjà mis en avant par NETSUKO en 2005.
Je me permet de le poser afin de peut être trouver une réponse claire.

Je teste ton script en ajoutant un input "submit" et en entrant l'adresse d'une page php (test.php) qui a pour but de récupérer et d'afficher le contenu de la page précédent. (j'ai bien compris le système qu'avec le display:none, il n'est possible d'avoir que du texte, là n'est pas le problème)

Mon problème réside dans le fait quje trasmet "txt" qui est vide. En effet le contenu de l'iframe n'est pas transmis à txt avant de l'envoyer.

Je m'y prend sans doute mal mais est il possible que quelqu'un me conseille sur la façon à adopter afin que je puisse transmettre le contenu de ce qui est tapé, à une autre page.

Merci en tout cas
cs_bultez Messages postés 13615 Date d'inscription jeudi 13 février 2003 Statut Membre Dernière intervention 15 octobre 2013 30
4 févr. 2008 à 07:23
>>dsl je ne suis pas super fort en Javascript
moi non plus, mais y'a pas d'quoi être désolé.
>>après avoir réfléchis un peu j'ai compris
ben voilà, bravo, c'est essentiel de savoir réflêchir.
( et l'essentiel, c'est le principal )
Sibtcha Messages postés 3 Date d'inscription vendredi 13 août 2004 Statut Membre Dernière intervention 3 février 2008
3 févr. 2008 à 21:16
En fait c'est bon, après avoir réfléchis un peu j'ai compris le fonctionnement ce cette fonction (très bien faite d'ailleurs ;-))

Encore merci

Salutations Sibtcha
Sibtcha Messages postés 3 Date d'inscription vendredi 13 août 2004 Statut Membre Dernière intervention 3 février 2008
1 févr. 2008 à 11:10
alors en fait ce sont les lignes p2 = p3 ? et la ligne du execCommand

dsl je ne suis pas super fort en Javascript mais je tente de m'amélioré.

Merci d'avance @+
cs_bultez Messages postés 13615 Date d'inscription jeudi 13 février 2003 Statut Membre Dernière intervention 15 octobre 2013 30
1 févr. 2008 à 08:13
juste le message au dessus, je demandais : que ne comprends-tu pas ?
je te pose donc la même question... ou, qu'est-ce qui te gène ?
les lignes p2= p3= ? le substring dans les paramètres de execCommand ?
@+
Sibtcha Messages postés 3 Date d'inscription vendredi 13 août 2004 Statut Membre Dernière intervention 3 février 2008
31 janv. 2008 à 20:53
bonjour,

Tout d'abord, merci pour la source, elle est très bien faite. Cependant le je comprends pas la fonction btn1(bou, p2, p3). Quelqu'un pourrait-il me l'expliquer. Merci d'avance

Salutations sibtcha
bcmfr Messages postés 137 Date d'inscription jeudi 18 juillet 2002 Statut Membre Dernière intervention 20 novembre 2016
17 nov. 2007 à 11:54
nikel
@+
cs_bultez Messages postés 13615 Date d'inscription jeudi 13 février 2003 Statut Membre Dernière intervention 15 octobre 2013 30
6 avril 2007 à 06:50
salut Jarod,



//????????????????????????????????????????????
function btn1(bou,p2,p3) //?? bouton ??
//????????????????????????????????????????????
{
p2 = p2 ? p2 : false; // valeurs par défaut
p3 = p3 ? p3 : null;
Champ.execCommand(bou.src.substring(bou.src.lastIndexOf("/")+1,
bou.src.lastIndexOf(".")),p2,p3);
Fen.focus();
}

que ne comprends tu pas ?
@+
coucou747 Messages postés 12303 Date d'inscription mardi 10 février 2004 Statut Membre Dernière intervention 30 juillet 2012 44
5 avril 2007 à 22:32
j'ai remarque qu'il y a une erreur lors de la notation quand on clique sur les etoiles sans avoir commente juste avant la source, alors voila, 10/10
Jarod1980 Messages postés 273 Date d'inscription samedi 5 juillet 2003 Statut Membre Dernière intervention 31 mars 2015 2
5 avril 2007 à 20:30
Salut,

Pourrais tu m'expliquer comment marche le saveAs, j'arrive pas à voir dans ton code où ça se trouve.
Au sinon, très bonne source, bravo!
cs_bultez Messages postés 13615 Date d'inscription jeudi 13 février 2003 Statut Membre Dernière intervention 15 octobre 2013 30
27 mars 2007 à 13:54
salut Bigrosa

>>Super travail
..merci

>>Je suis nul en java script
..ça ne veut rien dire. JavaScript est un langage de programmation.
..on peut être nul en programmation ( je n'en suis pas loin ),
..pas nul dans un langage, quel qu'il soit ( sauf volontairement )

>>J'essaie d'envoyer à une page via son adresse le code html du texte tapé.
..alors là : "j'ai rien compris"
..il vaudrait probablement mieux poser la question sur le forum
..en explicant "un peu mieux" ( doux euphémisme )

@+
BIGROSA Messages postés 1 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 27 mars 2007
27 mars 2007 à 13:32
Bonjour à tous.
Super travail.
Je suis nul en java script.
J'essaie d'envoyer à une page via son adresse le code html du texte tapé.

merci par avance.
cs_bultez Messages postés 13615 Date d'inscription jeudi 13 février 2003 Statut Membre Dernière intervention 15 octobre 2013 30
18 déc. 2006 à 15:26
salut Mendossa,
je l'avais essayé lors de l'installation de IE7 RC1 ( français )
et je viens de tester avec la version IE7 "d'aujourd'hui" :
aucun souci pour moi.
tu peux nous en dire plus ? car "pas de raisons", à priori !
cs_mendossa Messages postés 1 Date d'inscription mercredi 19 janvier 2005 Statut Membre Dernière intervention 18 décembre 2006
18 déc. 2006 à 15:12
Bonjour à tous,

J'utilise actuellement ce script qui fonctionne très bien sous Internet Explorer 6; mais je viens de me rendre compte qu'il ne fonctionnait pas sous IE7.
La zone est vérrouillé, quelqu'un aurait-il une solution ??
cs_DeWaRs Messages postés 77 Date d'inscription vendredi 31 décembre 2004 Statut Membre Dernière intervention 6 septembre 2010 2
12 oct. 2006 à 15:15
J'aimerai savoir comment integrer ce genre de script dans une page en PHP classique. En fait, ce genre de script permettrai de rajouter une news par exemple sans avoir a integrer de balise dans le texte. Ne connaissant rien au JS, j'aurais besoin de votre aide. scsof@free.fr si vous voulez me contacter.
bany74 Messages postés 5 Date d'inscription mardi 29 septembre 2009 Statut Membre Dernière intervention 28 mars 2006
28 mars 2006 à 20:16
ChrisPM Merci pour tes scripts que je vais étudier de ce pas...
j'ai regardé ton forum il est magnifique.

tous ces posts sont trés instructifs merci à tous!

bon courage
ChrisPM Messages postés 17 Date d'inscription jeudi 27 novembre 2003 Statut Membre Dernière intervention 11 septembre 2006
21 mars 2006 à 07:29
héhé tant mieux alors ;)
coucou747 Messages postés 12303 Date d'inscription mardi 10 février 2004 Statut Membre Dernière intervention 30 juillet 2012 44
20 mars 2006 à 19:04
j'ai aussi réussi à le faire
ChrisPM Messages postés 17 Date d'inscription jeudi 27 novembre 2003 Statut Membre Dernière intervention 11 septembre 2006
20 mars 2006 à 13:48
hello,

coucou747 > je ne sais pas si depuis ton dernier message sur le sujet, tu as réussi à faire ce que tu voulais, c'est à dire imiter le fonctionnement d'office ou de tout autre traitement de texte : en cliquant sur un texte, ou en se déplacant dessus au clavier, les boutons de la barre d'outils s'actualisent en fonction du style du texte. Et en cliquant sur un bouton pour appliquer le style, le bouton garde l'état activé de ce style.

Bref, si tu n'a pas encore réussi, je l'ai fait sur mon adapation perso du "cross browser rich text editor" de kevin roth, et ça marche très bien ! Ca m'indique le style (gras, italique, souligné, listes, etc), et la police/taille du texte choisie selon une liste. (j'ai imité le dessin et le fonctionnement, mis à part la saisie de valeurs, des combo-box dans office ^^

aussi, pour le choix de la couleur, j'ai imité le fonctionnement de word, à savoir que lorsqu'on choisit une couleur, la petite bande sous le pot de peinture se colore, et la couleur est conservée (par cookie) pour les prochaines visites de la page.

un exemple de mon intégration : http://forum.chrispm.com/post.php?idtheme=4&action=nouv&f=tous

si quelqu'un est intéressé, servez-vous, les js sont accessibles :D
coucou747 Messages postés 12303 Date d'inscription mardi 10 février 2004 Statut Membre Dernière intervention 30 juillet 2012 44
17 mars 2006 à 18:02
pour modifier des pages html, tu dois avoir un truc coté serveur pour les enregistrer...
famak Messages postés 2 Date d'inscription mercredi 9 novembre 2005 Statut Membre Dernière intervention 8 novembre 2007
17 mars 2006 à 14:35
j'ai le meme probleme que zouam a savoir que je vien tout juste de commencer le javascript et que je comprend pas comment intégrer ton code qui fonctionne a merveille pour pouvoir modifier des page html déjà créer.
coucou747 Messages postés 12303 Date d'inscription mardi 10 février 2004 Statut Membre Dernière intervention 30 juillet 2012 44
9 nov. 2005 à 14:55
lol, j'ai passé du temps à faire quelquechose de fonctionnel sous tout les navigateurs, et finalement, j'ai fais un truc genre :
si t'as ie ou gecko, t'as un wysiwyg, si t'as KHTML, t'as un éditeur de BBCODE avec aperçu automatique...

Ma fonction est plutôt sympas, et l'aime bien le résultat, mais voila, je n'ai pas réussi à faire de wysiwyg sous konqueror, et on ne peut pas utiliser l'iframe pour ça... (en tout cas, je n'ai vu aucun exemple qui fonctionnait...)
cs_bultez Messages postés 13615 Date d'inscription jeudi 13 février 2003 Statut Membre Dernière intervention 15 octobre 2013 30
9 nov. 2005 à 09:09
si coucou747 le dit c'est que c'est vrai,
merci donc à lui de cette information.
coucou747 Messages postés 12303 Date d'inscription mardi 10 février 2004 Statut Membre Dernière intervention 30 juillet 2012 44
8 nov. 2005 à 17:54
On ne peut pas le rendre compatible Konqueror à l'heure qu'il est... Faut en parler à TrollTeck
cs_darkman2 Messages postés 121 Date d'inscription mardi 3 mai 2005 Statut Membre Dernière intervention 31 décembre 2005
8 nov. 2005 à 07:00
je trouve super sympa ton code
coté design c'est cool
mais essai de voir la compatibilité avec netscape et Konqueror
et bonne continuation
cs_bultez Messages postés 13615 Date d'inscription jeudi 13 février 2003 Statut Membre Dernière intervention 15 octobre 2013 30
20 oct. 2005 à 11:50
>>Rien ne s'affiche sauf quand >>j'enlève "display:none;"
ben oui, display:none c'est pour ne rien afficher
>>la mise en forme ne s'affiche plus en direct
ben oui, les balises ne sont pas interprétées
dans un textearea mais affichées comme du texte.
cs_Netsuko Messages postés 2 Date d'inscription jeudi 22 janvier 2004 Statut Membre Dernière intervention 20 octobre 2005
20 oct. 2005 à 11:32
Slt tout le monde, j'ai un petit souci avec le code : J'essaye de récupérer la valeur de la textarea dans une deuxième page php par methode POST. Dans "Action" j'ai bien mis ma page php.
Rien ne s'affiche sauf quand j'enlève "display:none;" de la balise style de la textarea.
Mais du coup la mise en forme ne s'affiche plus en direct ...
Quelqu'un peut m'aider svp ?

P.S : Merci pour ce code c'est nikel !
cs_Netsuko Messages postés 2 Date d'inscription jeudi 22 janvier 2004 Statut Membre Dernière intervention 20 octobre 2005
20 oct. 2005 à 11:31
Slt tout le monde, j'ai un petit souci avec le code : J'essaye de récupérer la valeur de la textarea dans une deuxième page php par methode POST. Dans "Action" j'ai bien mis ma page php.
Rien ne s'affiche sauf quand j'enlève "display:none;" de la balise style de la textarea.
Mais du coup la mise en forme ne s'affiche plus en direct ...
Quelqu'un peut m'aider svp ?

P.S : Merci pour ce code c'est nikel !
zouam Messages postés 2 Date d'inscription vendredi 26 décembre 2003 Statut Membre Dernière intervention 28 septembre 2005
7 oct. 2005 à 08:42
slt tt le monde, je suis novice en javascript et j'aimerais intégrer ce sript a mon site, qlq un pourrais faire un petit tuto? merci
cs_lacousine Messages postés 58 Date d'inscription mardi 6 janvier 2004 Statut Membre Dernière intervention 13 juillet 2007
14 août 2005 à 22:43
je te remercie d'avoir affiché ton code ici, car j'essayais justement d'intégrer les balises à mon formulaire qui me permet d'écrire dans ma base de données. Il manquait de la mise en page. Je vais vérifier comment je pourrais intégrer certaine de tes fonctions à mon code.
cs_rottweiler Messages postés 117 Date d'inscription dimanche 7 avril 2002 Statut Membre Dernière intervention 23 octobre 2013
17 juil. 2005 à 01:47
Le choix des couleur version standard est serait beaucoup mieux , sinon pas mal du tout ton job .
coucou747 Messages postés 12303 Date d'inscription mardi 10 février 2004 Statut Membre Dernière intervention 30 juillet 2012 44
14 juil. 2005 à 16:10
le setTimeout n'est qu'un détail, ce que je veux, c'est afficher le fait qu'on soit sur une zone soulignée, en gras ... ou non...
cs_bultez Messages postés 13615 Date d'inscription jeudi 13 février 2003 Statut Membre Dernière intervention 15 octobre 2013 30
14 juil. 2005 à 13:58
ouais coucou747 , amélioration
possible et intéressante.
avec onkeyup, sous Internet
explorer, ça marche.
regardons pour les autres
navigateurs ( peu d'idées là
moi, espérons de l'aide ).
coucou747 Messages postés 12303 Date d'inscription mardi 10 février 2004 Statut Membre Dernière intervention 30 juillet 2012 44
13 juil. 2005 à 20:43
je te remercie vraiment, j'ai créé à mon tour mon propre wysiwyg, (je ne t'ai copié qu'une petite partie de la fonction init, alors on peut dire que je l'ai fait moi même, mais grace à toi, restons modeste...)
j'ai un petit problème, et une amélioration possible pour ton script : dans les wysiwygs classiques (les diférents offices,) quand on est sur une région sélecionnée, le bouton sélectionné est souligné, j'aimerais faire la même chose, tout ce que j'ai réussi à faire, c'est ça :
function toolbar_color(){
//alert(texte.queryCommandEnabled("JustifyFull"));
if (texte.queryCommandState("JustifyFull")==true)
document.getElementById("justifie").style.backgroundColor="#F00";
else
document.getElementById("justifie").style.backgroundColor="none";
if (texte.queryCommandState("Italic")==true)
document.getElementById("italique").style.backgroundColor="#F00";
else
document.getElementById("italique").style.backgroundColor="none";
setTimeout("toolbar_color();", 1000);
}

bon, c'est sur que c'est pas super super, la fonction s'appelle toutes les secondes, et c'est pas super cool, mais un onkeypress sur l'iframe ne fonctionne pas...
Cette fonction donne les commandes qui ont étés utilisées, mais pas les commandes qui ont étés utilisées sur la sélection...
Si quelqu'un pouvait m'aider, ça améliorerais nos deux wysiwyg...
cs_bultez Messages postés 13615 Date d'inscription jeudi 13 février 2003 Statut Membre Dernière intervention 15 octobre 2013 30
12 juil. 2005 à 12:37
à Arto_8000, merci pour RTE.ZIP :
pas vu/appris grand chose...
d'ailleurs je trouve mon script
bien plus simple, plus lisible,
et plus complet.( mais c'est
normal, c'est le mien, je comprend
ce que j'ai écrit, et je ne vais
pas le dénigrer non plus ) @+
coucou747 Messages postés 12303 Date d'inscription mardi 10 février 2004 Statut Membre Dernière intervention 30 juillet 2012 44
12 juil. 2005 à 07:07
ces navigateurs ont pour moteur html :
-gecko pour Mozilla, firefox, galeon, epiphany
-khtml pour Konqueror
pour safari et opera, je n'en sais rien...

les moteurs seront prochainement accèssibles partout, je crois qu'ils sont déja accèssible sous windows, mais comme win ne m'interesse pas vraiment, je n'ai pas vérifié...
Arto_8000 Messages postés 1044 Date d'inscription lundi 7 mars 2005 Statut Membre Dernière intervention 13 juillet 2010 7
12 juil. 2005 à 03:30
A bultez -> Si tu veux la source de RichTextBox Editor je l'ai zipper et je l'ai mis sur le site :

http://www.geocities.com/scrip154/rte.zip

A coucou747 -> Je ne sais pas avec quel navigateur tu as chargé RichTextBox ,mais chez moi ça prend 1 seconde. C'est vrai que la source n'a aucun commentaire ,mais ça n'empêche pas le fait que l'on ne peut pas rien apprendre.
lordskyser1 Messages postés 84 Date d'inscription lundi 31 mars 2003 Statut Membre Dernière intervention 1 juillet 2006
11 juil. 2005 à 23:00
dernières questions sans rapport avec la source dslé : existe-il-des versions windows de konqueror, galéon et safari? Si oui, où les télécharger? Si ma feuille de style externe marche avec mozilla, firefox, netscape et MSIE, elles fonctionnera sous cs navigateurs "exotiques"? Voilà, dslé pour le dérangement mais je n'ai pas encore trouvé de réponse
la_pin Messages postés 275 Date d'inscription mercredi 11 août 2004 Statut Membre Dernière intervention 15 décembre 2005
11 juil. 2005 à 19:04
Super sympa cet éditeur, j'aime bien la fonction enregistrer ^^
coucou747 Messages postés 12303 Date d'inscription mardi 10 février 2004 Statut Membre Dernière intervention 30 juillet 2012 44
11 juil. 2005 à 13:33
Dans un sens Konqueror fait 1 % des visites sur mon site web, ce site web parle de la programmation, donc, c'est assez normal de croiser des linuxois qui aiment bien Konqueror. Cependant, quand on a Konqueror, on a souvent aussi Mozilla, Firefox et d'autres navigateurs gecko....
Konqueror est le navigateur par défaut de l'environement KDE sous linux, KDE est l'environement graphique par défaut sous beaucoups de distributions de linux. Il est vraiment bon, je n'ai croisé des problèmes qu'avec les wysiwygs... Konqueror a pour particularitée de gérer à la fois les normes classiques et une grande quantité de normes MS...
Konqueror a été créé par l'entreprise trolltek, ils font aussi KDE et QT, c'est une entreprise qui vit de l'open-source et qui dévelope en donnant ses produits aux linuxois et en faisant payer les windowsiens... Ce n'est pas un projet open source comme les autres dans le sens ou on ne peut pas intègrer le projet facilement, mais dans un sens, c'en est un à part entière, et on ne doit pas l'oublier...
Perso, j'essai de déveloper pour le maximum de monde quand je le peux, alors si on peut le faire, autant le faire, quand c'est pas possible, je comprends, mais on ne doit pas oublier un groupe sous prétexte qu'il est réduit alors qu'on pourrait l'intègrer facilement (pe). Faut aller voir sur linux-fr.org le sujet sera peut-être plus dévelopé...
L'éditeur de texte RichTextBox Editor a un défaut majeur : il est lent, et un défaut mineur : il n'est pas fait pour être lu (cf leurs retours à la ligne foireux et l'absence de commentaires...)
lordskyser1 Messages postés 84 Date d'inscription lundi 31 mars 2003 Statut Membre Dernière intervention 1 juillet 2006
11 juil. 2005 à 11:10
bon travail!
Dommage pour les navigateurs exotiques style Konqueror mais bon, c'est pas la majorité. Ceux qui utilisent ces navigateurs (hein coucou ;-)) n'ont qu'à en changer jusqu'à ce qu'ils soient plus au point lol. On va pas faire le travail de compatibilité à la place des développeurs du navigateur quand même. Paske sinan il marche pas non plus avec le navigateur que j'ai développé TotoNavigator....
cs_bultez Messages postés 13615 Date d'inscription jeudi 13 février 2003 Statut Membre Dernière intervention 15 octobre 2013 30
11 juil. 2005 à 06:48
à Arto_8000
>>quand on insert un select et que l'on va voir
>>la source le select est en premier plan et cache
>>une partie de la source (testé sur IE).
"bug" connu. on n'arrive pas à mettre un
objet au dessus d'un select ( un div par ex )
j'ai lu que ça venait du fait que les select
n'étaient pas gérés comme les autres objets.
>>il y a un rectangle noir qui cache la partie
>>de l'éditeur (testé sur Netscape 7.1).
c'est du à quoi ? comment faire pour éviter ?
[ mais Netscape n'est-il pas mort ? ]
>>open source qui s'appelle RichTextBox Editor
peut-être puis-je y trouver comment faire
pour les autres navigateurs ? on trouve
ça où ? recherche avec google ? @+
Arto_8000 Messages postés 1044 Date d'inscription lundi 7 mars 2005 Statut Membre Dernière intervention 13 juillet 2010 7
11 juil. 2005 à 00:59
C'est sûr, Konqueror ne supporte pas l'attribut designMode. A propos Konqueror est-ce que c'est vraiment utilisé sur le web. Sinon je vois pas pourquoi le fait qu'un script ne fonctionne sur Konqueror change quelquechose.
coucou747 Messages postés 12303 Date d'inscription mardi 10 février 2004 Statut Membre Dernière intervention 30 juillet 2012 44
11 juil. 2005 à 00:23
RichTextBox ne fonctionne pas non plus sous Konqueror...
Arto_8000 Messages postés 1044 Date d'inscription lundi 7 mars 2005 Statut Membre Dernière intervention 13 juillet 2010 7
10 juil. 2005 à 22:41
Il y a quelques bugs dans ton script ,quand on insert un select et que l'on va voir la source le select est en premier plan et cache une partie de la source (testé sur IE).Quand on charge la page il y a un rectangle noir qui cache la partie de l'éditeur (testé sur Netscape 7.1). Si tu veux voir ce que tu peux faire avec les différents navigateurs il existe un open source qui s'appelle RichTextBox Editor ,il fonctionne sur Gecko et IE.
cs_bultez Messages postés 13615 Date d'inscription jeudi 13 février 2003 Statut Membre Dernière intervention 15 octobre 2013 30
10 juil. 2005 à 13:04
je viens de rectifier ce choix de couleurs :
par déplacements d'un curseur sur une échelle.
merci de vos commentaires.
LocalStone Messages postés 514 Date d'inscription mercredi 19 mars 2003 Statut Membre Dernière intervention 1 mars 2009
9 juil. 2005 à 17:51
Pour les couleurs, tu peux - je pense - assez simplement copier le système de Paint. Tu prends une image qui contient toutes les couleurs, et suivant la position de la souris sur la palette, tu peux en déduire la couleur. Je ne crois pas que ce soit extrèmement compliqué à mettre en place ...
Voilà !
++ !
L.S.
cs_bultez Messages postés 13615 Date d'inscription jeudi 13 février 2003 Statut Membre Dernière intervention 15 octobre 2013 30
9 juil. 2005 à 15:23
salut RazielRaever

>>Seul point noir pour choisir la couleur
et je peux comprendre ce point de vue,
c'est la "moins mauvaise" solution
que j'ai trouvé pour être compatible.

avec Internet Explorer j'utilise un
Active'X ( CommonDialog ) et c'est
nickel chrome.

pour "tous navigateurs" , je pensais :
_ autoriser la saisie de valeurs => mais
dans ce cas le texte perd la zone de
sélection ( peut-on éviter cela ? ) et
saisir 3 valeurs ce n'est pas très
"propre" non plus.
_ cliquer sur une couleur dans un tableau =>
soit trop lourd ( 255x255x255 )
soit on n'a pas accès à toutes les couleurs.
_ un mélange de ces 2 solutions
un mini tableau de couleurs + affinage
manuel, je ne trouve pas ça satisfaisant.

donc si vous avez des idées : elles
sont les bienvenues.
RazielReaver Messages postés 34 Date d'inscription vendredi 2 avril 2004 Statut Membre Dernière intervention 9 juillet 2005
9 juil. 2005 à 13:51
Seul point noir pour choisir la couleur... Ca devient assez lourd au Bout d'un moment de trouver unE couleur en mélangeant les RVB et le défilement des composantes RVB et long.

Sinon c vraiment super sympa bravo pour ton travail..
cs_bultez Messages postés 13615 Date d'inscription jeudi 13 février 2003 Statut Membre Dernière intervention 15 octobre 2013 30
9 juil. 2005 à 09:48
salut couco747,
effectivement j'espère des retours
pour les autres navigateurs... et
surtout comment faire avec eux
tout ce qu'on peut faire avec IE.
coucou747 Messages postés 12303 Date d'inscription mardi 10 février 2004 Statut Membre Dernière intervention 30 juillet 2012 44
9 juil. 2005 à 00:52
il ne fonctionne pas avec Konqueror, et je n'ai pas réussi à le faire fonctionner avec ce navigateur, comme tu as prévu un switch au lieu d'un if, j'ai pensé que tu attendais les problèmes de compatibilités, je te préviens donc...
navigator.appName="Konqueror"
je n'ai malheureusement pas réussi à trouver un exemple de wysiwyg qui fonctionne avec MSIE, gecko, opera et KHTML...

C'est du bon travail, je te remerci, ça me servira beaucoups...
Rejoignez-nous