2015-03-10 5 views
10

क्या कोई मुझे Summernote के लिए डिफ़ॉल्ट textarea नाम मान के साथ मदद कर सकता है? संपादक पृष्ठ पर सही दिखता है (मैं इंटरफ़ेस का उपयोग करके टेक्स्ट संशोधित कर सकता हूं) लेकिन पोस्ट मेरी समझ के आधार पर काम नहीं कर रहा है।Summernote के लिए डिफ़ॉल्ट textarea नाम क्या है?

मैंने विभिन्न पोस्ट चरों की कोशिश की है लेकिन उनमें से कोई भी सही नहीं लगता है। उदाहरण summernote, note-codable और text-area हैं। अंतिम दो summernote.js से आया था। Jquery ऐसा कुछ नहीं है जिसके साथ मुझे बहुत अधिक अनुभव है, तो कृपया मुझे बेबी-स्टेप करें।

ये मैं उपयोग कर रहा हूं।

var sHTML = $('#summernote').code(); 
$('#summernote').code(); 
var content = $('textarea[name="content"]').html($('#summernote').code()); 
$('textarea[name="content"]').html($('#summernote').code()); 
var sHTML = $('textarea[name="content"]').html($('#summernote').code()); 
var textareaValue = $("#content").code(); 
$("summernote").code(html); 
+0

यह एक बहुत ही सरल फिक्स साबित हुआ। भ्रम की जड़ एक दस्तावेज है जो एक div का उपयोग करने के लिए कहता है। बस इसके बजाय एक टेक्स्ट क्षेत्र का उपयोग करें। यद्यपि समरोटोट गतिशील रूप से एक टेक्स्ट-क्षेत्र बनाता है, वैसे भी इसे करें। यह काम करेगा। – Maelish

उत्तर

37

यह एक बहुत ही सरल फिक्स साबित हुआ। भ्रम की जड़ एक दस्तावेज है जो एक div का उपयोग करने के लिए कहता है। बस इसके बजाय एक टेक्स्ट क्षेत्र का उपयोग करें। यद्यपि समरोटोट गतिशील रूप से एक टेक्स्ट-क्षेत्र बनाता है, वैसे भी इसे करें। यह काम करेगा।

4

मैं Summernote का उपयोग करने का एक काम उदाहरण पाया:

$('#summernote').summernote({height: 300}); 
var sHTML = $('#summernote').code(); 

और

<div name="summernote" id="summernote"><?php echo $news_body; ?></div> 

मैं भी content को पाठ क्षेत्र का नाम बदलने की कोशिश में नीचे अलग लाइनों की कोशिश की है php के साथ एक फॉर्म POST here कर रहा है।

यह थोड़ा सा गड़बड़ है इसलिए मैं समझाऊंगा कि क्या हो रहा है।

सबसे पहले आपको एक टेक्स्टरेरा जोड़ने की आवश्यकता है जो पोस्ट की सामग्री के लिए कंटेनर होगा। उदाहरण में एक "सामग्री" नाम दिया गया है। Textarea summernote संपादक के लिए कंटेनर के रूप में युगल है, लेकिन आप आसानी से एक छिपे हुए textarea का उपयोग कर सकते हैं, और summernote कंटेनर के लिए एक div का उपयोग करें।

ग्रीष्मकालीन से टेक्स्टटेरा तक डेटा प्राप्त करने के लिए आपको POST के समय summernote तत्व पर .code() फ़ंक्शन को कॉल करने की आवश्यकता है। उदाहरण यह है कि ऑनसबमिट हैंडलर को फ़ंक्शन में सेट करें (उदाहरण में "पोस्टफॉर्म" नाम दिया गया है) जो संक्षेप में तत्व पाता है, एन्कोडेड इनपुट प्राप्त करता है, और एन्कोडिंग स्ट्रिंग को टेक्स्टरेरा के HTML के रूप में सेट करता है।

0

इस प्रयास करें:

var sHTML = $('.summernote').summernote('code') 
+2

हालांकि यह सवाल का जवाब दे सकता है, उत्तर के आवश्यक हिस्सों को समझाना बेहतर है और संभवतः ओपीएस कोड के साथ समस्या क्या थी। – pirho

0

Summernote बनाता है यह खुद डोम क्षेत्र जब यह initialised है, भले ही आप एक <textarea> यह मार्कअप है संपादन योग्य क्षेत्र है, जो btw, यह वर्ग है के लिए contenteditable विशेषता के साथ एक <div> का उपयोग करता है का उपयोग करें note-editable

यदि आप पहले से नहीं हैं, तो मैं आपको एपीआई कार्यों के विकल्पों के लिए https://summernote.org/deep-dive/ पृष्ठ की जांच करने का आग्रह करता हूं।

संबंधित मुद्दे