Comment obtenir le contenu d'une Tinymce textarea avec JavaScript

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

InformationsquelleAutor pooja | 2010-12-29
  1. 27

    permet de dire que votre mce occurrence du composant textarea est:

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

    ensuite, vous obtenez le contenu comme suit:

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

    si vous voulez dire que vous avez plusieurs instances de pilotage de l'éditeur sur une page et vous souhaitez obtenir le contenu puis 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 éditeur de contenu dans un tableau

    • Cette réponse est la plus probable pour une ancienne version de TinyMCE. Pour ce faire avec le dernier (le 4.x), @jqpress réponse est la bonne.
    InformationsquelleAutor z.eljayyo
  2. 60

    Je l'ai résolu avec le 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()

    la activeEditor est l'actuel rédacteur en chef,mais j'utilise tinyMCE.get('rédacteur1').getContent() ne peut pas obtenir la valeur de mon éditeur, j'espère que ça peut vous aider à

    ma page d'accueil est 机器鸟

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

    • utilisation tinymce au lieu de tinyMCE si la version >= 4.5
    • cela apparaît encore à l'échec pour la version >= 5
    • oh, jamais l'esprit... c'est bizarre, mais tinymce a ces propriétés avant que j'appelle init, mais par la suite, il semble faire référence à un élément sans ces propriétés.
    InformationsquelleAutor jqpress
  3. 16

    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

    InformationsquelleAutor CyE
  4. 14

    Vous pouvez utiliser:

    tinymce.get(editorid).getContent();
    • C'est le droit.comme
    InformationsquelleAutor Thariama
  5. 4

    Dans mon cas (v4.3.12), aucun de ces fonctionné, j'ai donc fait une solution de contournement:

    Code Html:

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

    JQuery code:

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

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

    InformationsquelleAutor Derenir
  6. -3

    Si vous êtes plus familier avec (et qui sont à l'aide de jquery wrapper), vous pouvez également le faire en utilisant ceci:

    $('#editor1').tinymce().getContent();

    Où (rédacteur1) est de votre sélection.

    • Qui ne fonctionne pas.
    InformationsquelleAutor Phil McCarty