En essayant d'obtenir le texte écrit à l'intérieur d'une TinyMCE textarea

Je vais essayer d'obtenir le texte écrit à l'intérieur d'un TinyMCE textarea. J'ai le code ci-dessous. La TinyMCE zone de texte est montré, mais l'alerte n'est pas encore montré. Pourquoi?

<html>
    <head></head>
    <body>
        <script type="text/javascript" src='http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.js'></script> 
        <script type="text/javascript" src="/home/javiergarcia/Scaricati/jari/tinymce/jscripts/tiny_mce/tiny_mce.js"></script>
        <script type="text/javascript"> 
            tinyMCE.init({
                mode : "textareas",
            });

            $(document).ready(function() {
                $('form').submit(function() {
                    //alert("fasdfs");
                    alert(tinyMCE.get('#jander').getContent());
                });
            });
        </script>
        <form method="post" action="somepage">
            <textarea name="content" id="jander" style="width:100%"></textarea> 
            <input type="submit">
        </form>
    </body>
</html>

Ce qui concerne

Javier

InformationsquelleAutor ziiweb | 2011-03-25
  1. 55

    Pourquoi ne pas simplement utiliser tinymce.get('jander').getContent(); (tinymce en petit caractère!) ?

    • Merci, juste enlever le " # " avant de jander, il fonctionne, parce que la forte de caractère (#) est utilisé dans les sélecteurs jQuery et n'a rien à voir avec tinyMCE.get()
    • exact, c'est ça
    • merci ! cela fonctionne bien!
    • Nice! Travaillé, là aussi, pour WordPress!
    InformationsquelleAutor Thariama
  2. 11

    Il vous suffit de demander la valeur de l'original de contrôle textarea.

    tinyMCE.triggerSave(false, true);
$('#jander').val();
    • Ne serait-ce pas exiger la TinyMCE plugin jQuery?
    • merci mais ce n'est pas working..@Dunhamzzz j'ai ajouté de l'jquery.tinymce.js fichier mais ça ne fonctionne toujours pas..
    • Non pas que je suis au courant de, la tinyMCE plugin est conçu pour cacher l'origine textarea, mais de garder la valeur de l'synchronisé avec le riche contenu de texte de l'éditeur tinyMCE. Par conséquent, le courant de texte enrichi valeur doit toujours être disponible, être demandée à partir de l'élément source.
    • Rappelez-vous, il y a aussi une tinymce fonction qui doit être appelée pour "sauver" le contenu de l'élément d'origine. Je n'ai pas la documentation en face de moi pour vérifier si.
    • Donnez-moi cinq minutes, j'ai utilisé jquery tinymce plein de fois, je vais doubler vérifier l'un de mes projets.
    • À l'aide de jquery plugin tinymce vous devez appeler tinyMCE.triggerSave(false, true); assurer la richesse de contenu est envoyé à l'élément dom avant de récupérer la valeur.
    • Pas besoin de déclencher l'enregistrement si vous utilisez le plugin correctement, voir ma réponse.
    • Je suis en train de travailler TinyMCE dans un grand projet professionnel, je travaille sur. Dans un endroit où nous avons besoin d'avoir plusieurs instances dans les lignes de la table qui sont déplaçables. Toutefois, lorsque vous commencez à faire glisser l'une des lignes le contenu qui se trouve dans la TinyMCE iFrame (si elle a été chargée avec la page ou modifiés par l'utilisateur) disparaît. Une fois que vous supprimez la ligne, le contenu est encore disparu, mais ré-apparaît sur la page "rafraîchir". Est-il un moyen d'obtenir la TinyMCE iFrame afin de préserver son contenu sans avoir besoin de faire un rechargement de la page? J'ai un exemple ici: cmzmedia.com/tinymce/examples/simple.html verrouillé
    • cmzmedia.com/tinymce/examples/simple3.html (encore en cours d'élaboration)

    InformationsquelleAutor Brian Scott
  3. 2

    Une fois que vous avez compris la TinyMCE plugin jQuery, vous devez affecter l'éditeur à une variable et peut alors fonctionner en toute fonction jQuery sur elle:

    var wysiwyg = $('textarea.tinymce').tinymce(tinymce_settings);

    Ensuite pour obtenir le contenu que vous pouvez extraire seulement wysiwyg.html();

    Aussi, voir le TinyMCE jQuery documentation pour d'autres techniques de manipulation.

    InformationsquelleAutor Dunhamzzz
  4. 1

    Que quelqu'un m'a dit, la forte de caractère (#) est utilisé dans les sélecteurs jQuery et n'a rien à voir avec tinyMCE.get(). Donc, avec cette ligne ci-dessous fonctionne ok.

    alert(tinyMCE.get('jander').getContent());
    InformationsquelleAutor ziiweb
  5. 0

    essayer celui-ci....

    $.garniture(de tinymce.get('jander').getContent());

    InformationsquelleAutor Anugrah