Imprimer la Page

Forum-webmaster

Technique - programmation => Javascript / DOM / Ajax => Message commencé par: Tibbs le le 20-07-2009 a 14:49:06

Titre: Javascript - script pour éditeur html - demande d'aide
Posté par: Tibbs le le 20-07-2009 a 14:49:06

Bonjour à tous,

Je développe actuellement un site web perso sur lequel je veux me simplifier la tâche en ne touchant que le moins possible au code source.
Pour ce faire je compte inclure à mon site, dans un menu caché, un éditeur html identique a celui que l'on peut voir sur ce forum. (B, I, U, S, etc)

Voici la page html :

Code:

<html>
<head>
<script type="text/javascript" src="javascript.js"></script>
</head>
<body>
<form name='formulaire' action='bidule.php' method='post' onSubmit="return verifFormulaire()">
            Création d'un module Module</th>
               Nom du module :<input name='nom' type='text' size='50'>
               Contenu :
               <div id="outils">
                  <img class="out" src="./../images/autre.gif"
                     width="20" height="16" align="middle"
                     onMouseOver="this.className='over';" onMouseOut="this.className='out';"
                     onClick="format('b');">
               </div>
               <textarea name='contenu' cols='50' rows='20'></textarea>
               <input name='soumettre' type='submit' value='Créer'></td></tr>
         </form>
</body></html>

On a au dessus le code pour le bouton "gras"

Voici le code javascript qui va avec :

Code:

function format(f) {
   var str = document.formulaire.createRange().text;
   document.formulaire.contenu.focus();
   var sel = document.formulaire.createRange();
   sel.text = "<" + f + ">" + str + "</" + f + ">";
   return;
}

Lo problème est que lors de l'exécution de tout cet ensemble, le bouton ne fonctionne pas.
Aurais-je fais une bourde ? Y a t-il une meilleur façon de procéder ?
J'attends vos remarques constructives au possible et vos conseils pour m'aider à avancer !

Tibbs

Titre: Re:Javascript - script pour éditeur html - demande d'aide
Posté par: Ether Création le le 21-07-2009 a 14:59:08

Utilise FCKEditor ;)

Titre: Re:Javascript - script pour éditeur html - demande d'aide
Posté par: Tibbs le le 21-07-2009 a 15:49:07

Je trouve que c'est un système bien trop complexe et le but est de créer l'éditeur et non de le copier coller à dire vrai.
M'inspirer du code je ne dis pas mais utiliser un logiciel comme FCKEditor ou on ne comprend pas la moitié des pages de codes... non merci. ^^

Je préfère m'atteler à faire fonctionner ma version. ;)

Titre: Re:Javascript - script pour éditeur html - demande d'aide
Posté par: Ether Création le le 21-07-2009 a 15:59:31

FCKeditor, c'est 5 lignes a coller... ca s'integre en 10sec ;)

Titre: Re:Javascript - script pour éditeur html - demande d'aide
Posté par: Tibbs le le 22-07-2009 a 09:02:56

Je sais que je me débrouille bien en code mais j'avoue que la POO... je suis pas vraiment un spécialiste. Et donc pour ce cas là le mot "simple" devient très complexe à mon goût.

Titre: Re:Javascript - script pour éditeur html - demande d'aide
Posté par: Ether Création le le 22-07-2009 a 10:05:00

Si tu suis leur exemple de leur site tu pourra l'installer sans aucun souci... si tu veut je peut t"aider ;)

Titre: Re:Javascript - script pour éditeur html - demande d'aide
Posté par: Tibbs le le 22-07-2009 a 10:20:21

C'est plus complexe que ça en réalité.
Mon module n'est pas un module WYSIWYG. C'est un module ou l'on voit le code et que lorsqu'on clique sur "envoyer" crée automatiquement une entrée de plus dans le menu ainsi qu'une entrée de plus dans la bdd.
Une fois que c'est fais, le lien dans le menu affiche ce que j'ai écris dans le code...

Je te laisse regarder un exemple :

http://web-technology.fr.nf/

--> menu de droite : "menu modules"