घटक स्क्रिप्ट से विशेषता/गुणों को गतिशील रूप से कैसे अपडेट करें?
आपको इस मामले में जेएस के साथ घटकों की आवश्यकता नहीं है (आपके अंतिम कोड में आप किसी भी जेएस को निष्पादित नहीं करते हैं), आपके लिए कुछ इस तरह पर्याप्त है:
नीचे पूरा उत्तर पढ़ें ↓प्रश्न
हमारे पास एक उपयोग का मामला है जहां हम [हाईचार्ट्स एडिटर] (https://github.com/highcharts/highcharts-editor) का उपयोग करके गतिशील रूप से चार्ट सम्मिलित करना चाहते हैं। मैंने एक घटक बनाया है, जो ड्रैग एंड ड्रॉप पर, एक मोडल खोलता है और उपयोगकर्ता के चयन के आधार पर, एक एसवीजी छवि लौटाता है। मैं सोच रहा हूं कि मैं इसे मॉडल के शरीर में कैसे जोड़ सकता हूं। अभी मैं डालने के लिए innerHTML का उपयोग कर रहा हूं लेकिन getHTML में div के हिस्से के रूप में SVG छवि नहीं है। घटक के लिए कोड: इसके अलावा मैं हाईचार्ट्स संपादक के जेएस आउटपुट को div की विशेषता के रूप में सेट करना चाहता हूं (या, क्या कोई तरीका है,...
जवाब (4)
आपको इस मामले में जेएस के साथ घटकों की आवश्यकता नहीं है (आपके अंतिम कोड में आप किसी भी जेएस को निष्पादित नहीं करते हैं), आपके लिए कुछ इस तरह पर्याप्त है:
स्पैमिंग के लिए क्षमा करें। मैं अपने काम के लैपटॉप से यूज़केस वीडियो अपलोड करने में सक्षम नहीं था।
https://user-images.githubusercontent.com/2502711/106098322-d39c7b80-615e-11eb-8569-cf76ffc7fcc7.mov
@artf यहां किसी भी मदद की सराहना की जाएगी। मैं फिर से दस्तावेज़ों के माध्यम से गया और कुछ भी बाहर नहीं खड़ा है, जो मुझे याद आ सकता है।
इसकी रिपोर्ट करने के लिए धन्यवाद, @harsh201। [प्रश्न] के बारे में बढ़िया सवाल घटक स्क्रिप्ट से विशेषता/गुणों को गतिशील रूप से कैसे अपडेट करें?। घटकों के साथ अनुशंसित दृष्टिकोण ईवेंट-संचालित एपीआई का उपयोग करना है। यहाँ से शुरू करें: अपने विशिष्ट मॉड्यूल के लिए GrapesJS दस्तावेज़ की जाँच करें on() ई...
संबंधित प्रश्न और उत्तर
इसी तरह की मुद्दों पर चर्चाओं के साथ शोध जारी रखें।
अंक #4792
20.2 में टूटा हुआ खींचें और छोड़ें
GrapesJS संस्करण[X] मैं GrapesJS के नवीनतम संस्करण का उपयोग करने की पुष्टि करता हूं आप किस ब्राउज़र का उपयोग कर रहे हैं? क्रोम v108प्रतिलिप...
अंक #4083
सेट रूट काम नहीं करता है
GrapesJS संस्करण[X] मैं GrapesJS के नवीनतम संस्करण का उपयोग करने की पुष्टि करता हूं आप किस ब्राउज़र का उपयोग कर रहे हैं? सफारी 15.0प्रतिलिप...
अंक #5352
Uncaught SyntaxError: CanvasView.ts:590:12 पर अप्रत्याशित टोकन '{'
GrapesJS संस्करण [X] मैं GrapesJS के नवीनतम संस्करण का उपयोग करने की पुष्टि करता हूं आप किस ब्राउज़र का उपयोग कर रहे हैं? संस्करण 1.56.20 क...
अंक #3574
लक्षण जोड़ने विशेषता प्रबंधक द्वारा नहीं उठाए जाते हैं।
docs से निम्नलिखित उदाहरण का अनुसरण करें। क्या तत्वों के लिए नए लक्षण दिखाने के लिए और विन्यास है? इनपुट का उपयोग करने वाला उदाहरण नहीं चलत...
सशुल्क प्लगइन्स जो इस समस्या से मेल खाते हैं
समस्या कीवर्ड और लेबल प्रासंगिकता द्वारा क्यूरेट किया गया है ताकि आपको तेज़ी से शिप करने में मदद मिल सके।
सशुल्क प्लगइन अनुशंसाएँ लोड हो रही हैं ...
ओपन-सोर्स GrapesJS प्लगइन्स की जाँच करें GitHub या हमारे मुफ्त कैटलॉग में एक त्वरित खोज चलाएं।
मुफ्त प्लगइन्स ब्राउज़ करें →प्रीमियम प्लगइन्स समर्थन, नियमित अपडेट और उत्पादन-तैयार सुविधाओं के साथ शिप होते हैं - एकीकरण कार्य के दिनों को बचाते हैं।
प्रीमियम प्लगइन्स ब्राउज़ करें →संबंधित ट्यूटोरियल
एक ही विषय पर गहन मार्गदर्शिकाएँ।
ट्यूटोरियल
Introducing Search on GJS.Market
GJS.Market now has one search across everything we publish — plugins, articles, community questions, guides, authors and services. Press ⌘K from any page.
ट्यूटोरियल
2026 में GrapesJS के साथ AI-संचालित पेज बिल्डर कैसे बनाएं
हमने GJSDocs का निर्माण करना सीखा - सरल AI टेक्स्ट जनरेशन से लेकर संरचित, संदर्भ-जागरूक दृश्य संपादन तक
ट्यूटोरियल
2026 में SaaS पेज बिल्डर बनाने में कितना खर्च आता है?
2026 में SaaS पेज बिल्डर बनाने में कितना खर्च आता है? यथार्थवादी विकास लागत, समयसीमा, सुविधाओं और GrapesJS का उपयोग कैसे कम किया जा सकता है इसका अन्वेषण करें
ब्राउज़ प्लगइन श्रेणियाँ
सीधे बाज़ार पर प्लगइन श्रेणी के पृष्ठों पर जाएँ।