begin process at 2012 02 11 05:14:52
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Formulaire

 > RICH TEXT TRASH EDITOR

RICH TEXT TRASH EDITOR


 Information sur la source

Note :
9,33 / 10 - par 6 personnes
9,33 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Formulaire Niveau :Débutant Date de création :01/09/2004 Date de mise à jour :09/10/2005 17:58:28 Vu / téléchargé :12 952 / 1 485

Auteur : jotrash

Ecrire un message privé
Site perso
Commentaire sur cette source (49)
Ajouter un commentaire et/ou une note

 Description

Cliquez pour voir la capture en taille normale
Ce code est un editeur de texte, certains lappeleront editeur html car il renvoie le code.. pour moi je veux juste men servir pour poster un message... Donc il ny a que l'option de voir la source et pas de remettre apres lecriture normal... cest une evolution possible pour ceux qui ont du temps...
Si vous désirez le tester avant de le telecharger http://w-x.no-ip.org/trash-portail/Trte/
Merci a tous ceux qui laisseront des commentaires, noterons ou telechargerons le zip..

Source

  • //si vous desirez que lutilisateur puisse voir la source et revenir en arreiere ajouter ce code
  • function toggleHTMLSrc(rte) {
  • //contributed by Bob Hutzel (thanks Bob!)
  • var oRTE;
  • if (document.all) {
  • oRTE = frames[rte].document;
  • } else {
  • oRTE = document.getElementById(rte).contentWindow.document;
  • }
  • if (document.getElementById("chkSrc" + rte).checked) {
  • if (document.all) {
  • oRTE.body.innerText = oRTE.body.innerHTML;
  • } else {
  • var htmlSrc = oRTE.createTextNode(oRTE.body.innerHTML);
  • oRTE.body.innerHTML = "";
  • oRTE.body.appendChild(htmlSrc);
  • }
  • } else {
  • document.getElementById("Buttons1_" + rte).style.visibility = "visible";
  • document.getElementById("Buttons2_" + rte).style.visibility = "visible";
  • if (document.all) {
  • //fix for IE
  • var output = escape(oRTE.body.innerText);
  • output = output.replace("%3CP%3E%0D%0A%3CHR%3E", "%3CHR%3E");
  • output = output.replace("%3CHR%3E%0D%0A%3C/P%3E", "%3CHR%3E");
  • oRTE.body.innerHTML = unescape(output);
  • } else {
  • var htmlSrc = oRTE.body.ownerDocument.createRange();
  • htmlSrc.selectNodeContents(oRTE.body);
  • oRTE.body.innerHTML = htmlSrc.toString();
  • }
  • }
  • }
//si vous desirez que lutilisateur puisse voir la source et revenir en arreiere ajouter ce code

function toggleHTMLSrc(rte) {
	//contributed by Bob Hutzel (thanks Bob!)
	var oRTE;
	if (document.all) {
		oRTE = frames[rte].document;
	} else {
		oRTE = document.getElementById(rte).contentWindow.document;
	}

	if (document.getElementById("chkSrc" + rte).checked) {
     if (document.all) {
			oRTE.body.innerText = oRTE.body.innerHTML;
		} else {
			var htmlSrc = oRTE.createTextNode(oRTE.body.innerHTML);
			oRTE.body.innerHTML = "";
			oRTE.body.appendChild(htmlSrc);
		}
	} else {
		document.getElementById("Buttons1_" + rte).style.visibility = "visible";
		document.getElementById("Buttons2_" + rte).style.visibility = "visible";
		if (document.all) {
			//fix for IE
			var output = escape(oRTE.body.innerText);
			output = output.replace("%3CP%3E%0D%0A%3CHR%3E", "%3CHR%3E");
			output = output.replace("%3CHR%3E%0D%0A%3C/P%3E", "%3CHR%3E");

			oRTE.body.innerHTML = unescape(output);
		} else {
			var htmlSrc = oRTE.body.ownerDocument.createRange();
			htmlSrc.selectNodeContents(oRTE.body);
			oRTE.body.innerHTML = htmlSrc.toString();
		}
	}
}

 Conclusion

Une petite partie du code (surtout au niveau de la transcription) est tiré du http://www.kevinroth.com/rte/demo.htm de Kevin roth, donc merci à lui d'avoir mis cette source en libre...
Et merci à Mcpeter qui sans lui le code n'aurait pas de gestion de smileys :p

 Fichier Zip

Les Membres Club peuvent télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

Télécharger le zip


 Historique

03 septembre 2004 14:30:27 :
ajout du code pour revenir en arreiere quand on coche pour voir la source remplacer la fonction existante par celle ci
26 janvier 2005 15:04:44 :
26/01/2005 : apparemment il manquerait une ligne dans l'ancien code source alors je met la derniere version que j'utilise avec le fichier pour recuperer le texte comme ca pu de pb :)
29 avril 2005 12:33:27 :
Mise a jour : ajout des images et de la fonction pour recuperer le code qui apparement ne marchait pas partout. ajout d'une capture d'écran pour ceux qui désire voir ce que ca peut donner. Demande : Le script m'a été demandé de nombreuse fois pour être utilisé sur un site. Malheureusement je n'ai recu que quelques liens de site. SI vous utilisez l'éditeur merci de me donner le lien. Comme ca je vois ce que ca peut donner :)
09 octobre 2005 17:58:28 :
Mise a jour de la version

 Sources de la même categorie

Source avec Zip Source avec une capture BOITE DE DIALOGUE MODALE DE SÉLECTION D'UNE LISTE D'ICONES par JJDai
Source avec Zip Source avec une capture RÉSOLUTION D'UN SYSTÈME D'ÉQUATIONS LINÉAIRES À N INCONNUES par william voirol
Source avec Zip Source avec une capture PLUGIN JQUERY LISTE MODIFIABLE (COMBO) AUTOCOMPLÉTÉE par medkarim
GESTION DE NUMÉRO DE TÉLÉPHONE SIMPLE DANS FIREFOX7 par rotomtom
Source avec Zip Source avec une capture RECOMMANDER CETTE PAGE AVEC MAILTO, ACCENT ET RETOUR LIGNE D... par weabow

Commentaires et avis

Commentaire de mickaelpfr le 01/09/2004 18:40:42

BOF => que dire de plus  encore un , qui n'apporte aucune nouvelle fonctionnalitées dommage

Commentaire de jotrash le 01/09/2004 20:32:36

merci de ton com mais je ne suis pas daccord jai fais des recherches et des recherche sur google pour en trouver des simples ou en tout cas des biens et je nai rien trouve dexausif et sur ce site je nen ai trouve kun a part si ma recherche fut mauvaise...  

Commentaire de ilvec le 02/09/2004 08:35:36

Salut,

je ne sais pas si c'est normal, mais j'ai un petit bug : une fois que j'ai cliquer sur <voir la source>, impossible de revenir au texte "normal" en décochant la case.
Pire, si je rechoche la case, il m'affiche la source de la source ;-(

Voila, sinon ca paut être interessant pour un forum par exemple.

Bonne prog

Poupou

P.S : j'attends la réponse pour noter :-)

Commentaire de mickaelpfr le 02/09/2004 10:21:09

petit eclaissisement, cette critique ne va pas dans le mauvais sens !
jotrash je crois que tu as mal chercher, tu tapes editeur wysiwyg ici ou sur google et regarde le nombre de réponse.

pour les bugs tu l'a testé sous mozilla ?

un truc a faire , expliqué les execommand les gars ainsi tout le monde comprendra comment réaliser son propre éditeur simplement !

ps : la propriété de la div  contenteditable = true est propriétaire a internet explorer

Commentaire de ilvec le 02/09/2004 11:24:45

Salut,

que ce soit sous IE 5.5 (je viens de tester) ou sous firefox, le problème est le même : une fois que l'on a affiché la source, il est impossible de revenir au texte "formaté". Je trouve ca dommage (mais je n'ai aucune erreur javascript qui apparait).

Bonne journée @ tous les javascriptiens (et les autres)

PouPou

Commentaire de jotrash le 02/09/2004 19:03:07

je mexplike avant quon me trucide lol  si justement quand on reclick sur voir la source ca  ne marche pas car lutilisation de ce code est pour moi comme dis si bien ilvec pour un forum livre dor blog etc donc la personne naura pas a reclicker dessus... mais ce nest pas tres dure a modifier si ca interesse kelkun je modifie la source ce soir... sinon la encore jai cherche pas mal pour rich text editor etc et je nai jamais rien trouve qui gere les smileys et ki soit gratuit sinon je ne dis pas que mon code a reinvente la planete ensuite escuse moi mais sur ce site il ny a quun code smilaire au moins (dapres les recherche de mickaelpfr et les miennes) et je n'aimais po trop cette source passant par popup pour les couleurs etc... donc voila merci davoir commente

Commentaire de ilvec le 02/09/2004 19:30:28

ok,

je t'ai mis 8/10

j'insiste peut-être un peu ;-) mais je pense que si le bouton <voir la source> existe, il faut soit qu'on puisse revenir en arriere, soit on ne peut plus. Mais dans tous les cas il ne faut pas voir la source de ta source (ca fait vraiment desordre).

Bonne continuation

PouPou

Commentaire de jotrash le 03/09/2004 14:31:23

voila le code est disponible si vous desirez

Commentaire de FredT le 06/09/2004 07:22:11

wai ... wai ... bof

Rien de bien mieux par rapport à celui de kevinroth.com. Rien de terrible par rapport à ce qu'on peut trouver.

Recherche HTMLArea, c personnellement ce que j'ai vu de mieux aussi bien au niveau du résultat HTML généré, qu'au niveau du code du programme: à mon goût super bien fait. Objet, plugin, multilingue...

Commentaire de ichevc le 13/09/2004 12:28:27

perso j'utilisie
tinymce , je le trouve mieux qu'htmlarea

c'est egalement un projet source forge

Commentaire de FredT le 13/09/2004 13:25:07

HTMLArea vs tinymce : j'ouvre le débat ?
ichevc, tu peux préciser ce que tu trouve de mieux? C'est peut être le fait d'un manque de plugIn pour l'instant, mais moi j'ai vu qu'une seule fonction (copier le style) par rapport à HTMLArea, qu'il m'intéresse de récupérer.

Par exemple: barre de statut, utilisation des css ... j'ai pas vu grand chose la dessus. Mais je me trompe peut-être, j'ai testé très vite, et vu un aperçu du code tout aussi vite.

Commentaire de ichevc le 13/09/2004 14:16:48

le probleme pour comparer ces deux projet est qu'ils évolue très vite.

j'avais testé il y a quelques mois htmlarea et je l'ai abandonné parce qu'il ne produisait pas du xhtml valide
mais ceci a peut etre changé

tinymce sur ce critère me convient mieux

je vais regarder de nouveau htmlarea anvant de reposter car m'etat vite arreter a cause de ce critere je n'est pas vraiment fouiller

Commentaire de ichevc le 13/09/2004 14:32:44

heu .. petite question.
peut-on éditer nos commentaires ???

sinon, désolé pour les fautes

Commentaire de jotrash le 13/09/2004 20:09:12

non tu ne peux pas editer tes commentaires... pour le debat je trouve ces programmes (paskau stade ou ca en est on peut appeler ca programme) trop evolue justement pour une utilisation simple..

Commentaire de FredT le 14/09/2004 17:16:52

cherche pas plus, il ne fait toujpours pas d'xhtml valide, si pour toi c'est un critère indispensable, ben, HTMLArea te conviendra pas.
mais comme dit jotrash, ce "programme" je pense donne pouceaup plus de possibilités à l'utiliser en tant que "programme",et  pas comme seulement éditeur de contenu.
J'sais pas trop si je me fait comprendre là...

Commentaire de jotrash le 14/09/2004 19:09:06

sisi tu te fais comprendre :p

Commentaire de cacoun le 03/12/2004 12:53:27

Est-il possible de mettre le code généré dans une base mysql ???
Si oui, comment ?

Commentaire de jotrash le 03/12/2004 19:02:13

bien sur ! je te donne le code directement par mail avec trois fichier comme ca tu auras un exemple vraiment concret et tu auras une version je crois un peu ameliorer

@++

Commentaire de cacoun le 15/12/2004 12:40:16

Salut à tous...
Je viens de tester le text editor, et j'en suis content...
Seul bémol, kan je "clik" sur la touche "entrée", il apparait un saut de ligne
Quelqu'un a-t-il une soluce ????

Commentaire de jotrash le 15/12/2004 18:41:23

salut cacoun !
je pense que tu ne dois po utiliser mon editeur de texte car moi je nen ai po qui apparait !
@++ sinon fais moi un screen

Commentaire de cacoun le 16/12/2004 09:13:54

salut jotrash,
peux-tu me renvoyer tes fichiers, je ne sais plus ce ke j'en ai fait, merci ....

Commentaire de rttb le 21/12/2004 12:30:42

je suis comme cacoun, je cherche a recuperer le code html genere pour l'integrer dans une BD.
Peux tu m'aider STP.

Commentaire de jotrash le 21/12/2004 12:44:05

$insert = mysql_query("insert into table values ('$sc')");

c'est ce fameux $sc qui recupere le message produit :)

Commentaire de rttb le 21/12/2004 13:49:17

c'est ce fameux $sc qui recupere le message produit :)

Il est ou ce $sc???
C'est du PHP $sc, et je vois pas de PHP dans le code, a part le code d'index.php

Commentaire de rttb le 23/12/2004 14:19:06

personne veux me repondre ???
meme pas cacoun, tu dois savoir ce qu'est '$sc'

Commentaire de jotrash le 23/12/2004 18:46:28

le fameux $sc est la valeur du textarea donc ce que tu dois recuperer .... regarde le code et repere ou est le sc .... enfin je sais po moi c ecrit noir sur blanc ?

Commentaire de rttb le 24/12/2004 15:24:50

Je me suis debrouille tout seul, car je n'ai pas trouve de
textarea (ormis celui de la fonction writedefault qui n'est jamais appele), ni de variable du nom de sc...
Peut etre que je n'ai pas la bonne source, j'ai pourtant celle du site ici present...

J'ai donc un formulaire PHP (nom:formulaire) avec un textarea (nom:texte).

J'utilise cette fonction pour recuperer le code genere et envoyer le formulaire.

function voir(rte){
  var oRTE;
  if (document.all) {
    oRTE = frames[rte].document;
  } else {
    oRTE = document.getElementById(rte).contentWindow.document;
  }   
var htmlSrc = oRTE.body.innerHTML;
formulaire.texte.value=htmlSrc;
formulaire.submit();
  
}

Je me permet de poster ceci de facon a aider les gens qui sont dans le meme cas que moi.

Encore merci jotrash pour cette source super.

Commentaire de cacoun le 24/12/2004 15:42:06

dans la ligne 119, tu trouveras le fameux sc: document.writeln('<br><input name="sc" type="text" class="textarea" id="sc" value="" size="2" maxlength="2"><input type="hidden" name="posted" value="1">    <br><input type="button" value="Visualiser" onclick="toggleHTMLSrc(\'' + rte + '\');">');

Désolé pour le retard de ma réponse mais je ne suis pas en permanence sur le net désolé rttb...

Commentaire de rttb le 24/12/2004 16:09:25

magnifique !!!
Je ne dois pas avoir la bonne source, cette ligne 119 n'existe pas sur mon script..(du moins celle que tu me viens de me donner ci dessus.).
Ce qui fait le toggleHTMLSrc c'est une case a cocher chez moi...pas un bouton....

Commentaire de jotrash le 24/12/2004 17:27:56

donne moi ton email si tu veux je tenverrai les dernieres source oO

Commentaire de rttb le 24/12/2004 17:33:44

c cool, je t'envois mon mail en message prive, merci encore.

Commentaire de zebrei le 30/12/2004 11:31:36

J'ai le même problème que rttb.
Je 'nai pas de sc dans les scripts téléchargés, ni à la ligne 119 ni ailleurs.
La ligne que jotrash cite n'est pas dans le script, et je ne vois pas trop comment l'intégrer.

Le script de rttb semble pas mal, mais je ne maîtrise pas assez le sujet pour comprendre comment il ressort htmlSrc. C'est quoi ce formulaire.submit() ? une fonction à toi ?
en gros, si j'apelle la fonction, elle me renvoie une valeur, (j'ai pas l'impression), ou elle poste directement dans la base ? (avec cette fonction formaulaire ??????)

Commentaire de zebrei le 30/12/2004 20:03:54


J'ai trouvé la solution dans les sources d'une version supérieure du produit.
(aplosRTE :
http://mike.aplosmedia.com/dev/AplosRTE/test_editor.php)

Le formatage HTMl est simplement oublié par le script, alors il faut le lui rappeler :

dans la page qui reçoit le submit :
--------------------------------------
$text=$_POST['rte1'];
$text = [b]rawurldecode(stripslashes($text));[/b]
echo "1: $rte1"; // ne donnera pas de HTML
echo "2: $text"; // donnera tout le formatage
---------------------------------------

Une journée de recherche ... content... ! :-)

Commentaire de zebrei le 30/12/2004 20:04:56

oups... virez les tag [b] [/b] du code précédent.
C'était pour mettre en valeur la ligne importante.

Commentaire de coucou747 le 25/01/2005 18:22:02 administrateur CS

euh... ça marche pas du tout !!

Commentaire de jotrash le 25/01/2005 18:27:00

bah je comprends pas. je viens de refaire le script sur mon autre serveur pour voir s'il y avait des problèmes et un simple

$var=$_POST["sc"];
ca sufft pour recevoir ce qu'il y aviat dans le textarea. Oo

Commentaire de jotrash le 31/01/2005 14:32:06

voila comme g eu encore de nouvelles demandes de ma version entiere du script je lle met a jour comme ca tout le monde pourra en profiter. voila j'espere que ca aidera tous le monde ici un simple post suffit pour que ca marche (tester sur plsuieurs ordis).
@++ all

Commentaire de twisteurwin le 29/04/2005 06:51:38

> Jotrash

Il manque les images dans ton zip !
Merci de le mettre à jour

Commentaire de jotrash le 29/04/2005 12:34:15

Merci de m'avoir prévenu. Je viens d'uploader pour corriger tout ceci :)

Commentaire de twisteurwin le 29/04/2005 13:03:27

Ok je vais pouvoir le tester à présent , thx :-)

Commentaire de meech le 02/08/2005 18:02:26

C'est marrant, mais même dans le nom des fonctions, cela me rappelle un "Rich Text Editor" dont le projet a débuté en 2003 (cf. http://www.kevinroth.com/rte/demo.htm)... Le code est libre, il n'y a pas de honte à s'inspirer d'un autre, mais c'est pas mal de le notifier.

Ceci étant, cette source est très bien faite et l'ajout des smiley's est une grande idée.

Allez, hop : 10/10 quand même car cela va m'être très, très, très utile !!

Commentaire de jotrash le 02/08/2005 18:04:44

hum MEECH je pense que tu n'as pas lu mon explication finale ou j'ai marque :
Le code est en partie tiré du http://www.kevinroth.com/rte/demo.htm de Kevin roth, donc merci à lui d'avoir mis cette source en libre...

Commentaire de meech le 02/08/2005 18:08:47

Mea maxima culpa est !

Ciao ;-)

Commentaire de Agora le 27/08/2005 14:09:26

Sur ce que j'ai pu en voir, HtmlArea a l'air d'être le plus complet, et de loin. Les menus contextuels, c'est vraiment top, çà donne un effet pro !

Sinon, j'ai pu trouver dans la gallerie de htmlarea.com un autre editeur pas mal : FCKeditor

De nombreux examples, une license GPL, et surtout, un éditeur en français.

A voir :)

Commentaire de jotrash le 27/08/2005 17:35:22

A l'heure actuelle celui que je trouve le plus complet et celui utilise par code source dans son forum. maintenant ce code a plus d'un an et il a ete optimise par de nombreuses personnes dont je trouve le resultat pas mal. ensuite si on voulait vraiment on pourrait faire quelque chose de bien mieux dynamiques afin que tous le monde puisse choisir ce kil veut dans les menus etc etc. mais bon ca devient un projet a grande ampleur et ya deja pas mal de monde dessus. le seul avantage de celui la par rapport a plein dautres cest les smileys.
@++ JoTrAsH

Commentaire de meech le 27/08/2005 20:04:03

Agora -> merci de l'information pour FCKEditor : du vrai beau boulot, et tout cela sous GNU Public License. Terrible et vraiment à voir.

Commentaire de matthieumiquel le 22/05/2006 10:35:15

moi aussi j utilise le source de Kevin Roth http://www.kevinroth.com/rte/demo.htm

mais je l insere dans mon formulaire, puis dans celui ci je veux effectuer une mise a jour mais cela ne marche pas(a noter que mon boutton de validation est dan sautre page que "richtext.js" ) peut etr qu il y a une répercution je sias pas trop...

Avec le code de Kevin Roth j ai remarqué que le texte rich était copier dans une textArea toute simple pour permettre l envoi de mes données vers la BDD ou autre

I need help je bloke depuis 2 semaines sur ça dc voila j ai les nerfs


Commentaire de the metalhorseman le 28/09/2006 15:25:23

le script de kevin roth déchire. ça c'est du script qui mérite d'être en ligne. a force de se prendre pour un crack chacun laisse des scripts bidons résultat : ça ralenti considérablement la recherche de bon code.

donc merci à ceux qui permette (encore à ce site) de s'en tirer honnorablement et par pitié:
que ceux quiu ne savent pas faire apprennenent, comparent, repiquent, demandent, et enfin en dernier lieu publient!

merci

Commentaire de laura1988 le 03/02/2009 15:34:43

salut, jai utilisé ton code pour une modification (exemple : changer écriture, de couleur ...) mais celui ci m'enregistre plus rien maintenant si quelqu'un peu m'aider se serait sympas merci en avance, un message erreur apparait : (Undefined index: num)

<html>
<head>
<title>Modification</title>
</head>
<div><a href="admin.php?go=accueil">Accueil</a></div>
<body>
<?php
include('conn.php');

if (isset($_POST[rte1']))
{
$contenu = nl2br(stripslashes($_POST['rte1']));
$query="UPDATE accueil SET description='".$contenu."' WHERE num=".$_GET['num'];
$result = mysql_query($query);
$test = mysql_error();
echo "la modification a été réalisé avec succès";
}

if (isset($_GET['num']))
{
$reqliste="SELECT * FROM accueil where num=".$_GET['num'];
?><form name="accueil" method="post" action="modif.php"><table><?php
$liste = mysql_query($reqliste);
while ($boucle = mysql_fetch_array($liste))
{
?><tr>
<td><input  name="num" type="hidden" value="<?php echo $boucle['num']; ?>"></td>
</tr>

<?php
$reqliste="SELECT * FROM accueil where num=".$_GET['num'];
$liste = mysql_query($reqliste);
$news="";
while ($boucle = mysql_fetch_array($liste))
{
$news=$boucle['description'];
}
$url='admin.php?num=';
$url.=$_GET['num'];

$he_action=$url; //obligatoire
$he_content=$news; $he_width=520; //facultatif $he_height=200; //facultatif
include('HtmlBox.php');
}
}
?>

 Ajouter un commentaire




Nos sponsors


Sondage...

CalendriCode

Février 2012
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
272829    

Consulter la suite du CalendriCode

Photothèque

 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 1,404 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales