2011-03-25 14 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(); (लोअरकेस में tinymce!) का उपयोग क्यों नहीं करते हैं?

+4

धन्यवाद, जांडर से पहले '#' को हटाकर, यह काम करता है, क्योंकि तेज चयन (#) का उपयोग jQuery चयनकर्ताओं में किया जाता है और इसमें TinyMCE के साथ कुछ लेना देना नहीं है।प्राप्त करें() – ziiweb

+1

सही, यह – Thariama

+0

धन्यवाद है! यह ठीक काम करता है! – Kakitori

11

आप बस मूल पाठ क्षेत्र नियंत्रण के मूल्य का अनुरोध करना चाहिए।

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

क्या यह TinyMCE jQuery प्लगइन की आवश्यकता नहीं होगी? – Dunhamzzz

+0

@ ब्रायन, धन्यवाद, लेकिन यह काम नहीं कर रहा है .. @ Dunhamzzz मैंने jquery.tinymce.js फ़ाइल को जोड़ा लेकिन यह अभी भी काम नहीं करता है .. – ziiweb

+0

@ डुनहमज़: नहीं, मुझे पता है कि tinyMCE प्लगइन को छिपाने के लिए डिज़ाइन किया गया है मूल textarea लेकिन इसके मान को tinyMCE संपादक की समृद्ध टेक्स्ट सामग्री के साथ समन्वयित रखें। इसलिए वर्तमान समृद्ध टेक्स्ट मान स्रोत तत्व से अनुरोध करने के लिए हमेशा उपलब्ध होना चाहिए। –

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()।) की कोशिश;