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 ? 😛 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

PrimFX
PrimFX

Salut tout le monde ! Je m'appelle Boris, j'ai 18 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

9 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 Mio

    Mio

    16 March 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

  • Photo de profil de Clouder

    Clouder

    18 March 2016 à 11:36

    @PrimFX tu pourrais utiliser le Markdown si tu souhaites ! 😀 c'est aussi bien que ce que tu utilises 😋

  • Photo de profil de PrimFX

    PrimFX | Membre Premium

    19 March 2016 à 13:53

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

    @Clouder Je sais je sais 😋 Mais bon, vu que j'ai l'habitude d'utiliser du BBCode, ben je fais avec ça 😄

  • Photo de profil de coucougael94

    coucougael94

    19 April 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 Mio

    Mio

    19 April 2016 à 22:30

    @coucougael94 Merci pour ta réponse.

  • Photo de profil de salutlacompagnie

    salutlacompagnie

    21 May 2016 à 17:35

    Bonjour ,

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

  • Photo de profil de Balatharas

    Balatharas

    18 June 2016 à 15:57

    Merci pour ton tuto 😄

  • Photo de profil de Balatharas

    Balatharas

    18 June 2016 à 16:02

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

  • Photo de profil de ouija

    ouija

    25 November 2017 à 17:22

    Salut

    J'ai vraiment besoin d'aide

    Moi le retour a la ligne ne marche pas donc ...

    Aidez moi stp