web-dev-qa-db-fra.com

Comment obtenir le contenu d'une zone de texte Tinymce avec JavaScript

j'ai un tableau de contenu alors comment nous obtenons le contenu de Tinymce textarea en javascript

javascripttinymce
41
pooja

disons que votre instance mce textarea est:

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

alors vous obtenez le contenu comme suit:

var content =  tinyMCE.getContent('editor1');

si vous voulez dire que vous avez plusieurs instances de mce editor sur une seule page et que vous souhaitez obtenir du contenu, essayez cette approche:

var inst, contents = new Object();
for (inst in tinyMCE.editors) {
    if (tinyMCE.editors[inst].getContent)
        contents[inst] = tinyMCE.editors[inst].getContent();
}

le code ci-dessus ajoute chaque contenu d'éditeur dans un tableau

29
z.eljayyo

Je l'ai résolu avec du code:

// Get the HTML contents of the currently active editor
tinyMCE.activeEditor.getContent();

// Get the raw contents of the currently active editor
tinyMCE.activeEditor.getContent({format : 'raw'});

// Get content of a specific editor:
tinyMCE.get('content id').getContent()

activeEditor est l'éditeur actuel, mais j'utilise tinyMCE.get ('editor1'). getContent () ne peut pas obtenir la valeur de mon éditeur, j'espère que cela peut vous aider

ma page d'accueil est 机器 鸟

API Tinymce: http://www.tinymce.com/wiki.php/API3:method.tinymce.Editor.getContent

65
jqpress

J'ai eu le même problème. J'ai résolu en utilisant ce code:

tinyMCE.get('editor1').getContent();

Source: Spocke est l'auteur

18
CyE

Vous pouvez utiliser:

tinymce.get(editorid).getContent();
15
Thariama

Dans mon cas (v4.3.12), rien de ce qui précède n'a fonctionné, j'ai donc fait une solution:

Code HTML:

<div id="wrapper">
    <textarea id="editable_container" name="editable_container"></textarea>
</div>

Code JQuery:

var iframe = $('#editable_container_ifr');
var editorContent = $('#tinymce[data-id="editable_container"]', iframe.contents()).html();
console.log(editorContent);

Où editable_container est la zone de texte de l'espace réservé de mon éditeur tinyMCE, l'id iframe de la zone modifiable est généré à partir de l'ajout d'un _ifr suffixe à l'id de l'espace réservé, et le content-editable conteneur (qui contient le texte formaté), a un identifiant tinymce avec un data-id attribut de l'id de l'espace réservé.

4
Derenir