Comment charger du html à l'aide de jquery dans une TinyMCE textarea

J'ai un textarea qui utilise TinyMCE WYSIWYG.
Une fois que cette textarea est chargé, je veux qu'en cliquant sur un bouton "Modifier" un code html que j'apporte avec AJAX jquery est chargé de cette textarea.

Je veux insérer ce code html <p>hello</p>

Original textarea source

<textarea name="corpo" id="input_corpo">Text Here</textarea>

Script JQUERY qui apporte le HTML. De cette manière, il met à jour uniquement les textarea (qui est caché, tout en TinyMCE est dans l'action)

$.get("hello.html", 
        function(content){ $("#input_corpo").text(content);});
     return false;});

Ni de cette manière ci-dessous, il fonctionne. J'ai essayé de mettre à jour le corps de l'iframe qui génère TinyMCE

$.get("hello.html", 
    function(content){ $("body#tinymce").text(content);});
return false;});

Comment puis-je faire?

OriginalL'auteur user191687 | 2009-10-17

  1. 28

    Vous pouvez essayer avec le setContent fonction:

    $.get("hello.html", function(content) { 
    //if you have one tinyMCE box on the page:
    tinyMCE.activeEditor.setContent(content);
});

    ou encore plus court:

    $.get("hello.html", tinyMCE.activeEditor.setContent);
    Merci, c'est exactement ce que je cherchais.
    que faire si il y a plus d'un éditeur dans la page
    Grâce Darin, la réponse est toujours actif!
    Vraiment curieux d'entendre la réponse à nrm est question. Comment peut-on cibler une spécifique de l'éditeur sur la page?
    Si vous avez plus d'un éditeur par page: tinyMCE.get('my_editor').setContent(données);

    OriginalL'auteur Darin Dimitrov

  2. 2

    À l'aide de jQuery version de tinyMCE avec le plugin jQuery vous pouvez utiliser cette

    $.get("hello.html", function(content) { 
    $('#input-corpo').html(content);
});

    OriginalL'auteur Stefano Esposito