La Communauté Webmaster  forum rss


  Forum-webmaster
  Technique - programmation
  Javascript / DOM / Ajax
(Modérateurs: Shain, Netah, Lilian, lauryv, ToToMaStEr)
  Javascript - script pour éditeur html - demande d'aide
« Précédent Suivant »
Pages: [1] Descendre
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
  Auteur  Sujet: Javascript - script pour éditeur html - demande d'aide  (Lu 1453 fois)
Javascript - script pour éditeur html - demande d'aide
« sur: le 20-07-2009 a 14:49:06 »
Tibbs
Membre récent
*

Hors-Ligne

Messages: 5





Voir le Profil    WWW
Répondre avec citation

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()"><!-- vérification du formulaire avec javascript -->
            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

« Dernière Édition: le 20-07-2009 a 14:50:45 par Tibbs » Rapporter au modérateur  

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

Re:Javascript - script pour éditeur html - demande d'aide
« Répondre #1 sur: le 21-07-2009 a 14:59:08 »
Ether Création
Habitué
***

Hors-Ligne

Messages: 390





Voir le Profil    WWW    E-Mail
Répondre avec citation

Utilise FCKEditor

Rapporter au modérateur  

Agence de création de site internet
Tél : 02.85.52.07.81
Fax : 09.72.14.99.88
contact@ethercreation.com
http://www.ethercreation.com
Siret: 511 736 167 000 20
Re:Javascript - script pour éditeur html - demande d'aide
« Répondre #2 sur: le 21-07-2009 a 15:49:07 »
Tibbs
Membre récent
*

Hors-Ligne

Messages: 5





Voir le Profil    WWW
Répondre avec citation

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. 

Rapporter au modérateur  

http://web-technology.fr.nf/
Re:Javascript - script pour éditeur html - demande d'aide
« Répondre #3 sur: le 21-07-2009 a 15:59:31 »
Ether Création
Habitué
***

Hors-Ligne

Messages: 390





Voir le Profil    WWW    E-Mail
Répondre avec citation

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

Rapporter au modérateur  

Agence de création de site internet
Tél : 02.85.52.07.81
Fax : 09.72.14.99.88
contact@ethercreation.com
http://www.ethercreation.com
Siret: 511 736 167 000 20
Re:Javascript - script pour éditeur html - demande d'aide
« Répondre #4 sur: le 22-07-2009 a 09:02:56 »
Tibbs
Membre récent
*

Hors-Ligne

Messages: 5





Voir le Profil    WWW
Répondre avec citation

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.

Rapporter au modérateur  

http://web-technology.fr.nf/
Re:Javascript - script pour éditeur html - demande d'aide
« Répondre #5 sur: le 22-07-2009 a 10:05:00 »
Ether Création
Habitué
***

Hors-Ligne

Messages: 390





Voir le Profil    WWW    E-Mail
Répondre avec citation

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

Rapporter au modérateur  

Agence de création de site internet
Tél : 02.85.52.07.81
Fax : 09.72.14.99.88
contact@ethercreation.com
http://www.ethercreation.com
Siret: 511 736 167 000 20
Re:Javascript - script pour éditeur html - demande d'aide
« Répondre #6 sur: le 22-07-2009 a 10:20:21 »
Tibbs
Membre récent
*

Hors-Ligne

Messages: 5





Voir le Profil    WWW
Répondre avec citation

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"

Rapporter au modérateur  

http://web-technology.fr.nf/
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
Pages: [1] Monter
« Précédent Suivant »
Sauter à: 

Votre statut : Invité
Vous devez être membre pour participer.
 
 
Let’s Encrypt : le certificat SSL gratuit
Tester votre site internet sur différents navigateurs
[WordPress] Des problèmes avec l’administration ?
Rappel : Mettez à jour vos CMS et vos sites E-commerce
Le .fr fête ses 25 années d’existence !
Mesurer votre audience en temps réel avec BubbleStat
Porter réclamation contre Google Panda ?
Zlio n’est plus …
 
 
 
 
 

Copyright (c) Devclic 2002 - 2026 - Tous droits réservés

creation site internet strasbourg