bbcode js ou jqury Résolu/Fermé

Question

Bonjour, j'ai ce code le but que j'aimerais lorsqu'on clique sur gras il met la balise blabblabla dans le code j'ai mis le code jquery ;) function insertTag(startTag, endTag, textareaId, tagType) { var field = document.getElementById(textareaId); var scroll = field.scrollTop; field.focus(); if (window.ActiveXObject) { var textRange = document.selection.createRange(); var currentSelection = textRange.text; } else { var startSelection = field.value.substring(0, field.selectionStart); var currentSelection = field.value.substring(field.selectionStart, field.selectionEnd); var endSelection = field.value.substring(field.selectionEnd); } if (tagType) { switch (tagType) { case "lien": endTag = ""; if (currentSelection) { if (currentSelection.indexOf("http://") == 0 || currentSelection.indexOf("https://") == 0 || currentSelection.indexOf("ftp://") == 0 || currentSelection.indexOf("www.") == 0) { var label = prompt("Quel est le libell� du lien ?") || ""; startTag = ""; currentSelection = label; } else { var URL = prompt("Quelle est l'url ?"); startTag = ""; } } else { var URL = prompt("Quelle est l'url ?") || ""; var label = prompt("Quel est le libell� du lien ?") || ""; startTag = ""; currentSelection = label; } break; case "citation": endTag = ""; if (currentSelection) { if (currentSelection.length > 30) { var auteur = prompt("Quel est l'auteur de la citation ?") || ""; startTag = ""; } else { var citation = prompt("Quelle est la citation ?") || ""; startTag = ""; currentSelection = citation; } } else { var auteur = prompt("Quel est l'auteur de la citation ?") || ""; var citation = prompt("Quelle est la citation ?") || ""; startTag = ""; currentSelection = citation; } break; } } if (window.ActiveXObject) { textRange.text = startTag + currentSelection + endTag; textRange.moveStart('character', -endTag.length-currentSelection.length); textRange.moveEnd('character', -endTag.length); textRange.select(); } else { // Ce n'est pas IE field.value = startSelection + startTag + currentSelection + endTag + endSelection; field.focus(); field.setSelectionRange(startSelection.length + startTag.length, startSelection.length + startTag.length + currentSelection.length); } field.scrollTop = scroll; } function preview(textareaId, previewDiv) { var field = textareaId.value; if (document.getElementById('previsualisation').checked && field) { var smiliesName = new Array(':magicien:', ':colere:', ':diable:', ':ange:', ':ninja:', '>_<', ':pirate:', ':zorro:', ':honte:', ':soleil:', ':\'$', ':waw:', ':$', ':D', ';\)', ':p', ':lol:', ':euh:', ':\(', ':o', ':colere2:', 'o_O', '\^\^', ':\-�'); var smiliesUrl = new Array('magicien.png', 'angry.gif', 'diable.png', 'ange.png', 'ninja.png', 'pinch.png', 'pirate.png', 'zorro.png', 'rouge.png', 'soleil.png', 'pleure.png', 'waw.png', 'smile.png', 'heureux.png', 'clin.png', 'langue.png', 'rire.gif', 'unsure.gif', 'triste.png', 'huh.png', 'mechant.png', 'blink.gif', 'hihi.png', 'siffle.png'); var smiliesPath = "http://www.siteduzero.com/Templates/images/smilies/"; field = field.replace(/&/g, '&'); field = field.replace(//g, '>'); field = field.replace(/\n/g, '
').replace(/\t/g, ' '); field = field.replace(/([\s\S]*?)/g, '$1'); field = field.replace(/([\s\S]*?)/g, '$1'); field = field.replace(/([\s\S]*?)/g, '$1'); field = field.replace(/([\s\S]*?)/g, '$2'); field = field.replace(/([\s\S]*?)/g, '

'); field = field.replace(/([\s\S]*?)/g, '
Citation : $1

$2

'); field = field.replace(/([\s\S]*?)/g, '
Citation

$2

'); field = field.replace(/([\s\S]*?)/g, '
Citation : $1

$3

'); field = field.replace(/([\s\S]*?)/g, '
Citation : $2

$3

'); field = field.replace(/([\s\S]*?)/g, '
Citation

$1

'); field = field.replace(/([\s\S]*?)/g, '$2'); for (var i=0, c=smiliesName.length; i "); } document.getElementById(previewDiv).innerHTML = field; } } function getXMLHttpRequest() { var xhr = null; if (window.XMLHttpRequest || window.ActiveXObject) { if (window.ActiveXObject) { try { xhr = new ActiveXObject("Msxml2.XMLHTTP"); } catch(e) { xhr = new ActiveXObject("Microsoft.XMLHTTP"); } } else { xhr = new XMLHttpRequest(); } } else { alert("Votre navigateur ne supporte pas l'objet XMLHTTPRequest..."); return null; } return xhr; } function view(textareaId, viewDiv){ var content = encodeURIComponent(document.getElementById(textareaId).value); var xhr = getXMLHttpRequest(); if (xhr && xhr.readyState != 0) { xhr.abort(); delete xhr; } xhr.onreadystatechange = function() { if (xhr.readyState == 4 && xhr.status == 200){ document.getElementById(viewDiv).innerHTML = xhr.responseText; } else if (xhr.readyState == 3){ document.getElementById(viewDiv).innerHTML = "

Chargement en cours...

"; } } xhr.open("POST", "../preview.php", true); xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); xhr.send("string=" + content); } et (.+)`isU', '`(.+)`isU', '`(.+)`isU', '`(.+)`isU', '`(.+)`isU', '`(.+)`isU', '`(.+)`isU', '`(.+)`isU', '`(.+)`isU', '`(.+)`isU' ); $html = array( '$1', '$1', '$1', '$1', '$2', ' Image utilisateur

', '
Citation

$1

', '
Citation : $1

$2

', '
Citation

$2

', '$2' ); $content = htmlspecialchars($content, ENT_QUOTES); $content = preg_replace($zcode, $html, $content); // parsage des smilies $smiliesName = array(':magicien:', ':colere:', ':diable:', ':ange:', ':ninja:', '>_<', ':pirate:', ':zorro:', ':honte:', ':soleil:', ':\'$', ':waw:', ':$', ':D', ';\)', ':p', ':lol:', ':euh:', ':\(', ':o', ':colere2:', 'o_O', '\^\^', ':\-�'); $smiliesUrl = array('magicien.png', 'angry.gif', 'diable.png', 'ange.png', 'ninja.png', 'pinch.png', 'pirate.png', 'zorro.png', 'rouge.png', 'soleil.png', 'pleure.png', 'waw.png', 'smile.png', 'heureux.png', 'clin.png', 'langue.png', 'rire.gif', 'unsure.gif', 'triste.png', 'huh.png', 'mechant.png', 'blink.gif', 'hihi.png', 'siffle.png'); $smiliesPath = "http://www.siteduzero.com/Templates/images/smilies/"; for ($i = 0, $c = count($smiliesName); $i < $c; $i++) { $content = preg_replace('`' . $smiliesName[$i] . '`isU', ' smiley

', $content); } // Rtours � la ligne $content = preg_replace('`\n`isU', '
', $content); return $content; } if (isset($_POST["string"])) { $content = $_POST["string"]; if (get_magic_quotes_gpc()) { $content = stripslashes($content); } echo parseZCode($content); // Ecriture du contenu pars�. } ?> mais quand je clique sur gras , il ne mets pas les balise bbcode dans le texterea merci d'avance Configuration: Windows / Chrome 70.0.3538.110

jordane45 · Answer

Bonjour,

Commence par regarder dans la console de ton navigateur si tu n'as pas des erreurs...
(tu peux aussi ajouter quelques "console.log" dans ton code js pour y afficher les variables (voir si ce qu'elles contiennent te semble conforme).


Tu sembles également utiliser de l'ajax dans ton code ( du xmlhttprequest).
Pour bien le debuguer il te faut utiliser la console de firefox ou installer le plugin ajax debuger sur chrome.

korka · Answer

c'est bon j'ai trouvé un autre code ;)

Bbcode js ou jqury

2 réponses

Discussions similaires