नमस्ते, मैं छात्रों के लिए अपने हाई स्कूल के अनुभवों को grapejs संपादक (कैनवा के समान) से निर्मित स्लाइड के रूप में बताने के लिए एक समाधान बना रहा हूं, और संपादक को 'निरपेक्ष' मोड में कॉन्फ़िगर किया है, जो आश्चर्यजनक रूप से काम करता है। हालांकि मुझे तीर कुंजियों के साथ संपादक में गिराए गए ब्लॉक को स्थानांतरित करने का...
artf
नहीं, दुर्भाग्य से, ऐसे मामले के लिए, कस्टम कीमैप ही एकमात्र समाधान होगा। आपको बस चयनित घटक प्राप्त करना चाहिए और उसकी शैली को अपडेट करना चाहिए।
michaelhofer
मुझे इसके लिए एक कार्यशील समाधान इस प्रकार मिला है: कमांड इस प्रकार जोड़े जा रहे हैं: moveSelectedElements विधि केवल निम्नलिखित कार्य करती है: हालाँकि, तीर कुंजियों के साथ तत्वों को स्थानांतरित करते समय, कैनवास भी स्क्रॉल करता है, जो डिफ़ॉ...
sathudeva7
keymaps.add('ns:my-keymap', '⌘+s, ctrl+s', 'some-gjs-command', { डिफ़ॉल्ट ब्राउज़र क्रिया को रोकें रोकथाम: सच, });
पाठ संपादन योग्य बनाने के लिए बहुत सारे क्लिक की आवश्यकता होती है, क्या हम एक क्लिक पर टेक्स्ट फ़ील्ड को संपादन योग्य बना सकते हैं। मुझे पता है, ब्लॉक के चारों ओर खींचते समय सिंगल क्लिक कष्टप्रद हो सकता है और यह पहले से ही बहुत मानक है, लेकिन मेरे परिदृश्य में, मैं केवल एक क्लिक पर संपादित करना चाहता हूं, यदि यह संभव...
इसकी रिपोर्ट करने के लिए धन्यवाद, @fahad157। सिंगल क्लिक टेक्स्ट एडिट के बारे में अपनी रिपोर्ट साझा करने के लिए धन्यवाद। टीम को इसकी जांच करने और प्राथमिकता देने में मदद करने के लिए: कृपया प्रदान करें: एक न्यूनतम प्रतिलिपि प्रस्तुत करने यो...
मेरे पास background-url स्टाइल मैनेजर संपत्ति का उपयोग करने वाला एक घटक है: मैं इस यूआई का पुन: उपयोग करना चाहता हूं जो स्टाइल मैनेजर में एक पृष्ठभूमि यूआरएल विशेषता के लिए दिखाया गया है जो "सेटिंग्स" के तहत दिखाई देता है: ! [स्क्रीन शॉट 2021-03-11 को 12 28 27 बजे पर] (https://user-images.githubusercontent.com/2604996...
artf
दुर्भाग्य से, यह अभी तक संभव नहीं है, लेकिन जल्द ही एक नया यूआई मॉड्यूल जोड़ने की योजना है जो यूआई तत्वों के पुन: उपयोग की अनुमति देगा
zachsnoek
:+1: धन्यवाद!
GJSBlock
इसकी रिपोर्ट करने के लिए धन्यवाद, @zachsnoek । स्टाइल मैनेजर प्रॉपर्टी यूआई के साथ विशेषता बनाना के बारे में बढ़िया सवाल है। स्टाइलमैनेजर के साथ अनुशंसित दृष्टिकोण ईवेंट-संचालित एपीआई का उपयोग करना है। यहाँ से शुरू करें: अपने विशिष्ट मॉड्य...
विवरण: 0.16.44 क्या आप डेमो से बग को पुन: पेश करने में सक्षम हैं? [ ] हाँ [x] नहीं अपेक्षित व्यवहार क्या है? वैध कुछ और बग का वर्णन करें विस्तृत मैं स्क्रिप्ट को कैनवास में लोड करने का प्रयास कर रहा था। मेरा पहला प्रयास scripts: [] था और फिर मैं इस पीआर के धागे में उल्लिखित सिंक्रनाइज़ेशन मुद्दे में भाग गया: https://g...
KernelDeimos
मैंने थोड़ी देर में इनलाइन <script> टैग का उपयोग नहीं किया है और HTML पार्सर की इस चेतावनी के बारे में भूल गया हूं। इसे बंद कर रहा है।
GJSBlock
इसकी रिपोर्ट करने के लिए धन्यवाद, @KernelDeimos । के साथ समस्या स्क्रिप्ट को कैनवास पर लोड करने का प्रयास शायद जावास्क्रिप्ट को तोड़ देता है ?? एक दौड़ की स्थिति या राज्य प्रबंधन समय की समस्या प्रतीत होती है। यह आमतौर पर तब होता है जब घटक...
नमस्ते, मैं स्रोत कोड विकसित करना चाहता हूं लेकिन मैं शुरू नहीं कर सकता। परियोजना शुरू करते समय मुझे त्रुटियां मिलीं। क्या कोई मेरी मदद कर सकता है? बहुत-बहुत धन्यवाद!!! ! [Snip20210311_1] (https://user-images.githubusercontent.com/23135336/110728865-b1ffdb00-8258-11eb-8cc4-e4c57892a893.png)
xinnai
@Andrew-चेन-वांग मुझे लगता है कि मेरे विकास वातावरण के साथ कुछ होना चाहिए, इसलिए मैं इसे स्थापित करने और इसे अपने कंप्यूटर पर ले जाने के लिए एक और कंप्यूटर का उपयोग करता हूं, अभी भी नहीं पता क्यों लेकिन अब यह ठीक काम करता है। आशा है कि कोई...
Andrew-Chen-Wang
स्रोत कोड विकास के लिए, देखें: https://github.com/artf/grapesjs#development
xinnai
@Andrew-चेन-वांग हाँ, मैंने ऐसा किया, लेकिन हमेशा यह त्रुटि मिलती है, मैं क्या कर सकता हूँ?
npm i के बाद हम देख सकते हैं कि कमजोरियों का स्तर अस्वीकार्य है। 383 योगदानकर्ताओं से 646 पैकेज जोड़े गए और 762 पैकेजों का 7.892 में ऑडिट किया गया 724 कमजोरियां मिलीं (353 कम, 23 मध्यम, 348 उच्च) उन्हें ठीक करने के लिए npm audit fix चलाएँ, या विवरण के लिए npm audit करें मैं समस्या को ठीक करने की कोशिश कर रहा हूं, कम स...
AmtechInnovarch
यही कारण है कि दशकों के अनुभव वाले अनुभवी कोडर जेएस को बैक-एंड भाषा के रूप में अस्वीकार करते हैं। जावास्क्रिप्ट का उद्देश्य सर्वर साइड लैंग्वेज नहीं है, और ये नोड पैकेज कमजोरियां पैदा करते हैं जो सर्वर को हैक कर लेते हैं। यह एक गंभीर सुरक्...
KernelDeimos
सर्वर-साइड परत GrapesJS है?
KernelDeimos
जावास्क्रिप्ट का उद्देश्य सर्वर साइड भाषा नहीं है, और ये नोड पैकेज कमजोरियां पैदा करते हैं जो सर्वर को हैक कर लेते हैं। क्या आप यह कह रहे हैं कि जावास्क्रिप्ट एकमात्र ऐसी भाषा है जहां निर्भरता सुरक्षा कमजोरियों को पेश कर सकती है? यदि जावास...
हाय @artf मैंने नए प्रकार के परिसंपत्ति प्रबंधक बनाने के लिए दस्तावेज़ीकरण का पालन किया यहाँ ( https://codepen.io/abhi_punk81/pen/MWbWzaq) मैंने डॉक्स में एक ही तरह का नया प्रकार बनाया है आइकन के अपने कस्टम ब्लॉक को छोड़ने के बाद मैं उस परिसंपत्ति प्रबंधक को कैसे खोल सकता हूं -: पहले तो यह ठीक काम करेगा लेकिन जब मैं उ...
Abhisheknanda1344463
@artf इसे हासिल किया और केस-असंवेदनशील को भी संभाला https://user-images.githubusercontent.com/20657737/112457190-82d18980-8d81-11eb-895b-b5c42e849f3a.mov धन्यवाद!! ❤️
Abhisheknanda1344463
हाय @artf किसी तरह मैं इसे करने में कामयाब रहा हूं घटक सक्रिय पर मैंने इसे कहा -: यह मेरे एसेट मैनेजर को खोलेगा और मैंने इस कस्टम मैनेजर के लिए एसेट जोड़े हैं और साथ ही आप स्क्रीनशॉट में देख सकते हैं <आईएमजी चौड़ाई="1105" alt="स्क्रीनशॉट 2...
artf
जैसा कि आप यहां पहले ही कर चुके हैं वैसा ही होना चाहिए editor.AssetManager.render(editor.AssetManager.getAll().filter(asset => asset.get('type') == 'svg-icon')); इसलिए खोज करके संपत्ति ढूंढें और इसे रेंडर के साथ अपडेट करें
नमस्ते फिर से! वर्तमान स्थिति: मैं संपादन शुरू करता हूंलेयर मैनेजर में मैंने मूव कंटेनर (तीर आइकन) की चौड़ाई को अधिकतम किया ताकि मैं कहीं भी क्लिक करके तत्व को खींच सकूंमैं संपादक में तेजी से आगे बढ़ रहा हूं और मैं गलती से परत को चुनने के बजाय स्थानांतरित कर देता हूं मैं क्या चाहता हूँ: मैं चलती घटना की शुरुआत को 300...
GJSBlock
इसकी रिपोर्ट करने के लिए धन्यवाद, @RaresVlaiduc । इस बारे में बढ़िया सवाल है घटक प्रारंभ चाल पर कौन सा ईवेंट निकाल दिया जाता है। घटकों के साथ अनुशंसित दृष्टिकोण ईवेंट-संचालित एपीआई का उपयोग करना है। यहाँ से शुरू करें: अपने विशिष्ट मॉड्यूल...
नमस्ते, @artf, यह एक महान ढांचा है, बहुत बहुत धन्यवाद। मैं अब इसका उपयोग मोबाइल बीयूआई ढांचे के घटकों को बनाने के लिए कर रहा हूं, और मुझे एक समस्या हुई, मैंने एक कस्टम विशेषता टेक्स्टएरिया जोड़ा, मैं इसे कैसे बना सकता हूं जब डेटा बदलता है, तो यह आउटपुट स्क्रिप्ट में ट्रिगर हो जाता है।
Ju99ernaut
आपको script-props में विशेषता जोड़ने की आवश्यकता होगी, आप यहां /docs/modules/Components-js.html#passing-properties-to-scripts https://grapesjs.com और अधिक पढ़ सकते हैं
imouou
धन्यवाद @Ju99ernaut, यदि यह कुछ अंतर्निहित सुविधाओं है, स्क्रिप्ट को संशोधित करते समय पैरामीटर का मान प्राप्त कर सकते हैं, मैं वर्तमान में समस्याओं का सामना कर रहा हूं: कस्टम सुविधा textarea, डोम जैसे परिवर्तनों को ट्रिगर कर सकता है, लेकिन...
Ju99ernaut
आप स्क्रिप्ट को अपडेट करने के लिए बाध्य करने का प्रयास कर सकते हैं:
नमस्कार। Grapesjs एक बेहतरीन टूल है। इसके लिए धन्यवाद। मैं इनपुट द्वारा किसी घटक के पाठ मान को अपडेट करना चाहता हूं, मैं ऐसा कैसे कर सकता हूं ?? यदि किसी उपयोगकर्ता ने इनपुट बॉक्स को कुछ इस तरह से भर दिया है: टीईए साइट, शीर्षक को इसमें बदल देना चाहिए ! [छवि] (https://user-images.githubusercontent.com/43874147/11053275...
artf
बस घटक ढूंढें और इसे अपनी इच्छानुसार अपडेट करें
millord
मैं अपने grapes ऐप के साथ भी कुछ ऐसा ही चाहता हूं, लेकिन नियंत्रण इनपुट के माध्यम से टेक्स्ट घटक को अपडेट करने के लिए प्रतिक्रिया का उपयोग कर रहा हूं। कोई इसमें मदद कर सकता है?