emoji unicode converteren naar smilies

Even snel gekeken op github:

- je moet JQuery gebruiken
- je moet de unicode in een <textarea> plaatsen
- Vervolgens moet je de textarea van een id voorzien en met jquery een script aan dit id hangen. Dit vereist misschien enige kennis van Jquery.

uit de handleinding maar dan aangepast met een stukje php er tussen:

<textarea id="example1"><?php echo $messageWithUnicodeSmilies; ?></textarea>
<script type="text/javascript">
  $(document).ready(function() {
    $("#example1").emojioneArea();
  });
</script>

[size=xsmall]Toevoeging op 07/05/2017 21:06:32:[/size]

Lukt het niet laat ons dan even (in beknopte versie) zien wat je nu hebt

bedankt, ik gebruik een script jquery comments waar ik dit in wil integreren.

er word verwezen naar een class en geen id, maar gebruikt wel this attribuut om een unieke element met deze class te gebruiken.

het gaat om de class content

            // Content
            var content = $('<div/>', {
                'class': 'content'
            });

 content.html(this.getFormattedCommentContent(commentModel));

Hiermee, krijg ik gewoon netjes de unicode smilies te zien. als ik dit wijzig naar:

<div class="content">normale tekst met unicode smiley(als ik die unicode hierin kopieer dan breekt hij mijn code af)</div>

als ik nu deze aanpas naar:

 content.html(this.getFormattedCommentContent(commentModel)).emojioneArea();

dan zie ik de smilies wel, maar krijg dit element terug:

<div class="emojionearea-editor" contenteditable="true" placeholder="" tabindex="0" dir="ltr" spellcheck="false" autocomplete="off" autocorrect="off" autocapitalize="off">yessss lekker dingetjes daar yaaaaa<img alt="" class="emojioneemoji" src="https://cdnjs.cloudflare.com/ajax/libs/emojione/2.1.4/assets/png/1f61d.png"></div>

hier kan ik weer tekst invoeren en de smiley verwijderen, en dat wil ik juist niet. Dus dit is niet de juiste oplossing. Ik zoek een manier om gewoon in hetzelfde element de smilies weer te geven.

ik denk dat ik de libs van https://demos.emojione.com/latest/index.html moet invoeren, maar ik hoop dat het op een snellere manier kan zonder veel libs en src codes