Résolu Transformer un texte en image.

Sagasaga

Sagasaga

Premium
Inscription
29 Novembre 2013
Messages
795
Réactions
277
Points
4 211
RGCoins
25
Bonjour,

Je mi connais pas du tout en JS donc je viens à votre aide j'explique ce que j'aimerait :

Par exemple dans mon textarea tape un texte :

Mon texte : "Blblalblalblalbla xD blalblalblalblalba ;)"

En faite j'aimerait que en javascript en faite le xD ce transforme en une image qui est enregistrer dans un dossier Pareil pour ;). Les symboles sont enregistrer une base de donné est les images dans un dossier sur le site.

Donc voilà mon formulaire :
PHP: 
<form class="form-group" method="post">
          <div class='form-group'>
            <label for="">Ecivez votre réponse</label>
            <textarea name="answer" placeholder="Ecrivez-ici" class="form-control forum-threadview-post-text"></textarea>
          </div>
          <input type="submit" value="Envoyer" class="btn btn-primary">
        </form>
Voilà ou ce trouve les images dans le dossiers (A partir de la racine du site) : img/smiley/Name.Png

Je récupère le nom de la DB et le symbole aussi, voilà ma DB :
4dc67381305478d4b05469b92fc03fbe.png

Pour récupérer les résultats de la DB je fait :

PHP: 
$req = $pdo->query('SELECT * FROM smiley');
$smileys = $req->fetchAll();

Pour les afficher en PHP (Je ne sais pas si sa peut vous servir) :
PHP: 
<?php foreach ($smileys as $smiley): ?>
              <p>
                <?= $smiley->img; ?>
                <?= $smiley->name; ?>
                <?= $smiley->symbole; ?>
              </p>
            <?php endforeach; ?>
Ce qui me donne :
f4b232244c2233986de53080c8d8e746.png

Donc voilà mon problème lorsque je mais :diable: il m'affiche l'image et pas le :diable:.

Merci de votre je ne sais vraiment pas comment faire je ne maîtrise absolument pas JS

\!/ Autre possibilité \!/

Comme éditeur de texte sur le site j'utilise TinyMce si y'a un moment de faire avec

Voilà le tableau des smileys du ficher js/tinymce/plugins/emoticons/plugin.min.js
724138bfa37e75e20aa097df29489687.png

Si il y a moyen de le générer dynamiquement avec la DB, se serait encore mieux

A noté si vous voulez m'aider avec du JQuery vous pouvez j'ai la bibliothèque JQuery d'installé

Si il vous faut plus d'information je peut vous les donnez

De plus je sais qu'il faudrait utiliser du AJAX car j'ai besoins de faire appelle à des données de ma bd

 
Trier par date Trier par votes
WhiiTe' SEC a dit:
Leurs réponse me semblait exact, je connais pas le Js donc je pourrai pas t'aider mais le truc avec canvas me parait être la solution :mmh:
Cliquez pour agrandir...
Non car en faite si tu veut son code sa fait :
J'écrit "m".
Sa me créer une image avec "m" dans un rond rouge.
Or moi si je veut par exemple M sa me return :D par exemple ou si je mais X sa me return :ok:ou y return (n). Lui sa me créer une image avec la lettre écrire dedans dans un rond rouge, moi je veut simplement que quand je mais M sa return <img src="m.png" alt="m"> ^^' !
 
Voter positivement 0 Voter négativement
Sagasaga a dit:
Non car en faite si tu veut son code sa fait :
J'écrit "m".
Sa me créer une image avec "m" dans un rond rouge.
Or moi si je veut par exemple M sa me return :D par exemple ou si je mais X sa me return :ok:ou y return (n). Lui sa me créer une image avec la lettre écrire dedans dans un rond rouge, moi je veut simplement que quand je mais M sa return <img src="m.png" alt="m"> ^^' !
Cliquez pour agrandir...

Tu peux le faire en PHP ça :mmh:

function formatSmiley($smiley){
$search = array('y', 'o');

$replace = array('<img src="y.png">', '<img src="o.png">');
$smiley = str_replace($search, $replace, $smiley);
return $smiley;
}
 
Cette réponse a aidé l'auteur de cette discussion !
Voter positivement 0 Voter négativement
WhiiTe' SEC a dit:
Tu peux le faire en PHP ça :mmh:

function formatSmiley($smiley){
$search = array('y', 'o');

$replace = array('<img src="y.png">', '<img src="o.png">');
$smiley = str_replace($search, $replace, $smiley);
return $smiley;
}
Cliquez pour agrandir...

Mais je n'y avais pas penser de sa :o Je suis con xD J'ai directement pensé à Js car j'utilise la lib tinymce mais je peut le faire externe à sa :P .
J'essaye et je reviens vers toi gros ;) !
 
Voter positivement 0 Voter négativement
Retour
Haut