Bonjour, merci pour le code! Il faudrait que tu ajoute un peu d'explication, je ne suis pas très fort en JS et, je ne sais pas comment faire pour personnaliser l'éditeur.
Salut,
je doit réaliser un editeur BBcode pour mon site et cette source va bien m'avancer, le plus gros est déjà en place.
Je n'ai plus qu'à le modifier une peu pour mes besoins, je vais gagner pas mal de temps grâce à toi Vince_02.
Je n'ai mis que 8/10 parce que le code date un peu et que les corrections n'ont pas été effectué dans la source.
Mais ça reste une source très utile, Merci !!
Pour masquer le bouton de Prévisualisation, il faudra jouer sur le CSS et son ID, l'ID du bouton est : Prw+IdName.
Au mieux, il est généré a partir de la ligne 89, jusqu'à la ligne 101.
Pour récupérer le BBCode du textarea, donc éviter la conversion en html avant l'envoie, supprimez ou commentez la ligne : 73
Puis enfin une légère correction, merci à _NICO_ :
Supprimer la ligne 267, puis a partir de la ligne 321, remplacez là par :
if (document.getElementById('Prev_'+Name).style.display == "none")
document.getElementById('Prev_'+Name).innerHTML = '<fieldset><legend>Prévisualisation :</legend>'+texte+'</fieldset>';
ce qui évitera un retour de valeur 'false' non désiré.
Et pour finir, les soucis de compatibilité avec les navigateurs d'ancienne génération, mettez simplement a jour vos navigateur, les mises a jour sont prévue pour ça ^^, le tout fonctionnera convenablement.
salut!!
je voudrais ajouter un champ texte dans votre code afin de mettre le titre et je n'arrive pas. c'est vrai que je ne suis pas très doué en Java script!!
Donc je voudrais savoir comment pouvoir le fait s'il vous plait!!
Je l'ai adapté à ma page facileemnt par contre je cherche à pouvoir le poster dans ma base de donnée au format BBCode et non HTML sinon pour faire des UPDATE ca devient du n'importe quoi :D bref si quelqu'un à réussi j'veux bien un coup de main.
sinon pour ceux qui on le problème avec le retour "False" il faut juste supprimer la ligne 267 du fichier bbcode.js comme dit plus haut. et tout ira bien ;)
Salut voilà ton code est super cool au départ j'avais du mal à le comprendre comme je connais pas super bien le javascript enfin bon il y a deux trois bug que j'ai remarqué et j'arrive pas à les enlever.
1) Si d'appuis pas sur Prévisualiser avant d'envoyé le formulaire sur la page php ou je récupère les données ça me renvoie toujours false
2) Quand je clique sur url images citation ça m'affiche pas le prompt
Merci beaucoup pour ta source, nikel ;)
mais j'aimerais pouvoir l'utiliser dans le sens inverse, c'est-à-dire avec le code généré pouvoir le modifié ... Donc pour l'afficher dans le textarea no pb, mais le code ne correspond pas (genre les pour les [align]) ... comment faire ??
Je me sers de ton code pour mon forum. Le problème c'est que je suis censé ajouter des champs cachés dans le formulaire, avant de récupérer ce qui aura été saisi avec l'éditeur.
Comme ton formulaire est en Javascript, j'ai du mal à piger comment ajouter ces champs cachés dans ton code.
Sympa, très clair. Après avoir essayé plusieurs éditeurs, je l'ai adopté. Seul bémol : les deux listes pour les couleurs sont sur une ligne et les listes suivantes passent à la ligne en dessous. J'ai pourtant créé des styles pour élargir l'éditeur à toute la surface de ma page... Impossible d'aligner toutes les listes...
Comme tout est en Javascript, difficile de savoir comment créer un style pour corriger cela.
Merci pour toute aide.
Petit info, le script encode le tout en HTML avant envoie, donc votre script reçois effectivement du HTML.
C'est sur que ça doit géner si on compte faire un système de commentaire avec possibilité d'éditer le texte ...
Je modifirais en conséquence le script, a condition que je dispose d'un peux de temps, et que mon FAI me fiche un peux la paix, car en ce moment, c'est pas la joie ^^'
Super exactement ce que je cherchais, mis à part un petit problème, je n'arrive pas à définir le texte par défaut, sauriez vous comment faire j'ai essayé en rajoutant une option dans la fonction et en rajoutant la ligne:
InpBtn.defaultValue = defVal; //defVal étant ma variable contenant le texte par défaut.
J'ai le même problème qu'Orbiplanax dans le cas où l'on ne demande pas de prévisualisation.
J'ai supprimé cette ligne :
(267) if (document.getElementById('Prev_'+Name).style.display == "none") return false;
et tout marche niquel.
Super ton code !!! mais je n'arrive pas à faire un truc. J'aimerais enregistrer le texte entrer dans l'editeur dans une base mysql, j'y arrive très bien mais il m'enregistre le texte converti en HTML, et moi je veux que le texte soit ajouté dans ma base de donnée directement en BBCode pour pouvoir modifier le texte après. Bref comment faire pour pas que ton code fasse la conversion de BBCode en HTML et qu'il laisse le texte en BBCode !
Salut ! c'est exactement ce que je cherchais, mais ça ne marche pas correctement :
Netscape (7.02) : place systématiquement les balises en DEBUT de textarea
Opera (7.5) : duplique le contenu et l'insère de part et d'autre des balises comme ci-dessous :
>>>> test
J'ai oublié de préciser, j'ai tester sous IE, Mozilla FireFox et Opéra, ça tourne nickel,
Je pense que sur Konqueror, et le reste des nav devrait pas poser de problèmes, mais au cas ou
faites moi signe...
Ensuite, la c'est partie code, je crois que mon code doit être un peux lourd ^^'
- Messages postés
- 3544
- Date d'inscription
- jeudi 6 août 2009
- Statut
- Membre
- Dernière intervention
- 11 janvier 2020
1je doit réaliser un editeur BBcode pour mon site et cette source va bien m'avancer, le plus gros est déjà en place.
Je n'ai plus qu'à le modifier une peu pour mes besoins, je vais gagner pas mal de temps grâce à toi Vince_02.
Je n'ai mis que 8/10 parce que le code date un peu et que les corrections n'ont pas été effectué dans la source.
Mais ça reste une source très utile, Merci !!
- Messages postés
- 33
- Date d'inscription
- dimanche 15 mai 2005
- Statut
- Membre
- Dernière intervention
- 14 janvier 2016
2Pour masquer le bouton de Prévisualisation, il faudra jouer sur le CSS et son ID, l'ID du bouton est : Prw+IdName.
Au mieux, il est généré a partir de la ligne 89, jusqu'à la ligne 101.
Pour récupérer le BBCode du textarea, donc éviter la conversion en html avant l'envoie, supprimez ou commentez la ligne : 73
Puis enfin une légère correction, merci à _NICO_ :
Supprimer la ligne 267, puis a partir de la ligne 321, remplacez là par :
if (document.getElementById('Prev_'+Name).style.display == "none")
document.getElementById('Prev_'+Name).innerHTML = '<fieldset><legend>Prévisualisation :</legend>'+texte+'</fieldset>';
ce qui évitera un retour de valeur 'false' non désiré.
Et pour finir, les soucis de compatibilité avec les navigateurs d'ancienne génération, mettez simplement a jour vos navigateur, les mises a jour sont prévue pour ça ^^, le tout fonctionnera convenablement.
Merci, super job ;)