Ensemble textarea valeur avec javascript après l'initialisation de TinyMCE

Que je dispose d'un textarea et je suis en utilisant tinyMCE sur ce textarea.

Ce que je fais en fait, c'est que lorsque la page est ouverte, je suis à peupler le textarea avec un peu de texte, et après que je suis l'initialisation de la tinyMCE.

Le problème est quand je suis en train de changer la valeur du textarea après tinyMCE lors de l'initialisation, puis rien ne se passe.

Ici est un exemple.

De la création de la textarea:

<textarea style="width: 95%;" name="title"  id="title"></textarea>

Remplissage de la textarea:
```
$('#title').html("someText");
```

Initialisation de tinyMCE

tinyMCE.init({
        //General options
        mode : "specific_textareas",
        theme : "advanced",
        width: "100%",
        plugins : "pagebreak,paste,fullscreen,visualchars",

        //Theme options
        theme_advanced_buttons1 : "code,|,bold,italic,underline,|,sub,sup,|,charmap,|,fullscreen,|,bullist,numlist,|,pasteword",
        theme_advanced_buttons2 :"",
        theme_advanced_buttons3 :"",
        theme_advanced_buttons4 :"",
        theme_advanced_toolbar_location : "top",
        theme_advanced_toolbar_align : "left",
        theme_advanced_statusbar_location : "bottom",
        valid_elements : "i,sub,sup",
        invalid_elements : "p, script",
        editor_deselector : "mceOthers"
    });

Je voudrais changer le contenu de la textview (mais ça ne fonctionne pas)

J'ai essayé d'utiliser le même qu'avant init la tinyMCE

    $('#title').html("someModifiedText"); //does not work

J'ai aussi essayé de supprimer tinyMCE:

    if(tinyMCE.getInstanceById('title'))
    removeTinyMCE("title");

Avec

function removeTinyMCE (dialogName) {
    tinyMCE.execCommand('mceFocus', false, dialogName);
    tinyMCE.execCommand('mceRemoveControl', false, dialogName);

}

Et thet à la réutilisation:

    $('#title').html("someModifiedText"); //does not work

Je suis à court d'idées... Merci beaucoup pour votre aide....

InformationsquelleAutor Miloš | 2012-08-03

33

Problème ici est que vous ne voyez pas n'importe quoi, si vous saisissez du texte ou html dans votre textarea.
Votre textarea obtient caché quand tinymce est initialisé. Ce que vous voyez est alors un contenu modifiable iframe, qui est utilisé pour modifier de style et de contenu. Il y a plusieurs événements qui va provoquer tinymce d'écrire son contenu dans le code html de l'élément source de l'éditeur (dans votre cas, votre textarea).

Si vous souhaitez définir le contenu de l'éditeur (ce qui est visible), vous aurez besoin d'appeler quelque chose comme
```
tinymce.get('title').setContent('<p>This is my new content!</p>');
```
Vous pouvez également accéder au dom éléments directement à l'aide de la suite de
```
tinymce.get('title').getBody().innerHTML = '<p>This is my new content!</p>';
```
ou à l'aide de jQuery
```
$(tinymce.get('title').getBody()).html('<p>This is my new content!</p>');
```
- Merci encore Thariama, je suis geting une erreur ici: tinymce.get('titre') n'est pas défini
- reportez-vous à ceci.
- merci, j'ai déjà essayé mais toujours le même problème.
- vous devez utiliser votre textareas id, mais vous pouvez également utiliser tinymce.activeEditor ou de tinymce.les éditeurs[0]
- mon textarea id est "titre", comme indiqué dans la question. J'ai 5 textareas sur la même page, shuld j'utilise tinymce.les éditeurs[0] pour la première, de tinymce.les éditeurs[1] pour le deuxième, etc ?
- Le textarea id correspond à l'editorid, donc quand vous me dites votre textarea a l'id titel puis il devrait y avoir un éditeur de texte avec l'id "titre". Il est plus élégant d'utiliser tinymce.activeEditor, mais cela se traduira par une erreur si aucun éditeur n'a été en cours d'utilisation (exemple fraîchement chargés de la page; vous n'aurez pas de problème si vous exécutez votre code après l'éditeur a été activé). de tinymce.les éditeurs[0...4] ne fonctionnent que si elles sont initialisées dans le même ordre à chaque fois.
- Merci encore @Thariama. Pour vous donner plus de détails, j'ai 5 textareas avec différents identifiants. Le premier est l'id "titre". Je suis tryint à l'utilisation de tinymce.get('titre').setcontent('<p>Ceci est mon nouveau contenu!</p>'); mais j'obtiens l'erreur de tinymce.get('titre') n'est pas défini !!!
- pouvez-vous me montrer le résultat dans votre console de "tinymce.les éditeurs[0].id" ?
- Ok, cela fonctionne maintenant, que vous et encore désolé.
- setcontent ne fonctionne pas pour moi, mais setContent n' (avec un grand "C")
- Faute de frappe supprimé.
InformationsquelleAutor Thariama
11

Vous pouvez utiliser le tinyMCE.activeEditor.setContent('<span>some</span> html');

Cochez cette Réponse
- Si vous vous sentez que cette question est un doublon, il doit être signalé comme tel. Merci de ne pas poster des liens vers d'autres Débordement de Pile de questions que de réponse.
- désolé de ne pas l'avis même de l'utilisateur du poste. merci pour l'info.
- excellente solution !!
- Cette réponse doit être accepté de répondre. Simple solution idéale! Merci @RyanMonreal
InformationsquelleAutor Ryan Monreal
3

Simplement ce qui fonctionne pour moi
```
$("#description").val(content);
```
- Cela fonctionne pour la version 3, mais pas dans la version 4.
InformationsquelleAutor AtanuCSE
0
```
<textarea id="content" name="content">{{html_entity_decode($yourstringdata)}}</textarea>
```
C'est un travail pour moi, décodez vos données html et de le placer entre le début et la fermeture des balises textarea.

InformationsquelleAutor Rosidin Bima
-1

Cela fonctionne pour moi. Il suffit de la placer à l'intérieur de votre code html au lieu d'aller tinymce
```
    <textarea> html CONTENT</textarea>
```
- La question est de savoir sur l'utilisation de tinyMCE dans une manière spécifique, mais la solution présentée ici juste dit, ne pas utiliser de tinymce, ce qui n'aide pas à répondre à la question à tous.
InformationsquelleAutor user2556716

Vous devez vous connecter pour publier un commentaire.