2011-03-25 53 views
23

我試圖讓文字寫在TinyMCEtextarea。我有下面的代碼。顯示TinyMCE文本區域,但警報甚至沒有顯示。爲什麼?試圖讓文字寫在TinyMCE textarea裏面

<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();(tincase在lowercase!)?

+4

謝謝,只是在jander之前刪除'#',它可以工作,因爲尖銳的字符(#)在jQuery選擇器中使用,並且與tinyMCE無關。get() – ziiweb 2011-03-25 10:41:10

+1

正確,就是這樣 – Thariama 2011-03-25 11:56:35

+0

謝謝!它工作正常! – Kakitori 2013-01-16 08:33:13

11

您應該簡單地請求原始的textarea控件的值。

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

這不需要TinyMCE jQuery插件嗎? – Dunhamzzz 2011-03-25 09:26:01

+0

@布萊恩,謝謝,但它不工作.. @ Dunhamzzz我添加了jquery.tinymce.js文件,但它仍然無法正常工作。 – ziiweb 2011-03-25 09:34:32

+0

@Dunhamzzz:不是我意識到的,tinyMCE插件旨在隱藏原始的textarea,但保持與tinyMCE編輯器的豐富文本內容同步的值。因此,當前富文本值應始終可用於從源元素請求。 – 2011-03-25 09:35:25

2

一旦你包括TinyMCE的jQuery插件,您指定的編輯器一個變量,然後可以在其上運行的任何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());