IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Je cherche le script d'un editeur html


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Profil pro
    Étudiant
    Inscrit en
    Février 2007
    Messages
    379
    Détails du profil
    Informations personnelles :
    Âge : 40
    Localisation : Canada

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Février 2007
    Messages : 379
    Par défaut Je cherche le script d'un editeur html
    Salut,

    Je souhaite créer une page contenant une editeur HTML, c'est à dire un text area dans lequel je vais ecrire mon text, avec au dessus pleins de boutons pour changer le style (gras, italique, un lien (<a>) etc ...) un peu comme celui que j'utilise maintenant pour ecrire ce message, mais avec des balises html!

    J'ai la flemme de le coder en entier, et je suis sur qu'il existe plein de scripts sur internet que je pourrais personaliser !

    Avez vous un link contenant ca, ou un script faisant cela à me passer ?


    Merci



    ...

  2. #2
    Membre chevronné Avatar de htr999
    Profil pro
    Étudiant
    Inscrit en
    Février 2008
    Messages
    331
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Février 2008
    Messages : 331
    Par défaut
    tu pourrait chercher sur google le motif "html Livre D'or" ça te donne pas mal de script. je suis nouveau donc je ne sais pas si le forum a déjà des discussion sur ce problème.
    sinon la recherche me donne un lien sur un exemple, avec code source partagé.

    le voici (code source pas testé !!!)

    http://fanatek.free.fr/livredor/livr...action=readall
    Télécharger

  3. #3
    Membre éclairé
    Profil pro
    Étudiant
    Inscrit en
    Février 2007
    Messages
    379
    Détails du profil
    Informations personnelles :
    Âge : 40
    Localisation : Canada

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Février 2007
    Messages : 379
    Par défaut
    Citation Envoyé par htr999 Voir le message
    tu pourrait chercher sur google le motif "html Livre D'or" ça te donne pas mal de script. je suis nouveau donc je ne sais pas si le forum a déjà des discussion sur ce problème.
    sinon la recherche me donne un lien sur un exemple, avec code source partagé.

    le voici (code source pas testé !!!)

    http://fanatek.free.fr/livredor/livr...action=readall
    Télécharger

    Salut,

    Merci pour ta réponse, en fait ce dont j'ai besoin c'est un editeur pour langage HTML (et non les [b] etc... )

    J'ai trouvé un code, il marche, je vous le montre :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
     
    function storeCaret(text)
    { // voided
    }
     
    function AddText(startTag,defaultText,endTag) 
    {
     if (document.poster.message.createTextRange) 
     {
      var text;
      document.poster.message.focus(document.poster.message.caretPos);
      document.poster.message.caretPos = document.selection.createRange().duplicate();
      if(document.poster.message.caretPos.text.length>0)
      {
       document.poster.message.caretPos.text = startTag + document.poster.message.caretPos.text + endTag;
      }
      else
      {
       document.poster.message.caretPos.text = startTag+defaultText+endTag;
      }
     }
     else document.poster.message.value += startTag+defaultText+endTag;
    }
    </script>
    avec les appels :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    <p><a href="javascript:AddText('<a href=\'mettez votre lien ici\'>','Le titre de votre lien ici','</a>');"><img src="link.png" border="0" /></a>
       | <a href="javascript:AddText('<img src=\'','Mettez ici le lien de votre image\'','/>');"><img src="image.png" border="0" /></a>
       | <a href="javascript:AddText('<br','/','>');"><img src="br.png" border="0" /></a>	
       | <a href="javascript:AddText('<p>','votre paragraphe','</p>');"><img src="paragraph_off.gif" border="0" /></a>	
       | <a href="javascript:AddText('<em>','votre texte','</em>');"><img src="italic.gif" border="0" /></a>
       | <a href="javascript:AddText('<strong>','votre texte','</strong>');"><img src="bold.gif" border="0" /></a>

    Seul défaut, c'est qu'il ajoute toujours les balises HTML à la fin du text existant dans mon textarea! Savez vous quels modification dois je faire pour que les balises s'ajoutent la ou le curseur est ?

    Merci



    ...

  4. #4
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    FKCEditor TinyMCE ?
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  5. #5
    Membre chevronné Avatar de d-Rek
    Homme Profil pro
    Développeur Web
    Inscrit en
    Janvier 2007
    Messages
    438
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Nord (Nord Pas de Calais)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2007
    Messages : 438
    Par défaut
    Moi j'ai un WYSIWYG sous mon cursor:pointer;

  6. #6
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

Discussions similaires

  1. Cherche un script de Chat 3D
    Par gamerome dans le forum Services
    Réponses: 6
    Dernier message: 18/07/2009, 14h29
  2. [HTML] Editeur HTML
    Par mic79 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 03/01/2005, 15h27
  3. Un éditeur html sous linux ?
    Par Frozen Bubble dans le forum Applications et environnements graphiques
    Réponses: 6
    Dernier message: 11/04/2004, 21h37
  4. [PLUGIN] une adresse pour un editeur html-xml
    Par Alec6 dans le forum Eclipse Java
    Réponses: 1
    Dernier message: 17/02/2004, 23h18

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo