javascript
  • jquery
  • html
  • tinymce
  • wysiwyg
  • 2011-03-25 12 views 23 likes 
    23

    私は内部に書かれたテキストを取得しようとしていますTinyMCEtextarea。私は以下のコードを持っています。 TinyMCEテキスト領域が表示されますが、アラートは表示されません。どうして?TinyMCEテキストエリア内に書かれたテキストを取得しようとしています

    <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> 
    

    よろしく

    ハビエル

    答えて

    51

    tinymce.get('jander').getContent();(小文字のtinymce!)を使ってみませんか?

    +4

    ありがとう、 janderの前に '#'を取り除くだけで、jQueryのセレクタではシャープ文字(#)が使用され、tinyMCEとは何の関係もないので動作します。get() – ziiweb

    +1

    、それはそれだ – Thariama

    +0

    ありがとう!それは大丈夫です! – Kakitori

    11

    は、あなたは、単に元TextAreaコントロールの値を要求すべきです。

    tinyMCE.triggerSave(false, true); 
    $('#jander').val(); 
    
    +0

    これはTinyMCE jQueryプラグインを必要としませんか? – Dunhamzzz

    +0

    @Brian、ありがとうございますが、動作していません。@ Dunhamzzz jquery.tinymce.jsファイルを追加しましたが、それでも動作しません。 – ziiweb

    +0

    @Dunhamzzz:わからない、tinyMCEプラグインは隠すように設計されています元のテキストエリアが、tinyMCEエディタのリッチテキストコンテンツと同期してその値を保持します。したがって、現在のリッチテキスト値は、ソース要素から要求されるために常に利用可能でなければなりません。 –

    2

    あなたが変数にエディタを割り当ててから、その上に任意のjQueryの機能を操作することができ、TinyMCEのjQueryプラグインが含まれていたら:

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

    次に、あなただけのフェッチできる内容を取得しますwysiwyg.html();

    また、その他の操作技術については、TinyMCE jQuery documentationを参照してください。

    1

    誰かが教えてくれたように、シャープ文字(#)はjQueryセレクタで使用され、tinyMCE.get()とは関係ありません。だから、この行は以下の通りです。

    alert(tinyMCE.get('jander').getContent()); 
    
    0

    これを試してみてください....

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

    関連する問題