Comment charger html en utilisant jquery dans une zone de texte TinyMCE

Question

J'ai une zone de texte qui utilise TinyMCE comme WYSIWYG. Une fois que cette zone de texte est chargée, je veux que, en cliquant sur un bouton "Modifier" du code html que j'apporte avec AJAX jquery est chargé dans cette zone de texte.

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

Source originale textarea

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

JQUERY Script qui apporte le HTML. De cette façon, il met à jour seule la zone de texte (qui est caché en TinyMCE est en action)

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

Ni cette manière ci-dessous cela 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?

Answer 1

Vous pouvez essayer avec la fonction setContent:

$.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); 

Answer 2

En utilisant la version jQuery de tinyMCE avec le plugin jQuery vous pouvez utiliser cette

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