Intégrer tinyMCE lors d'un évènement

Résolu/Fermé
lamouchetsetse Messages postés 112 Date d'inscription samedi 2 août 2014 Statut Membre Dernière intervention 21 septembre 2021 - 16 févr. 2016 à 12:56
lamouchetsetse Messages postés 112 Date d'inscription samedi 2 août 2014 Statut Membre Dernière intervention 21 septembre 2021 - 16 févr. 2016 à 13:58
Bonjour,
je souhaiterais intégrer l'éditeur tinyMCE sur mes pages, tout marche bien lorsque le textarea est écrit directement dans la page en html, mais lorsque celui -ci est généré en JS via un évènement, l'éditeur n'apparait pas.

Voici un petit script pour vous illustrer le problème:

<html>
    <head>
        <title>tinyMCE</title>
        <meta charset="utf-8">
        <script src="//cdn.tinymce.com/4/tinymce.min.js"></script>
        <script>tinymce.init({ selector:'textarea' });</script>
    </head>
    <body>
        <textarea>Easy (and free!) You should check out our premium features.</textarea>
        <div id="div">CLICK</div>
    </body>
</html>


var div = document.getElementById('div'),
    textarea = document.createElement('textarea');
    
div.onclick = function()
{
    this.innerHTML = '';
    this.appendChild(textarea);
}


Ma question est donc, comment faire pour que l'éditeur apparaisse en toutes circonstances?
Voila, merci pour votre aide.

1 réponse

jordane45 Messages postés 38144 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 21 avril 2024 4 650
16 févr. 2016 à 13:36
Bonjour,

Il faut réinstancier tinymce après la création du textarea
donc après ton
this.appendChild(textarea);


1
lamouchetsetse Messages postés 112 Date d'inscription samedi 2 août 2014 Statut Membre Dernière intervention 21 septembre 2021 2
16 févr. 2016 à 13:58
Merci c'était tout bete
0