web-dev-qa-db-fra.com

Essayer d'obtenir le texte écrit dans une zone de texte TinyMCE

J'essaie d'obtenir le texte écrit dans un TinyMCEtextarea. J'ai le code ci-dessous. La zone de texte TinyMCE est affichée mais l'alerte n'est même pas affichée. 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>

Cordialement

Javier

23
ziiweb

Pourquoi n'utilisez-vous pas simplement tinymce.get('jander').getContent(); (tinymce en minuscules!)?

55
Thariama

Vous devez simplement demander la valeur du contrôle de zone de texte d'origine.

tinyMCE.triggerSave(false, true);
$('#jander').val();
11
Brian Scott

Une fois que vous avez inclus le plugin TinyMCE jQuery, vous affectez l'éditeur à une variable et pouvez ensuite y faire fonctionner n'importe quelle fonction jQuery:

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

Ensuite, pour obtenir le contenu, vous pouvez simplement récupérer wysiwyg.html();

Voir aussi documentation TinyMCE jQuery pour d'autres techniques de manipulation.

2
Dunhamzzz

Comme quelqu'un me l'a dit, le caractère pointu (#) est utilisé dans les sélecteurs jQuery et n'a rien à voir avec tinyMCE.get (). Donc, avec cette ligne ci-dessous, ça marche.

alert(tinyMCE.get('jander').getContent());   
1
ziiweb

essaye celui-là....

$. trim (tinymce.get ('jander'). getContent ());

0
Anugrah