TUTO JS - INTÉGRATION D'UN ÉDITEUR WYSIWYG


Avoir une textarea, c'est pas mal... Mais avoir un éditeur style Word à la place, c'est pas mieux ? Tire la langue Je vous montre dans un prochain tuto comment traiter le BBCode généré en PHP ;-)

Veuillez vous connecter pour afficher le code.
Pas encore de compte ? Créez-en un ici !
  • Et quelque part dans le <body> :
Veuillez vous connecter pour afficher le code.
Pas encore de compte ? Créez-en un ici !
Si vous avez des questions, je vous laisse les poser dans les commentaires ;-)

A propos de l'auteur

Boris Flesch
Boris Flesch

Salut tout le monde ! Je m'appelle Boris, j'ai 16 ans et je suis passionné d'informatique et de technologie. Je partage cette passion à travers mes vidéos que tu peux retrouver sur YouTube sous le nom de PrimFX ou bien sur ce site bien sûr (tutoriels de programmation (HTML, CSS, PHP), gameplays, vlogs high-tech...). @+

A voir aussi

8 Commentaires

POSTER UN COMMENTAIRE

Vous devez être connecté pour pouvoir poster un commentaire...

Pas encore de compte ? Créez-en un ici !



  • Photo de profil de Beignet

    Beignet

    18 Juin 2016 à 16:02

    @coucougael94 Euh ton code est bien mais en fait cela n'insère qu'un smiley :/

  • Photo de profil de Beignet

    Beignet

    18 Juin 2016 à 15:57

    Merci pour ton tuto Grand sourire

  • Photo de profil de salutlacompagnie

    salutlacompagnie

    21 Mai 2016 à 17:35

    Bonjour ,

    Il n'y a pas de possibilité de retour a la ligne automatiquement?

  • Photo de profil de Mio

    Mio

    19 Avril 2016 à 22:30

    @coucougael94 Merci pour ta réponse.

  • Photo de profil de coucougael94

    coucougael94

    19 Avril 2016 à 12:14

    @Spayl Je pense que si ton smiley est en background d'une div avec un espace, cela serais possible. Sinon, tu prend juste une image normal. Tien, je t'ai fais un code spécialement pour toi:

    Au faite, il suffisait d'enlever le "{SELTEXT}" qui indiqué a quel endroit appliquer le style.

    Merci a primFx !

    $(function() {

    var wbbOpt = {

    buttons: "bold,italic,underline,|,img,link,|,code,quote,monbouton",

    lang: "fr",



    allButtons: {

    code: {

    hotkey: "ctrl+shift+3", //Add hotkey

    transform: {

    '<div class="mycode"><div class="codetop">Code:</div><div class="codemain">{SELTEXT}</div></div>':'

    {SELTEXT}
    '

    }

    },

    monbouton: {

    title: 'Inserer un smiley',

    buttonText: 'smiley',

    transform: {

    '<img src="smiley.png">':'[monbouton]'

    }

    }

    }

    }

    $("#wysibb").wysibb(wbbOpt);

    })

  • Photo de profil de PrimFX

    PrimFX | Membre Premium

    19 Mars 2016 à 13:53

    @Spayl Yo ! Ouaip je ferai un petit tuto là-dessus ;-)

    @Clouder Je sais je sais Tire la langue Mais bon, vu que j'ai l'habitude d'utiliser du BBCode, ben je fais avec ça Grand sourire

  • Photo de profil de Clouder

    Clouder

    18 Mars 2016 à 11:36

    @PrimFX tu pourrais utiliser le Markdown si tu souhaites ! Sourire c'est aussi bien que ce que tu utilises Tire la langue

  • Photo de profil de Mio

    Mio

    16 Mars 2016 à 21:40

    Salut,

    PrimFx pourrait tu faire un tuto pour mettre des smyley. C'est une des seules partie de la doc que je n'est pas compris.

    Merci d'avance