Comment puis-je obtenir tinyMCE éditeur instance par le sélecteur d'élément?

Je veux mettre un contenu de l'éditeur tinyMCE après qu'il a été créé par une requête AJAX. J'ai plusieurs éditeurs sur la page. Elles sont initialisées avec:

tinymce.init({
        selector: '.tiny-mce'
    });

Chaque éditeur dispose d'une classe distincte pour le séparer les uns des autres.
Comment puis-je utiliser cette classe pour définir le contenu d'un particulier d'un éditeur, après l'obtention de données avec une requête AJAX?

tinyMCE.get('.class_name') //returns null

Je suis à la recherche de l'API et de la SORTE et ne peuvent pas trouver une fonction pour faire une telle chose simple.

Edit:

Je l'ai trouvé pas si propre façon d'obtenir de l'éditeur d'instance. Lorsque tinyMCE a été créé il ajouté id avec le nom de l'éditeur à l'élément. Maintenant, je peux faire quelque chose comme ceci:

var id = $('.class_name').attr('id');
tinyMCE.get(id).setContent('new content');

Mais est-il une meilleure façon?

OriginalL'auteur Boykodev | 2016-04-03

9

Par la get() API de la chaîne que vous avez passer à cet appel doit être le ID de l'éditeur d'élément non une Classe.

https://www.tinymce.com/docs/api/class/tinymce/#get

Donc, si vous souhaitez cibler l'éditeur basé sur l'ID que vous avez besoin de quelque chose comme ceci:
```
<textarea class='tiny-mce' id='editor1'></textarea>
<textarea class='tiny-mce' id='editor2'></textarea>    
```
... et dans votre JavaScript quelque chose comme ça...
```
tinymce.get('editor2').setContent('...content here...');
```
Si vous avez seulement un éditeur sur la page, vous pouvez également utiliser
```
tinymce.getActiveEditor().setContent('...content here...');
```
EDIT: Il dépend quand dans l'éditeur du cycle de vie que vous voulez appeler le get() ou activeEditor() méthodes.

Ceux-ci ne retourne rien, jusqu'à ce que après TinyMCE est complètement initialisé. Si vous avez un code comme ceci:
```
<form method="post" action="dump.php">
    <textarea class='tiny-mce' id='editor1'></textarea>
    <textarea class='tiny-mce' id='editor2'></textarea>  
</form>
<script>
    tinymce.get('editor2').setContent("content here");
</script>
```
Ce échouent généralement parce que vous ne savez pas si TinyMCE est terminé l'initialisation de la textareas lorsque votre JavaScript est en cours d'exécution. Veuillez voir ce violon:

http://fiddle.tinymce.com/gufaab/1

La meilleure façon de charger le contenu dans l'éditeur est d'utiliser l'éditeur "init" de rappel et le lieu de votre code. Par exemple:
```
tinymce.init({
    selector: "textarea",
    plugins: [
        "advlist autolink lists link image charmap print preview anchor",
        "searchreplace visualblocks code fullscreen",
        "insertdatetime media table contextmenu paste"
    ],
    toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image",
    setup: function (editor) {
        editor.on('init', function () {
             this.setContent('The init function knows on which editor its called - this is for ' + editor.id);
        });
    } 
}); 
```
...à noter que l'init est appelée pour chaque éditeur (s'il y a plusieurs) et vous avez accès à l'éditeur d'objet dans les DOM, si nécessaire.

l'utilisation de l'id à la place de classes de se! Merci!
en fait, votre méthode ne fonctionne pas. L'accès tinyMCE par l'identifiant de l'élément renvoie la valeur null.
veuillez voir les mises à jour de mon post. Quand vous appeler ces méthodes est important - si son retour null lorsque vous savez que vous avez l'ID correct, vous êtes probablement en l'appelant avant que l'éditeur est initialisé et prêt pour l'interaction. Il y a des Api que vous pouvez utiliser pour traiter cette question.

OriginalL'auteur Michael Fromin
2

Vous pouvez utiliser l'id dans la sélection et le contenu d'ensemble après l'éditeur est initialisé avec la fonction de rappel:
```
tinymce.init({
        selector: 'textarea#tinymce1',
init_instance_callback : function(){
tinymce.get('tinymce1').setContent(data)
}
});
```
c'est le html
```
<textarea id="tinymce1"></textarea>
```
utilisation init_instance_callback parce que si vous définissez le contenu de la requête ajax, il peut va plus vite que l'initialisation de l'éditeur

OriginalL'auteur Ruggero

-1

TinyMCE fonctionne mieux lorsque vous utilisez le sélecteur d'id au lieu de sélecteur de classe.
Vous pouvez utiliser init_instance_callback à configurer votre contenu lorsque votre éditeur est initialisé.

Cela ne fonctionne que si vous avez un sélecteur d'id.

HTML :

<textarea id="editor1"></textarea>

JS :

tinymce.init({
  selector: 'textarea#editor1',
  init_instance_callback: function (editor) {
    editor.setContent("content here");
  }
});

function setContent(editor) {
  editor.setContent("content here");
}

tinymce.init({
  selector: 'textarea#editor1',
  init_instance_callback: setContent
});

OriginalL'auteur dayota

Vous devez vous connecter pour publier un commentaire.