नमस्ते, मैं छात्रों के लिए अपने हाई स्कूल के अनुभवों को grapejs संपादक (कैनवा के समान) से निर्मित स्लाइड के रूप में बताने के लिए एक समाधान बना रहा हूं, और संपादक को 'निरपेक्ष' मोड में कॉन्फ़िगर किया है, जो आश्चर्यजनक रूप से काम करता है। हालांकि मुझे तीर कुंजियों के साथ संपादक में गिराए गए ब्लॉक को स्थानांतरित करने का...
artf
नहीं, दुर्भाग्य से, ऐसे मामले के लिए, कस्टम कीमैप ही एकमात्र समाधान होगा। आपको बस चयनित घटक प्राप्त करना चाहिए और उसकी शैली को अपडेट करना चाहिए।
michaelhofer
मुझे इसके लिए एक कार्यशील समाधान इस प्रकार मिला है: कमांड इस प्रकार जोड़े जा रहे हैं: moveSelectedElements विधि केवल निम्नलिखित कार्य करती है: हालाँकि, तीर कुंजियों के साथ तत्वों को स्थानांतरित करते समय, कैनवास भी स्क्रॉल करता है, जो डिफ़ॉ...
sathudeva7
keymaps.add('ns:my-keymap', '⌘+s, ctrl+s', 'some-gjs-command', { डिफ़ॉल्ट ब्राउज़र क्रिया को रोकें रोकथाम: सच, });
विवरण: 0.16.44 क्या आप डेमो से बग को पुन: पेश करने में सक्षम हैं? [ ] हाँ [x] नहीं अपेक्षित व्यवहार क्या है? वैध कुछ और बग का वर्णन करें विस्तृत मैं स्क्रिप्ट को कैनवास में लोड करने का प्रयास कर रहा था। मेरा पहला प्रयास scripts: [] था और फिर मैं इस पीआर के धागे में उल्लिखित सिंक्रनाइज़ेशन मुद्दे में भाग गया: https://g...
KernelDeimos
मैंने थोड़ी देर में इनलाइन <script> टैग का उपयोग नहीं किया है और HTML पार्सर की इस चेतावनी के बारे में भूल गया हूं। इसे बंद कर रहा है।
GJSBlock
इसकी रिपोर्ट करने के लिए धन्यवाद, @KernelDeimos । के साथ समस्या स्क्रिप्ट को कैनवास पर लोड करने का प्रयास शायद जावास्क्रिप्ट को तोड़ देता है ?? एक दौड़ की स्थिति या राज्य प्रबंधन समय की समस्या प्रतीत होती है। यह आमतौर पर तब होता है जब घटक...
नमस्ते, @artf, यह एक महान ढांचा है, बहुत बहुत धन्यवाद। मैं अब इसका उपयोग मोबाइल बीयूआई ढांचे के घटकों को बनाने के लिए कर रहा हूं, और मुझे एक समस्या हुई, मैंने एक कस्टम विशेषता टेक्स्टएरिया जोड़ा, मैं इसे कैसे बना सकता हूं जब डेटा बदलता है, तो यह आउटपुट स्क्रिप्ट में ट्रिगर हो जाता है।
Ju99ernaut
आपको script-props में विशेषता जोड़ने की आवश्यकता होगी, आप यहां /docs/modules/Components-js.html#passing-properties-to-scripts https://grapesjs.com और अधिक पढ़ सकते हैं
imouou
धन्यवाद @Ju99ernaut, यदि यह कुछ अंतर्निहित सुविधाओं है, स्क्रिप्ट को संशोधित करते समय पैरामीटर का मान प्राप्त कर सकते हैं, मैं वर्तमान में समस्याओं का सामना कर रहा हूं: कस्टम सुविधा textarea, डोम जैसे परिवर्तनों को ट्रिगर कर सकता है, लेकिन...
Ju99ernaut
आप स्क्रिप्ट को अपडेट करने के लिए बाध्य करने का प्रयास कर सकते हैं:
हाय दोस्तों, इस तरह से init में स्टाइल करने के बजाय... कैनवास में SCSS फ़ाइल का उपयोग करना संभव है? कैनवास { शैली:['FILE। एससीएसएस'] } या सरल इसे एक एकल init CSS के साथ क्लीनर बनाएं? धन्यवाद! ' myComponent.append(<style> शरीर { पृष्ठभूमि: आरजीबी (204,204,204); } .पाद लेख { स्थिति: निरपेक्ष; नीचे: 5 मिमी; चौड़ाई: ऑटो;...
artf
यदि आप फ़ाइलों का उपयोग नहीं करना चाहते हैं तो आप canvasCSS विकल्प का उपयोग कर सकते हैं।
devtechk
बहुत-बहुत धन्यवाद! यह कॉन्फ़िगरेशन फ़ाइल मेरी बहुत मदद करने वाली है!
GJSBlock
इसकी रिपोर्ट करने के लिए धन्यवाद, @devtechk । कैनवास शैली सीएसएस के बारे में बढ़िया प्रश्न। स्टाइलमैनेजर के साथ अनुशंसित दृष्टिकोण ईवेंट-संचालित एपीआई का उपयोग करना है। यहाँ से शुरू करें: अपने विशिष्ट मॉड्यूल के लिए GrapesJS दस्तावेज़ की ज...
विवरण: वर्तमान? आप कंसोल में grapesjs.version टाइप करके संस्करण प्राप्त कर सकते हैं क्या आप डेमो से बग को पुन: पेश करने में सक्षम हैं? [ ] हाँ [ x] नहीं // निष्पक्ष होने के लिए डेमो में कभी कोशिश नहीं की अपेक्षित व्यवहार क्या है? परतों के पाठ को संपादित करते समय और एक नई पंक्ति जोड़ते समय बैकस्पेसिंग मैं संपादित पाठ क...
artf
ठीक है, मैं परतों के नाम के संपादन के लिए एक फिक्स को धक्का दूंगा, शायद यह समझ में नहीं आता है कि वहां नई लाइनें सक्षम हैं (मैं एंटर/ईएससी पर संपादन को रोक दूंगा)। दूसरे मुद्दे के लिए, यदि आप कैनवास का आकार बदलने के लिए अपनी किसी चीज़ का उ...
anatoli-dp
हाँ, मुझे एहसास नहीं था कि editor.refresh() बाद तक एक चीज थी। अन्यथा धन्यवाद। बहुत बढ़िया परियोजना
GJSBlock
इसकी रिपोर्ट करने के लिए धन्यवाद, @anatoli-डीपी। लेयर्स टेक्स्ट के बारे में बढ़िया सवाल एक नई लाइन बनाने के बाद केंद्रित नहीं होता है। कैनवास के साथ अनुशंसित दृष्टिकोण ईवेंट-संचालित एपीआई का उपयोग करना है। यहाँ से शुरू करें: अपने विशिष्ट म...
संस्करण: डेमो में वाला क्या आप डेमो से बग को पुन: पेश करने में सक्षम हैं? [एक्स] हाँ [ ] नहीं अपेक्षित व्यवहार क्या है? विंडो का आकार बदलने पर मोबाइल और टैबलेट दृश्य को कैनवास का आकार बदलना चाहिए. बग का वर्णन करें विस्तृत विंडो का आकार बदलते समय डेस्कटॉप दृश्य कैनवास का ठीक से आकार बदलता है वर्तमान व्यवहार क्या है? मो...
Ju99ernaut
mobile और tablet डिवाइस पिक्सेल पास किए गए हैं, इसलिए वे विंडो के आकार की परवाह किए बिना कैनवास को एक निश्चित संख्या में पिक्सेल तक आकार देते हैं। मेरा मानना है कि desktop कैनवास को 100% पर सेट करता है।
artf
जैसा कि @Ju99ernaut ने उल्लेख किया है, इस तरह डिवाइस काम करते हैं। ईमानदारी से, मुझे ऐसे मामले के पीछे का कारण भी नहीं दिखता कि उपयोगकर्ता को विंडो का आकार क्यों बदलना चाहिए? आप उन शैलियों को देखना/अपडेट करना भी शुरू कर सकते हैं जो उचित डि...
GJSBlock
इसकी रिपोर्ट करने के लिए धन्यवाद, @Andrew-चेन-वांग। टैबलेट और मोबाइल दृश्य का आकार न बदलने की समस्या दौड़ की स्थिति या राज्य प्रबंधन समय की समस्या प्रतीत होती है. यह आमतौर पर तब होता है जब घटक जीवनचक्र ईवेंट और DOM संशोधन ओवरलैप होते हैं,...
संस्करण: v0.16.41 क्या आप डेमो से बग को पुन: पेश करने में सक्षम हैं? [ ] हाँ [x] नहीं अपेक्षित व्यवहार क्या है? जब मैं एक बटन पर क्लिक करता हूं, तो gjs-pn-active क्लास जोड़ा जाना चाहिए। बग का वर्णन करें विस्तृत मेरे पास 3 अलग-अलग उपकरणों (डेस्कटॉप, टैबलेट और मोबाइल) के लिए 3 बटन हैं। मेरे पास उन्हें एक शीर्ष पैनल पर ह...
Ju99ernaut
Grapesjs आपके आदेशों के लिए पैनल बटन को स्वचालित रूप से टॉगल करने के लिए run और stop कार्यों की आवश्यकता होती है, इसलिए शायद यह समस्या हो सकती है:
kerryj89
@Ju99ernaut इसके लिए आपका शुक्रिया। सक्रिय राज्य अब मेरे लिए काम कर रहा है जब grapesjs.init() के माध्यम से devices-c पैनल बना रहा है।
GJSBlock
इसकी रिपोर्ट करने के लिए धन्यवाद, @RaresVlaiduc । (v0.16.41) क्लिक पर सक्रिय के रूप में सेट नहीं होने वाले बटन के साथ समस्या दौड़ की स्थिति या राज्य प्रबंधन समय की समस्या प्रतीत होती है। यह आमतौर पर तब होता है जब घटक जीवनचक्र ईवेंट और DOM...
विवरण: v0.16.41 क्या आप डेमो से बग को पुन: पेश करने में सक्षम हैं? [ ] हाँ [ ] नहीं अपेक्षित व्यवहार क्या है? जब हमारे पास गलत में संपत्ति data-gjs-draggable के साथ एक बटन होता है, तो इस बटन को कैनवास में नहीं खींचा जाना चाहिए। बग का वर्णन करें विस्तृत कदमगलत में खींचने योग्य संपत्ति के साथ एक बटन घटक सेट करेंबटन को अ...
artf
मुझे लगता है कि आप कुछ गलत कर रहे हैं, आप उन घटकों और उनके गुणों को कैसे बनाते हैं ?? आपको उन विशेषताओं को इंस्पेक्टर में भी नहीं देखना चाहिए।
marcepoblet
@artf हमारे कोड में हमने कुछ भी नहीं बदला है। फर्क सिर्फ इतना है कि हम GrapesJs वर्जन को अपडेट करते हैं। इससे पहले कि मेरे पास संस्करण v0.16.18 था और यह सही ढंग से काम करता था, लेकिन अब हम GrapesJs v0.16.41 में अपडेट करते हैं और यह बटन के...
marcepoblet
हम इसके साथ गुण सेट करते हैं: editor.getSelected().attributes.attributes["data-gjs-editable"] = 'false' editor.getSelected().attributes.attributes["data-gjs-copyable"] = 'false' editor.getSelected().attributes.attributes["data-gjs-droppabl...
नमस्ते। यह प्रश्न पहले ही दो बार पूछा जा चुका है (यहां और यहां) लेकिन कभी कोई उत्तर नहीं मिला है। क्या कैनवास आईफ्रेम की शुरुआत के रूप में <!DOCTYPE html> जोड़ने का कोई तरीका है ताकि आईफ्रेम मानक मोड में हो। मुझे इसकी आवश्यकता है क्योंकि मैं कस्टम आरटीई के रूप में tinyMce का उपयोग करने की कोशिश कर रहा हूं, और tinyMce...
artf
अगली रिलीज में, मैं एक नया ईवेंट हेल्पर जोड़ूंगा जो लोड होने से पहले iframe सामग्री को संपादित करने की अनुमति देगा:
bgrand-ch
नमस्कार भविष्य के प्रश्नों या तकनीकी मुद्दों के लिए, जो बग नहीं हैं, GitHub का [चर्चा] (https://github.com/artf/grapesjs/चर्चा) टैब आपके लिए सही जगह है। यदि इस मुद्दे का समाधान हो जाता है तो इसे बंद करना न भूलें या चर्चाएं -> प्रश्नोत्तर श...
artf
वास्तव में नहीं, लेकिन मैं इसे अनुकूलन योग्य बनाने के तरीके के समाधान के लिए खुला हूं।
आप GrapesJS में क्या जोड़ने की कोशिश कर रहे हैं? मैं GrapesJS को स्टाइल करने और इसके तत्वों (पैनल, बटन, कैनवास, आदि) की स्थिति बनाने की कोशिश करता हूं, यह सभी शैली तत्वों को ओवरराइड करने के लिए कष्टप्रद है। अपने फीचर अनुरोध का वर्णन करें एक रेंडर रहित GrapesJS. दस्तावेज़ में किसी भी कंटेनर में एक विशिष्ट GrapesJS तत्व...
GJSBlock
इसकी रिपोर्ट करने के लिए धन्यवाद, @bgrand-ch. करतब: रेंडरलेस के बारे में बढ़िया सुझाव! हालाँकि यह विशिष्ट सुविधा अभी तक कोर एपीआई में नहीं है, लेकिन समान व्यवहार प्राप्त करने के कई तरीके हैं। इवेंट सिस्टम का उपयोग करना: वैकल्पिक दृष्टिकोण:...