हाय टीम, मैं प्रतिक्रिया परियोजना के साथ उपयोग किए जाने वाले प्लगइन बनाने के लिए grapes क्ली टूल (https://github.com/artf/grapesjs-cli) का उपयोग करने का प्रयास कर रहा हूं। सीएलआई टूल ने blocks.js, components.js और एक index.js फाइलें बनाईं। index.js फ़ाइल में नीचे दिया गया कोड है: घटकों को परिभाषित करने के लिए निम्नलिख...
pouyamiralayi
@arunkumar413 इस मुद्दे को grapesjs-cli पर पोस्ट किया जाना चाहिए।घटकों को परिभाषित करने के लिए निम्नलिखित में से किसका उपयोग किया जाना चाहिए? आपको अपने घटकों को परिभाषित करना होगा 'components.js file. loadComponents' उस फ़ाइल का नामित आयात...
artf
क्या आप कृपया कुछ कोडसैंडबॉक्स बना सकते हैं ताकि हमें प्रतिक्रिया, जेएसएक्स, यूआई टूल किट जैसे सामग्री-यूआई आदि के साथ grapesjs का उपयोग करने के तरीके को बेहतर ढंग से समझने में मदद मिल सके। https://github.com/artf/grapesjs/मुद्दे/2370#issu...
हाय टीम, मैं grapes के साथ सामग्री यूआई घटकों का उपयोग करने की कोशिश कर रहा हूं लेकिन सामग्री यूआई घटक अपेक्षित (https://codesandbox.io/s/grapesjsapp-umxf5) के अनुरूप प्रस्तुत नहीं कर रहे हैं। मैंने सामग्री यूआई का परीक्षण करने के लिए इस टेम्पलेट (https://github.com/prashant2018/GrapesJs-रिएक्ट) का उपयोग किया है। क्या...
pouyamiralayi
सामग्री उपयोग के मामले में @arunkumar413 कृपया ग्रामटेरिया देखेंकृपया इस उपकरण के उपयोग के मामले पर स्पष्ट करें grapesjs एक टेम्पलेट बिल्डर है जो वर्तमान में वेब का समर्थन करता है। इसके अलावा यह एपीआई प्रदान करता है जिसे आसानी से किसी भी प...
artf
क्या आप कृपया इस टूल के उपयोग के मामले पर भी स्पष्ट कर सकते हैं। क्या यह उपकरण नियमित HTML टैग का उपयोग करके घटकों के निर्माण के लिए अभिप्रेत है, जैसा कि प्रतिक्रिया जैसे किसी भी ढांचे का उपयोग करने के विपरीत है? या क्या यह प्रतिक्रिया, को...
Rishabh-prescience
मैं GrapesJS के साथ सामग्री यूआई को एकीकृत करने में सक्षम था, लेकिन मैं एपेक्सचार्ट्स के एकीकरण पर फंस गया हूं। क्या कोई इसमें गौर कर सकता है? ['कोडसैंडबॉक्स'] (https://codesandbox.io/s/grapesjs-emilsedgh-example-forked-xiq9r?file=/src/ind...
नए ड्रैगमोड में घटक की शैली घटक को खींचने के बाद अद्यतन नहीं की जाती है। अपेक्षित व्यवहार: घटक (या टूलबार आइकन) पर क्लिक करके तत्व खींचेंघटकों को 'गिराने' के बाद, शैली को नई स्थिति के साथ अद्यतन किया जाना चाहिए वर्तमान व्यवहार: आप घटक को कहीं और खींचते हैंx और y स्थिति (ऊपर, बाएं) खींचने से पहले की तरह ही हैं एक अपवाद...
artf
एक सेट x और y मान रखें (उदाहरण के लिए 0px और 0px) x/y के लिए आपका मतलब बाएं/ऊपर है?
MartinPutz
हां, बाएं और ऊपर बदलना चाहिए और उन्हें अपडेट किया जाना चाहिए लेकिन वे वही रहते हैं।
artf
मैं उन्हें घटक को फिर से चुनने के बाद ही बदलता हुआ देखता हूं, क्या आप पुष्टि कर सकते हैं?
[बग]: हैलो, मैंने जेएस को एक asp.net कोर/कोणीय प्रोजेक्ट में एकीकृत grapes मुझे दो समस्याएं हैं: बेतरतीब ढंग से, ब्लॉक जोड़ने के बाद, टूलबार और हाइलाइटर गलत स्थिति में प्रदर्शित होते हैं। ! [screenposition] (https://user-images.githubusercontent.com/7261023/68115728-623d3100-fef9-11e9-8b8a-ebd2d2ad0377.png)जब मैं डेटा...
artf
रंग स्थिति के मुद्दे के लिए इसे देखें https://github.com/artf/grapesjs/issues/1533#issuecomment -432146597
artf
@picozzo92 क्या आप इस मुद्दे का न्यूनतम प्रतिलिपि प्रस्तुत करने योग्य डेमो बनाने में सक्षम हैं? मैं एक [बड़े कैनवास रिफैक्टरिंग] (https://github.com/artf/grapesjs/tree/multi-frame) पर काम कर रहा हूं जो शायद सभी संबंधित मुद्दों को ठीक करेगा...
SaleDrache
मेरे पास कलरपिकर पोजिशनिंग के लिए एक ही समस्या थी और निष्कर्ष निकाला कि इसकी स्थिति स्क्रीन/एचटीएमएल टैग (स्थिति: निरपेक्ष, बाएं: x पीएक्स) से संबंधित है, लेकिन अगर जीजेएस-एडिटर वाले किसी भी मूल तत्व में स्थिति: सापेक्ष है, तो यह मोडल की स...
[यहां इस मुद्दे का एक कार्यशील डेमो है] (https://jsfiddle.net/srvmLkt6/) प्रजनन के चरण: एक घटक का चयन करेंइसे टूलबार से खींचने का प्रयास करें आप देख सकते हैं कि तुरंत घटक बाईं ओर कूदता है। हालांकि यह ठीक काम करता है यदि आप घटक को स्वयं खींचने का प्रयास करते हैं (और टूलबार का उपयोग नहीं करते हैं) यह केवल तभी होता है जब...
emilsedgh
ओह, मैंने रिपोर्ट करने से पहले इसे खोजने की कोशिश की लेकिन मैं नहीं कर सका। धन्यवाद। मैं इसे तब बंद कर दूंगा।
pouyamiralayi
@emilsedgh इस बारे में खुली चर्चा है यहां
alemenciones
यह अंतिम रिलीज में तय किया गया है, है ना? जब मैं मोबाइल उपकरणों में iframe के बाहर खींचता हूं तो मुझे एक समाधान की आवश्यकता होती है
हाय टीम, मैंने अभी grapesjs के साथ खेलना शुरू किया है और मैं grapesjs यूआई संपादक में मौजूदा / वर्तमान में काम कर रहे प्रतिक्रिया टेम्पलेट/घटक का उपयोग करना चाहता हूं। और grapesjs में बनाए गए टेम्पलेट को react/jsx टेम्पलेट/घटक प्रारूप में भी परिवर्तित करें। क्या आप कृपया मुझे बता सकते हैं कि क्या यह grapesjs के साथ सं...
artf
@arunkumar413 हम अभी तक रिएक्ट घटकों के साथ सीधे काम करने के बिंदु पर नहीं हैं, लेकिन कुछ #1970 आगे बढ़ रहा है
pouyamiralayi
आपको नमस्कार! कृपया सेटअप गाइड पढ़ें और उसके बाद आप घटकों को जोड़ने के लिए 'editor.addComponents(<div>Hello JSX</div>)' का उपयोग कर सकते हैं। फ्रेमवर्क विशिष्ट JSX के लिए, आप प्रोसेसर कॉलबैक का भी उपयोग कर सकते हैं। चीयर्स!
मेरी टीम और मैंने एक एप्लिकेशन बनाया जो ईमेल टेम्पलेट बनाने के लिए grapesjs का उपयोग करता है। जब चित्रों को टेम्पलेट में पेश किया जाता है तो वे स्वचालित रूप से आधार 64 एन्कोडेड होते हैं जो लाइन 77 से आते हुए पाए गए थे: https://github.com/artf/grapesjs/blob/dev/src/asset_manager/config/config.js#L77। चूंकि उन्हें बेस 6...
artf
एन्कोडिंग को अक्षम करने के @timkelly0810 बस गलत हो जाता है यह विकल्प संपत्ति अपलोड करने के बारे में आपको जो कुछ भी जानने की आवश्यकता है, वह यहां है: https://grapesjs.com/docs/modules/Assets.html#uploading-assets
pouyamiralayi
[छवि अपलोड सुविधा जोड़ना] (https://blog.webnersolutions.com/adding-image-upload-feature-in-grapesjs-संपादक)
timkelly0810
grapesjs डेटाबेस में छवियों को किस रूप में भेजता है? हम यह निर्धारित करने की कोशिश कर रहे हैं कि grapes छवियों को वसंत में कैसे भेजता है ताकि हम आने वाली छवियों को प्राप्त करने के लिए अपना डेटाबेस सेट कर सकें।
नमस्ते मैंने टॉगल बटन के लिए एक कस्टम घटक बनाया। मेरी समस्या यह है कि एक बार जब मैं एक से अधिक खींचता और छोड़ता हूं, और फिर मैं उनमें से किसी को भी संपादित करता हूं, तो सभी उदाहरणों को रंग, आकार आदि के संदर्भ में अपडेट किया जा रहा है। मैं grapesjs के नवीनतम संस्करण का उपयोग कर रहा हूं ~~~~ editor.BlockManager.add('tog...
pouyamiralayi
नमस्ते! मुझे लगता है कि ऐसा इसलिए है क्योंकि आपके ब्लॉक समान वर्ग रखते हैं और चयनकर्ताओं में समान हैं। नवीनतम संस्करण में, 'avoidInlineStyle' डिफ़ॉल्ट रूप से सत्य है, तो क्या आप नवीनतम संस्करण पर इसका अनुभव कर रहे हैं?
artf
@pouyamiralayi का अनुमान सही है, यह समान कक्षाओं के कारण होता है और आपको स्टाइल मैनेजर में टॉगल करना होगा ताकि स्टाइल को केवल घटक शैली बनाया जा सके। BTW मैं जल्द ही कोशिश करूंगा, मुझे उम्मीद है, अधिक सहज समाधान प्रदान करने के लिए
बग का वर्णन करें (यह नवीनतम संस्करण में नहीं हो रहा है, यह समस्या मान्य नहीं है। मान लें कि हमारे घटक मॉडल में एक संपत्ति है जो एक वस्तु है। फिर इस गुण को स्क्रिप्ट में प्रक्षेपित करने का प्रयास करें: आपको जो मिलेगा वह एक [object Object] स्ट्रिंग है। व्यवहार को पुन: पेश करने के चरण एक कस्टम घटक प्रकार बनाएं। मॉडल के अ...
उदाहरण: https://jsfiddle.net/benvmatheson/g1ft06qh/8/ किसी पाठ गुण के साथ कोई शैली आयात करें. text-shadow:rgb(51, 166, 58) 4px 4px 4px; यह सही ढंग से काम करता है, और आइटम सही ढंग से प्रदर्शित होता है। हालाँकि, एक बार आइटम का चयन करने के बाद, rgb मान छोड़ दिया जाता है और 0 के साथ बदल दिया जाता है। text-shadow:0 4px 4px...
benvmatheson
ऐसा लगता है कि तत्व पर क्लिक करने पर targetUpdated दो बार चलाया जाता है। एक बार सही मान rgb(89, 89, 89) 5px 6px 7px के साथ और दूसरी बार rgb के साथ 0 5px 6px 7px साफ़ कर दिया गया है। यह समझाएगा कि यह भ्रमित क्यों है कि पहली या अंतिम संख्या...
artf
हाँ, मैं पहले से ही इस मुद्दे से अवगत हूँ। दुर्भाग्य से, स्टाइल मैनेजर पार्सर काफी गूंगा है और यह जो करता है वह केवल एक विभाजक द्वारा मान को विभाजित कर रहा है, इस मामले में ' ' (स्थान), और परिभाषा में उनके क्रम से सापेक्ष गुणों में विभाजन...
benvmatheson
ऐसा लगता है कि यह क्रॉस ब्राउज़र निर्भरता के कारण एक बड़ी परियोजना में बदल सकता है। क्या यह grapes के अंदर इसे हल करने की कोशिश करने के बजाय 3 पार्टी मॉड्यूल में लाने के लायक होगा?