हाय @artf क्या आप कृपया मुझे बता सकते हैं कि मैं एसवीजी आइकन के कस्टम ब्लॉक बनाने के लिए कैसे आगे बढ़ सकता हूं उदाहरण के लिए -: मैं उन आइकन के ब्लॉक बनाना चाहता हूं जिनमें एसवीजी आइकन की सूची उपलब्ध है। धन्यवाद
artf
आपको एक कस्टम घटक बनाना होगा जो एक बार सक्रिय होने के बाद एक मोडल (या जो भी कंटेनर आप चाहते हैं) को ट्रिगर करता है
नमस्ते! मैंने एक कस्टम विशेषता बनाई है, और मैं चाहता हूं कि मुझे विशेषता मूल्यों के आधार पर टैग की सामग्री (इस मामले में यह एक H1 टैग है) को बदलने की अनुमति दी जाए। यह बहुत बढ़िया होगा यदि यह द्वि-दिशात्मक हो सकता है; लक्षण पैनल में परिवर्तन कैनवास को अपडेट करेगा और कैनवास में भी परिवर्तन पैनल में इनपुट को अपडेट करेगा...
artf
कैनवास में > परिवर्तन किस तरह के परिवर्तन? आप कैनवास में तत्व के टैग को कैसे बदलना चाहेंगे?
sircoko
नहीं, मैं सामग्री बदलना चाहता हूं। उदाहरण के लिए <p> $CHANGE_THIS </p>
artf
कस्टम विशेषता परिभाषा में onUpdate फ़ंक्शन आपको अपनी इच्छानुसार इनपुट को अपडेट करने की अनुमति देता है (उदाहरण में आप देखते हैं कि घटक पैरामीटर कैसे पारित किया जाता है और विशेषता मान को अपडेट करने के लिए उपयोग किया जाता है)
विवरण: 0.15.9 क्या आप डेमो से बग को पुन: पेश करने में सक्षम हैं? हाँ अपेक्षित व्यवहार क्या है? आयात बटशन पर क्लिक करने के बाद पृष्ठ को ताज़ा न करें बग का वर्णन करें विस्तृत मैंने इस कंपोनेंट (grapesjs) को b-form में शामिल किया है। जिसमें हमारे पास एक import विकल्प है इसलिए मैंने उस बटन पर क्लिक किया है, यह URL क्वेरी...
dharmatv
धन्यवाद @artf मुझे समाधान मिल गया, कृपया निम्नलिखित समाधान की जांच करें यदि किसी को आवश्यकता हो क्रमांक:
artf
संभवतः यह पृष्ठ सबमिट करता है क्योंकि आयात बटन में type="button" नहीं है इसलिए यह एक प्रपत्र तत्व के अंदर type="submit" के रूप में कार्य करता है
dharmatv
@artf मुझे पता है, लेकिन मैं आयात बटन के लिए एक प्रकार कैसे जोड़ सकता हूं नोट: मुझे पता है कि जेएस का उपयोग करके गतिशील रूप से कैसे जोड़ा जाए। इसके बिना, grapesjs में कोई अन्य समाधान
कहा कि मैं अपने प्लगइन प्रोजेक्ट के अंदर BlockManager को ओवरराइड करना चाहता हूं। वर्तमान में मुझे grapesjs फोर्क करना है, शाखा बनाना है और BlockManager कोड को संशोधित करना है। कुछ परिवर्तन grapesjs से संबंधित नहीं हैं, इसलिए मुझे अपनी शाखा बनानी होगी और इसे अपने प्लगइन से संदर्भित करना होगा। मेरे लिए अपने प्लगइन प्रोज...
वर्तमान में केवल 1 ब्लॉक प्रबंधक है। मैं ब्लॉकों को कैनवास के बाईं ओर ले जाना चाहता हूं। जहां मैं बाईं ओर से ब्लॉक को खींच और छोड़ सकता हूं और दाईं ओर शैली देख सकता हूं। मैं बाएं या दाएं और नए प्रकार के प्रबंधक को जोड़ने में सक्षम होऊंगा। क्या वे ऐसा करने के लिए कोई उदाहरण हैं?
adamtang79
क्या यह सही तरीका है? https://codepen.io/artf/pen/MQpZPj
विवरण: 0.16.22 क्या आप डेमो से बग को पुन: पेश करने में सक्षम हैं? [] हाँ [ ] नहीं अपेक्षित व्यवहार क्या है? निर्यात किया गया HTML उत्तरदायी होना चाहिए बग का वर्णन करें विस्तृत डेमो के शीर्ष पर </> व्यू कोड पर क्लिक करें, और फिर "ज़िप में निर्यात करें" पर क्लिक करें फ़ाइल को अनज़िप करें और index.html पर क्लिक करेंक्रोम...
artf
अच्छी तरह से निश्चित रूप से निर्यात प्लगइन बेहतर कॉन्फ़िगर किया जा सकता है, लेकिन निश्चित रूप से यह मुख्य मुद्दा नहीं है और डेमो का वास्तविक उद्देश्य भी नहीं है
chongma
यह मेरा पहली बार grapes का उपयोग कर रहा है। यदि टेम्पलेट grapes संपादक में अच्छी तरह से आकार देता है, लेकिन मैं html निर्यात नहीं कर सकता हूं तो टेम्पलेट का उपयोग कैसे करें?
नमस्ते मैं अन्य घटकों के साथ कस्टम घटकों को बनाने की कोशिश कर रहा हूं। ऐसा करने में कोई समस्या नहीं है। मुझे एक समस्या का सामना करना पड़ रहा है जब मैं पूरे घटक को स्थानांतरित करना चाहता हूं। यहाँ मेरा परीक्षण घटक है: संपादक पर ऐसा दिखता है: ! [छवि] (https://user-images.githubusercontent.com/63727900/92759622-3c41b200-...
Lerdouille
धन्यवाद ;)
artf
नहीं, यह सब परिभाषित के रूप में है। आप एक गैर-खींचने योग्य घटक को खींचने की कोशिश कर रहे हैं, इसलिए व्यवहार सही है
Lerdouille
नमस्ते उत्तर के लिए धन्यवाद। ठीक है, मुझे पता है कि मेरा "लिंक" घटक खींचने योग्य नहीं है, मैंने इसे इस तरह से सेट किया है (विशेष रूप से पूरे घटक के बाहर लिंक को नहीं खींचने के लिए) लेकिन यह गैर-चयन योग्य के रूप में भी सेट है, इसलिए यदि मैं...
मैं कुछ टैग से बचना चाहता हूं जो 'बी', 'आई' आदि टैग जैसे घटकों के रूप में पता नहीं लगाते हैं। समस्या यह है कि मेरे पास इस तरह का एक घटक है <p data-gjs-type="text">यहां टेक्स्ट डालें</p> जब मैं इस तरह के कुछ टेक्स्टनोड में बोल्ड स्टाइल जोड़ता हूं <p data-gjs-type="text">Insert Text <b>here</b></p> इसके घटक व्यवहार के क...
RJCAM
हाय @krishnaeverestengineering आप पाठ को बोल्ड बनाने के लिए केवल समृद्ध पाठ संपादक का उपयोग क्यों नहीं करते हैं? ! [छवि] (https://user-images.githubusercontent.com/49693237/92756609-1e665400-f374-11ea-9ec9-386aa783a657.png)
krishnaeverestengineering
हाँ हम इसका उपयोग कर सकते हैं। लेकिन समस्या यह है कि सामग्री को सहेजने और लोड करने के बाद फिर से B टैग को अलग टेक्स्ट घटक के रूप में बनाता है। जिसे मैं एक अन्य घटक के रूप में टालना चाहता हूं
krishnaeverestengineering
<img width="809" alt="स्क्रीनशॉट 2020-09-11 सुबह 9 10 41 बजे" src="https://user-images.githubusercontent.com/55732888/92854461-ba449e00-f40e-11ea-9ca7-4e4a5dc26402.png"> इसे देखें, अब बोल्ड टेक्स्ट अब एक और टेक्स्ट कंपोनेंट है
नमस्कार मैं एमजेएमएल प्लगइन के साथ GrapesJs का उपयोग कर रहा हूं और जब मैं अपने डेस्कटॉप से एक छवि को ड्रैग 'एन'ड्रॉप करता हूं, तो रैपर पर गिराया गया परिणाम एक "छवि" घटक होता है। लेकिन मेरे मामले में मैं चाहूंगा कि गिराया गया परिणाम सीधे एक "एमजे-छवि" घटक हो। मैंने देखा कि ड्रैग डेटा ट्रांसफर के परिणाम की गणना इस विधि...
artf
इसे https://github.com/artf/grapesjs/issues/2472#issuecomment -570228050 में जांचें
नमस्ते मैंने परिसंपत्ति प्रबंधक कॉन्फ़िगरेशन को बदलने के लिए सभी संभव तरीकों की कोशिश की, लेकिन यह उम्मीद के मुताबिक काम नहीं कर रहा है। यहां तक कि मैं एक नमूना प्लगइन बनाता हूं लेकिन यह काम नहीं करता है। मूल रूप से मैं अपने सर्वर पर फ़ाइल अपलोड करना चाहता हूं, मैंने यूआरएल दिया लेकिन यह सर्वर पर कोई अनुरोध नहीं भेज र...
artf
आपको उन लेबल को अपडेट करने के लिए I18n मॉड्यूल का उपयोग करना होगा
vijayshukla30
@artf यह केवल लेबल के बारे में नहीं है। मैंने अपलोड में अपना एपीआई यूआरएल दिया लेकिन एपीआई पर कोई कॉल प्राप्त करने में सक्षम नहीं हूं, न ही नेटवर्क में कोई भी नहीं देखा।
vijayshukla30
मैंने अपलोड को अक्षम करने की कोशिश की लेकिन काम नहीं कर रहा था। <आईएमजी चौड़ाई="1384" alt="स्क्रीनशॉट 2020-09-15 12 48 57 PM पर" src="https://user-images.githubusercontent.com/11537372/93178562-0a469c00-f752-11ea-89ce-ed1b2a9ac33c.png">